body{
font-family:Arial, Helvetica, sans-serif;
color             :#3d79a8;
margin						:0px 0px 0px 0px;
font-size:12px;
} 

h1{
font-family:Helvetica, Arial, sans-serif;
font-size:22px;
font-weight:normal;
margin:14px 0px 30px 0px;
padding:0px;
line-height:24px;
}
h2{
color:#407aa9;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
}
h2.lead{
margin-bottom:18px;
}
h3{
color:#407aa9;
font-size:12px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 10px;
background-color:#9cbad2;
}



ol{
margin:15px 0px 0px 24px;
padding:0px;
}

#content-col ul{
margin:8px 0px 15px 17px;
padding:0px;
}
#content-col li{
padding: 0px 0px 0px 0px;
margin: 0px;
list-style: square;
line-height:19px;
}

/*  ***********  BEGIN :  Generelle Styles  ************  */
#logo{height:65px; width:973px;}
#logo img{border:0px;}
#logo a{border-bottom:none;}

body#homepage div#bluebar{height:305px; background-color:#ecf2f6;}
#bluebar{height:151px; background-color:#ecf2f6;}

.gradient-top{
background-image:url(../images/bg-gradient-top.jpg);
background-position:top left;
background-repeat:repeat-x;
}
/*  ***********  BEGIN :  Hauptnavigation  ************  */
#mainnav{
width:973px;
height:27px;
background-image:url(../images/bg-nav-fade.jpg);
background-position:top left;
background-repeat:no-repeat;}

#mainnav ul {
font-size :12px;
background-color: transparent;
padding: 0px;
margin: 0px;
}
#mainnav li {
background-color: transparent;
padding: 0px;
margin: 0px;
list-style: none;
display:inline;
}
#mainnav a {
height:21px;
color: #fff;
text-decoration: none;
padding: 6px 19px 0px 19px;
margin: 0px;
display: block;
float:left;
border-bottom:none;
}
#mainnav a:link, #mainnav a:visited {
background-color: #7b9cbc;
background-image:url(../images/mainnav-separator.gif);
background-position:center right;
background-repeat:no-repeat;
}
#mainnav li.mainnav-noseparator a:link, #mainnav li.mainnav-noseparator a:visited{background-image:none;}

#mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav li#current a:link, #mainnav li#current a:visited {
color:#3d79a8;
background-color: #ffffff;
background-image:none;
margin-left:-1px;
padding-left:20px;
}
/*  ***********  ENDE :  Hauptnavigation  ************  */

#content-wrapper{
width:953px;
margin-left:20px;
}
	#content-wrapper-left{
	width:744px;
	float:left;
	padding-top:13px;
	}
		#content-col-features{
		width:362px;
		float:left;
		background-image:url(../images/bg-feature-fade.jpg);
		background-position:top left;
		background-repeat:repeat-x;
		}
	#content-col-right{
	width:189px;
	margin-left:20px;
	float:left;
	}

#content-col-right ul{
background-color: #fcf3f4;
padding: 0px 0px 19px 10px;
margin: -3px 0px 10px 0px;
}
#content-col-right li {
padding: 0px 0px 1px 0px;
margin: 0px;
list-style: none;
line-height:16px;
/*border-bottom:1px dotted #dd6e7c;*/
_line-height:17px;
/*_border-bottom:none;*/
background-image:url(../images/dotted-line-red.gif);
background-position:bottom left;
background-repeat:repeat-x;
}
#content-col-right ul.adresslist{
background-color: transparent;
background-image:url(../images/bg-feature-fade.jpg);
background-position:top left;
background-repeat:repeat-x;
}
#content-col-right li.adresslist{
/*border-bottom:1px dotted #83aac7;
_border-bottom:none;*/
background-image:url(../images/dotted-line.gif);
background-position:bottom left;
background-repeat:repeat-x;
}
#content-col-right ul li a:link, #content-col-right ul li a:visited{
color:#e90925;
text-decoration:none;
border-bottom:none;
background-image:none;
width:179px;
height:18px;
padding-top:2px;
display:block;
}
#content-col-right ul li a:hover, #content-col-right ul li a:active{
color:#e90a26;
background-color:#fadce0;
}
#content-col-right ul.adresslist li.adresslist a:link, #content-col-right ul.adresslist li.adresslist a:visited{
color:#3d79a8;
text-decoration:none;
border-bottom:none;
background-image:none;
background-color:transparent;
}
#content-col-right ul.adresslist li.adresslist a:hover, #content-col-right ul.adresslist li.adresslist a:active{
color:#e90925;
background-color:transparent;
}
body#homepage div#title-layer{
top:350px;
left:784px;
}
#title-layer{
position:absolute;
top:196px;
left:784px;
width:180px;
height:17px;
background-color:#FF0000;
z-index:100;
color:#FFFFFF;
font-weight:bold;
padding:3px 0px 0px 9px;
}


