body{text-align:center;background-color:#f7fafb;}

#centern{margin:0px auto;text-align:left;width:836px;background:url(../images/back_mid.jpg);background-position:top left; background-repeat:repeat-y;}

#top{background:url(../images/back_top.jpg);height:156px;background-repeat:no-repeat;}
#top #logo{top:44px;left:30px;width:399px;height:72px;background:url(../images/logo.jpg);margin:0px;display:block;float:left;position:relative;}
#top #menue {margin-left:630px;padding-top:40px;position:relative;}
#top #menue a {font-weight:bold;color:#005081;font-size:11px;text-decoration:none;}
#top #menue a:hover {text-decoration:underline;}

#top #nav {margin-left:52px;clear:both;margin-top:70px;}
#top #nav a {margin-right:1px;margin-left:1px;float:left;}
#top #nav a.start {display:block;background:url(../images/nav_off/nav_start.jpg);background-position:top left; background-repeat:no-repeat;width:95px;height:30px;}
#top #nav a.info {display:block;background:url(../images/nav_off/nav_info.jpg);background-position:top left; background-repeat:no-repeat;width:95px;height:30px;}
#top #nav a.produkt {display:block;background:url(../images/nav_off/nav_produkt.jpg);background-position:top left; background-repeat:no-repeat;width:95px;height:30px;}
#top #nav a.preise {display:block;background:url(../images/nav_off/nav_preise.jpg);background-position:top left; background-repeat:no-repeat;width:95px;height:30px;}
#top #nav a.bestellen {display:block;background:url(../images/nav_off/nav_bestellen.jpg);background-position:top left; background-repeat:no-repeat;width:95px;height:30px;}

#top #nav #start_on, #top #nav a.start:hover {background:url(../images/nav_on/nav_start.jpg)}
#top #nav #info_on, #top #nav a.info:hover {background:url(../images/nav_on/nav_info.jpg)}
#top #nav #produkt_on, #top #nav a.produkt:hover {background:url(../images/nav_on/nav_produkt.jpg)}
#top #nav #preise_on, #top #nav a.preise:hover {background:url(../images/nav_on/nav_preise.jpg)}
#top #nav #bestellen_on, #top #nav a.bestellen:hover {background:url(../images/nav_on/nav_bestellen.jpg)}

#midspace {margin-left:22px;background:url(../images/mid_top.jpg);height:10px;background-repeat:no-repeat;}

#content {margin-left:22px;width:790px;}
#content #mid {background:url(../images/mid_verlauf.jpg);background-position:top left; background-repeat:repeat-x;height:284px;}
#content #mid .midtext {width:360px;float:left;padding:15px;margin-left:17px;margin-top:10px;}
#content #mid .midtext p, #content #mid .midtext h1 {color:#FFFFFF;font-size:20px;font-weight:normal;line-height:26px;margin-bottom:10px;}
#content #mid .midtext a {color:#FFFFFF;font-size:20px;font-weight:bold;text-decoration:none;}
#content #mid .midtext a:hover {text-decoration:underline;}

#content #midteaser {height:72px;background:url(../images/mid_bottom.jpg);}
#content #midteaser #teaser {display:block;height:72px;width:200px;margin-left:550px;margin-bottom:-10px;}

#content #main {margin-left:29px;margin-top:15px;margin-bottom:20px;margin-right:20px;}

#content #main h2, #content #main h1 {color:#57a8da;font-size:20px;font-weight:normal;margin-bottom:5px;}
#content #main h3 {color:#025080;font-size:14px;font-weight:bold;margin-bottom:5px;}
#content #main th {text-align:center;}
#content #main table tr td {background-color:#F7F7F7;padding:3px;font-size:9px;border-width:3px;border-color:white;border-style:solid;}
#content #main table tr th {padding:3px;font-size:11px;border-width:3px;border-color:white;border-style:solid;}
#content #main table.indiv tr th {text-align:left;}
select:focus, input:focus, textarea:focus {background-color:#D8DADB;}


#content #main #bestellung #form {margin-top:10px;}
#content #main #bestellung table {width:100%;}
#content #main #bestellung table tr td {font-size:13px;padding:6px;}
#content #main #bestellung table tr td.label {text-align:right;color:#535353;}

#content #main #bestellung #termineanpassendiv textarea {width:300px;height:120px;}
#content #main #bestellung #preisdaten {width:350px;}
#content #main #bestellung #preisdaten table td.label {white-space:nowrap;}
#content #main #bestellung #preisdaten table td.value {text-align:right;}

#content #main #bestellung {float:left;}
#content #main #info {width:200px;display:none;background-color:#F7F7F7;margin-left:500px;padding:10px;margin-top:32px;}
#content #main #info p, #content #main #info li {font-size:11px;line-height:13px;}
#content #main #info li b {font-size:11px;font-weight:bold;}
#content #main #info b {line-height:20px;}

#content #main #info_agb {width:200px;display:none;background-color:#F7F7F7;margin-left:395px;padding:10px;margin-top:45px;}
#content #main #info_agb p, #content #main #info_agb li {font-size:11px;line-height:13px;}
#content #main #info_agb li b {font-size:11px;font-weight:bold;}
#content #main #info_agb b {line-height:20px;}

#content #main .kalenderthumb {float:right;padding:4px;text-align:center;}
#content #main .kalenderthumb a {text-decoration:none;font-size:11px;font-weight:bold;}
#content #main .kalenderthumb a img {border:4px solid #57A7DA;margin-right:4px;padding:4px;}
#content #main .kalenderthumb a img:hover {border-color:#025080;}

#footer{height:63px;background:url(../images/back_footer.jpg);background-position:top left; background-repeat:no-repeat;margin-top:50px;}
#footer .copy {margin-left:40px;margin-top:22px;font-size:11px;}
#footer .copy {color:#FFFFFF;float:left;}
#footer .copy a {text-decoration:none;color:#FFFFFF;}
#footer .copy a:hover {color:#FFFFFF;text-decoration:underline;}

* html #content #mid .midtext {margin-left:15px;padding:5px;width:370px;}
* html #midspace {margin-top:-70px;margin-bottom:-6px;}
* html #content #midteaser {margin-top:-5px;}
*+html #content #main #bestellung table,  * html #content #main #bestellung table {width:460px;}
*+html #content #main #bestellung, * html #content #main #bestellung {width:470px;}

#content #main table.infopreise {
    margin-left:-3px;
}

#content #main table.infopreise tr th {
    background-color:#E5E9EA;
}

#content #main table.infopreise tr td, #content #main table.infopreise tr th {
    font-size: 12px;
    padding:5px;
    width:100px;
    text-align:center;
}

.clearfix {clear:both;height:0px;}


.bbbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#4C4C4C;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.bbbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
        cursor: pointer;
}.bbbutton:active {
	position:relative;
	top:1px;
}

.bbbutton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFEC9B), color-stop(1, #FFDE4C) );
	background:-moz-linear-gradient( center top, #FFEC9B 5%, #FFDE4C 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEC9B', endColorstr='#FFDE4C');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#4C4C4C;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.bbbutton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFDE4C), color-stop(1, #FFEC9B) );
	background:-moz-linear-gradient( center top, #FFDE4C 5%, #FFEC9B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDE4C', endColorstr='#FFEC9B');
	background-color:#dfdfdf;
        cursor: pointer;
}.bbbutton2:active {
	position:relative;
	top:1px;
}