/* Body und Reseter */
* {margin:0px; padding:0px; } 
img {border-style: none;} 
form, fieldset, input {border:none;}
ul {list-style:none;}
abbr, acronym, span.abbr {border-bottom:none;}
body {
	color:#696969;
	font:100% Arial, Helvetica, sans-serif;  /*previous 1em*/
	/*margin-left:17px;*/
    behavior:url(csshover3.htc); /* Hover for all Elements in  <= IE6 */
	background: url(../images/relief_std_v2.gif) no-repeat left top;
	margin:0;
	padding:0;
}


/*allgemeine styles*/
a {text-decoration:none; color:#696969;}
h2 {font-size: 15px;}
h2.h2color1 {color: #af0e1e;}
h2.h2color2 {}
h2.togglers {margin-top: 38px;}
h1 {margin: 0; padding: 0;}
h3 {font-size: 12px; font-weight: bold;}
p {font-size: 12px; line-height: 17px;}
hr.hrelements {height: 1px; color: #d9d9d9;}

/*box definition*/
#logo {height:105px; padding-left: 145px; width: 835px; float: left; }
#logo img {border: none; height:105px;}
#maincontent {width: 980px; float: left; clear: both; padding-left: 17px;}
#navtop {margin:0; padding:0; margin-left:129px; height:245px; width:840px; min-width: 840px; overflow:hidden; }

img#bannerimage {width:522px; height:232px; float:left; display: block;}
div#bannerimage {width:522px; height:232px; float:left;}

#table_nav {float:left;}
#content {margin-left:129px; width:843px;}
#headline {width:843px; padding:26px 0px 0px 0px; height: 34px; float: left; margin-bottom: 45px;}
#main {width:522px; float:left; margin-right: 33px; margin-bottom: 30px; }
#advert {float:left; width:288px;}
#navbottom {clear:both; margin-left:129px; margin-top:50px; width:826px; min-width:826px;background-color:#d9d9d9; color:#696969; padding: 7px 10px 0px 10px; height:19px; vertical-align: middle;}

/*box styles*/
#navtop_navi {float: left;margin-left: 522px; width:312px; height:245px; background-color:#ffffff !important; border-left:3px solid #ffffff; margin:0px; padding:0px; font-size:12px;}
#navtop_navi ul {}
#navtop_navi ul li {width:153px; float:left; margin-right:3px;}
#navtop_navi ul li.navcolor1, #navtop_navi ul li.navcolor2 {margin-bottom: 3px;}
#navtop_navi ul li.navcolor1 {background-color:#7bcf7b;}
#navtop_navi ul li.navcolor2 {background-color:#e4b537;}
#navtop_navi ul li.navcolor3 {background-color:#a16039;}
#navtop_navi ul li.navcolor4 {background-color:#4ea4cc;}

#navtop_navi ul li img {display: block;}
#navtop_navi ul li a {color: #ffffff;}


#navleft {width:89px; float:left; background-color:#ffffff; margin-right:40px; font-size: 13px;}
#navleft a {padding-bottom: 3px; padding-top: 3px;}
#navleft a:hover {color: #af0e1e;}

#navleft ul img {margin-left: 6px;}

#navleft ul#nav1 {margin-bottom: 80px;}
#navleft ul#nav1 li.headline {margin-bottom: 20px;}
#navleft ul#nav2 a img {margin-bottom: 6px;}
#navleft ul#nav2 ul {margin-bottom: 10px;}
#navleft ul#nav2 {margin-bottom: 30px;}
#navleft ul#nav3 a img {margin-bottom: 6px;}
#navleft ul#nav3 ul {margin-bottom: 10px;}
#navleft ul ul li {padding-top: 2px; padding-bottom: 2px; padding-left: 5px; width: 84px;}
#navleft ul ul li.active {border-top: 1px solid #696969; border-bottom: 1px solid #696969;}

#navleft li.headline a {padding-bottom: 6px;}


#navbottom ul {float: left;}
#navbottom li {float:left; font-size:10px;}
#navbottom a {color: #696969; text-decoration:none;}
#navbottom a:hover {text-decoration:underline;}


#navbottom span.address {font-size: 10px; float: right; margin-right: 10px;}

#navbottom div.tx-srlanguagemenu-pi1 {float: right;}
#navbottom div.tx-srlanguagemenu-pi1 div {float: left;}
#navbottom div.tx-srlanguagemenu-pi1 div.INACT {margin-left: 5px;}
#navbottom div.tx-srlanguagemenu-pi1 img {margin-left: 5px;}

div.advertbox {margin-bottom: 10px;}
div.advertbox a {display:block; margin-top: 10px; font-size:12px;}

#main p {margin-bottom: 10px;}
#main h2, div.advertbox h2 {margin-bottom: 8px;}
#main ul {font-size: 12px;}
#main ul li {margin-bottom: 10px; background: #ffffff url(../images/bullet.gif) 0 2px no-repeat; padding-left: 15px;}
#main p a {text-decoration: underline; color: #af0e1e;}

span.grau, .grey {color:#696969;}
span.gruen, .green {color:#7bcf7b;}
span.blau {color: #4ea4cc;}
span.rot {color: #af0e1e;}
span.orange {color: #e4b537;}
.borderright {border-right: 7px solid #ffffff;}

br.wrapper {clear:both; height:0px; line-height:0;overflow:hidden;}


/*form styles*/
fieldset {margin-bottom: 10px;}
form p {width:330px; margin-bottom: 10px; }
form p.fullsize {width:550px;}
form label {float:left; line-height: 18px; width: 145px; padding-top: -3px;}
form input, select {float: left; line-height:normal; width:148px; background-color:#adadad; border:1px solid #adadad; color:#ffffff; cursor: pointer;}
form input {padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px;}
form select {width: 156px; padding-left: 3px;}
form textarea {margin-left: 145px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; background-color:#adadad; border:1px solid #adadad; color:#ffffff; cursor:pointer; overflow:auto; width:526px; height:50px; }

form fieldset.checkboxes {padding-bottom:15px; margin-bottom:10px;}
*html form fieldset.checkboxes {padding-bottom:17px; margin-bottom:10px;}
*:first-child+html form fieldset.checkboxes {padding-bottom:27px; margin-bottom:10px;}

form fieldset.checkboxes label {width:350px; font-weight:normal; padding-top:0px; float:left; margin-left: 170px; margin-top: -18px;}
/*form fieldset.checkboxes label.error {display:none !important; visibility:hidden !important; position:absolute !important; width:1px; height:1px; overflow:hidden;} */
form fieldset.checkboxes input {float: left;width:15px; height:15px; border:0px; margin-top:3px; margin-right:5px; margin-left: 145px;}

span.text {padding-top: 3px;}
label.hidden {display: none;}

.floatright {float:right; margin-right: 50px;}
.floatleft {float: left;}

form#anfrage {background-color:#ffffff; height:620px; width:750px; border: 0px solid #adadad; padding:15px 15px 10px 15px;}
form#anfrage h2 {margin-bottom: 5px;}
span.error {color: #af0e1e; float: left;}
form fieldset.checkboxes span.error {margin-left: 145px;}

div.Tx-Formhandler {width: 750px;}

/*angebot css*/
div.offer {width:843px; background-color: #af0e1e !important; margin-bottom: 15px; clear: both;}
div.offer div.headline { width:833px; background-color:#af0e1e; padding: 6px 5px 0px 5px; height: 20px;}
div.offer h2 {float:left; background: url(../images/arrow_red.gif) no-repeat left center; padding-left: 25px; width: 500px; margin-bottom: 0px !important;}
div.offer span.price {float: left; font-size: 12px; font-weight: bold;}
div.offer span.linktoform {float: right; background: url(../images/arrow_red.gif) no-repeat left center; width: 60px; padding-left: 5px; text-align: right; font-size: 12px;}
div.offer span.linktoform a {text-decoration: underline;}
div.offer div.content {width:813px; padding: 11px 15px 11px 15px; font-size: 12px; float: left; background-color:#d9d9d9;}
div.offer div.content p {margin-bottom: 5px !important; font-size: 12px;}
div.offer ul li {background-color: #d9d9d9 !important; background-position: left top !important;}
div.offer p {margin-bottom: 5px;}
div.offer h3 {margin-bottom: 5px; margin-top: 5px;}
div.offer span.db_bodytext {width: 490px; display: block; float: left;}

div.offer span.contentimage {display:block; width: 318px; float: left; }

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}


/*image content*/

div.img-cont{
         margin-top: 20px;
         margin-bottom: 0px;
         }
   div.img-fl{
         float: left;
         vertical-align: top;
         width:250px;
         }
   div.img-fl img{
         width:250px;
         }
   div.img-fl-text{
         float:left;
         margin-left:15px;
         width:257px;
         }
div.img-cont p.clear{
         border:0;
         clear:both;
         font-size:0;
         height:0;
         line-height:0;
         margin:0;
         padding:0;
         }



#directions {font-size: 12px !important;}

span.readmore {display: block; margin-top: 14px;}

a.external-link-new-window {text-decoration: underline; font-color: #af0e1e !important;}
a.external-link-new-window:hover {text-decoration: none;}



/*price tabelle*/
table.price {width: 522px; font-size: 12px; margin-bottom: 20px;}
table.price thead {text-align:left;}
table.price tr {vertical-align:top;}
table.price td {padding: 5px 0px 5px 5px; vertical-align:top; border-bottom: 1px solid #696969;}
table.price td.td-0 {width: 127px;}
table.price td.td-1 {width: 155px;}
table.price td.td-2{width: 155px;}
table.price td.td-3{width: 155px;}

div.Tx-Formhandler {width: 760px; height: 780px;}

/*layout img*/

div#main a img {margin-bottom: 5px; margin-left: 5px;}