/* * * Side-Navigation * * * */
#sidenavigation{
float:left;
width:189px;
margin-top:6px;
background-color: #f8fafc;
border-bottom:8px solid #ffffff;
margin-bottom:2px;
}
#sidenavigation ul{
padding: 0px 0px 0px 10px;
margin: 0px 0px 17px 0px;
}
#sidenavigation li {
padding: 0px 0px 0px 0px;
margin: 0px;
list-style: none;
line-height:19px;
}
#sidenavigation li a{
color:#3d79a8;
width:179px;
display:block;
text-decoration:none;
border-bottom:none;
background-image:url(../images/bg-sidenav.gif);
background-position:bottom left;
background-repeat:repeat-x;
}
#sidenavigation li a:hover, #sidenavigation li a:active, #sidenavigation li a#current2{
background-color:#e5edf3;
}

/* Sidenavigation Stufe 2 */
a.navstufe-2:link, a.navstufe-2:visited{
color:#3d79a8;
font-weight:bold;
font-size:12px;
width:179px;
display:block;
margin:1px 0px 0px 0px;
padding:2px 0px 2px 10px;
background-color:#d3e0eb;
border-bottom:none;
background-image:none;
text-decoration:none;
}
a.navstufe-2:hover, a.navstufe-2:active, #navstufe-2-active{
color:#3d79a8;
font-weight:bold;
font-size:12px;
width:179px;
display:block;
margin:1px 0px 0px 0px;
padding:2px 0px 2px 10px;
background-color:#bbd0e1;
border-bottom:none;
text-decoration:none;
}


/* * * Content-Column * * * */
#content-col{
float:left;
width:535px;
margin-top:7px;
line-height:18px;
}


.horz-spacer-20{
width:20px;
float:left;
}


/* Feature */
.feature-wrapper{
padding-bottom:20px;
_padding-bottom:16px;
margin-top:19px;
/*border-bottom:1px dotted #8bafcb;
_border-bottom:none;*/
background-image:url(../images/dotted-line.gif);
background-position:bottom left;
background-repeat:repeat-x;
}
.feature-overview-wrapper{
width:535px;
padding-top:20px;
margin-bottom:19px;
_margin-bottom:17px;
/*border-top:1px dotted #8bafcb;
_border-top:none;*/
background-image:url(../images/dotted-line.gif);
background-position:top left;
background-repeat:repeat-x;
}
.newslist-wrapper{
width:535px;
padding-top:7px;
margin-bottom:5px;
_margin-bottom:6px;
/*border-top:1px dotted #8bafcb;
_border-top:none;*/
background-image:url(../images/dotted-line.gif);
background-position:top left;
background-repeat:repeat-x;
}
.detail-wrapper{
width:535px;
padding-top:20px;
margin-bottom:19px;
_margin-bottom:17px;
/*border-top:1px dotted #8bafcb;
_border-top:none;*/
background-image:url(../images/dotted-line.gif);
background-position:top left;
background-repeat:repeat-x;
}
.form-product-wrapper{
width:535px;
padding-top:20px;
margin-bottom:9px;
_margin-bottom:7px;
background-image:url(../images/bg-form-product.jpg);
background-position:top right;
background-repeat:no-repeat;
}

div.detail-wrapper div.feature-img{
width:169px;
float:left;
}
.feature-txt{
line-height:16px;
}
div.detail-wrapper div.feature-txt{
width:350px;
float:left;
}

div.detail-wrapper div.feature-img img{
border:5px solid #ebf1f6;
margin-bottom:10px;
}

.feature-img{
width:128px;
float:left;
}
.feature-wrapper div.feature-txt{
width:224px;
float:left;
}
.feature-overview-wrapper div.feature-txt, .newslist-wrapper div.feature-txt{
width:380px;
float:left;
}
.form-product-wrapper div.feature-txt{
width:407px;
float:left;
}

.txt-height{
height:75px;
}
.feature-txt img{
float:left;
margin-right:6px;
border:none;
}
div.feature-overview-wrapper div.feature-txt a:link, div.feature-overview-wrapper div.feature-txt a:visited,
div.feature-wrapper div.feature-txt a:link, div.feature-wrapper div.feature-txt a:visited,
div.feature-img a:link, div.feature-img a:visited{
border-bottom:0px;
background-image:none;
}
div.feature-overview-wrapper div.feature-txt a:hover, div.feature-overview-wrapper div.feature-txt a:active,
div.feature-wrapper div.feature-txt a:hover, div.feature-wrapper div.feature-txt a:active/*,
div.feature-img a:hover, div.feature-img a:active*/{
text-decoration:none;
background-color:transparent;
/*border-bottom:1px dotted #e90925;
_border-bottom:none;*/
background-image:url(../images/dotted-line-red.gif);
background-position:bottom left;
background-repeat:repeat-x;
}


/*  Formular  */
form{
margin:35px 0px 0px 0px;
}

.price{
color:#e90925;
padding:6px 0px 8px 0px;
border-bottom:1px solid #cedce8;
}

.amount{
float:left;
width:100px;
margin-top:9px;
}
.amount label{
float:left;
width:50px;
}
.amount input{
width:20px;
height:12px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3d79a8;
padding:0px 1px 1px 1px;
}
.article-number{
float:left;
width:307px;
text-align:right;
margin-top:9px;
}

.personalien{
width:400px;
margin-bottom:20px;
}
.personalien label{
float:left;
width:130px;
}
.personalien input, select, textarea{
width:250px;
height:14px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3d79a8;
padding:0px 1px 0px 1px;
}
.personalien select{
width:256px;
height:18px;
}
.personalien textarea{
height:50px;
}
input.btn{
width:110px;
height:20px;
margin-right:10px;
}

/*  ***********  BEGIN :  Footer  ************  */
body#homepage div#footer{
width:380px;
}
#footer{
width:743px;
margin:-1px 0px 20px 20px;
padding-top:8px;
color:#8bafcb;
font-size:11px;
/*border-top:1px dotted #9dbcd3;
_border-top:none;*/
background-image:url(../images/dotted-line.gif);
background-position:top left;
background-repeat:repeat-x;
}

#footer a{
color: #3d79a8;
text-decoration: none;
padding: 0px 10px 0px 10px;
border-bottom:none;
background-image:none;
}
#footer a:hover, #footer a:active {
color:#8bafcb;
text-decoration:underline;
background-color:transparent;
}
#footer div{
margin-left:-10px;
}
/*  ***********  END :  Footer  ************  */











/*  ***********  BEGIN : Links  ************  */
a:link, a:visited {
color:#e90925; 
text-decoration:none;
border-bottom:1px dotted #e90925;
_border-bottom:none;
_background-image:url(../images/dotted-line-red.gif);
_background-position:bottom left;
_background-repeat:repeat-x;
}
a:hover, a:active {
text-decoration:underline;
border-bottom:0px;
background-image:none;
}

a.closeLink:link, a.closeLink:visited{
/*color:#e90925; */
color:#FFFFFF;
text-decoration:none;
border-bottom:0px;
background-image:none;
}
a.closeLink:hover, a.closeLink:active{
text-decoration:underline;
border-bottom:none;
}


/*  ***********  ENDE : Links  ************  */

td{
padding:0px;
vertical-align:top;
}
td img{
margin-bottom:10px;
}