/****************************************************************
  © by agentur-vida.de
  STANDARDS
*****************************************************************/
html, body{
	width:100%; height:100%; margin:0; padding:0; font-size:12px; color:#333333; background-color:#0387d5; font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_verlauf.png); background-position:top left; background-repeat:repeat-x; line-height:16px;
}

a:link 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#0a234c;}
a:visited	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#0a234c; }
a:hover 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#eb8749; }
a:active 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#eb8749; }
a:focus 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#554431; }

h1, h2, h3, h4, h5, h6{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3a3c4b; margin:0; padding:0; line-height:normal;}

h1{font-size:30px;}
h2{font-size:16px;}
h3{font-size:13px;}
h4{font-size:12px;}

img{border:0;}
ul{list-style-type:none; margin:0; padding:0;}
input:focus, textarea:focus, select:focus{background-color:#ebfdd7;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
.mandatory{color:#960000;}
.imgborder img{padding:1px; border:1px solid #d9d9d9;}

/*===================================
	AUSRICHTUNG
===================================*/
#page{width:900px; margin:0 auto;}
#content{width:900px; float:left; margin:0; padding:0; background:url(../images/bg_body.png) top left repeat-y; display:block;}
#wrapper{width:800px; float:left; margin:0 0 0 31px; padding:0 20px 30px 20px; min-height:450px; height:auto !important; height:450px; text-align:justify; position:relative;}

.startlink{position:absolute; right:30px; top:5px; border:0;}
.content_links{width:200px; float:left; margin:0; padding:0; display:inline;}
.content_rechts{width:575px; float:right; margin:0; padding:0; display:inline;}
.content{width:800px; float:left; margin:20px 0 0 0; padding:0; display:inline;}

.border{border:1px solid #d9d9d9;}
.border-top{border-top:1px solid #d9d9d9; padding-top:20px;}

/*===================================
	HAUPTNAVIGATION
===================================*/
#navigation{width:900px; float:left; margin:10px 0 0 0; padding:0; background:url(../images/bg_top.png) left top no-repeat; height:105px; display:block; position:relative;}
#navigation ul{width:400px; margin:0; padding:0; display:inline; position:absolute; left:40px; top:35px;}
#navigation ul li{float:left; margin:0 15px 0 0; padding:0 15px 0 0; display:inline;}
#navigation ul li a{color:#ffffff; text-transform:uppercase; text-decoration:none;}
#navigation ul li a:hover, #navigation ul li a.active, #navigation ul li a.trail{color:#e47919; text-decoration:underline;}

.katnavi{width:190px; height:100%; float:left; margin:0 15px 0 0; padding:0 15px 0 0; display:inline; border-right:1px solid #d9d9d9;}
.katnavi li{width:190px; float:left; padding:0; display:inline;}
.katnavi li span{width:180px; float:left; padding:6px 5px 4px 5px; font-style:italic; text-transform:uppercase; display:inline; border-bottom:1px solid #d9d9d9; background:#f0f0f0;}
.katnavi li ul li a{width:175px; float:left; margin:0; padding:6px 3px 5px 12px; display:block; border-bottom:1px solid #d9d9d9; background-image:url(../images/arrow_left.png); background-position:left center; background-repeat:no-repeat;}
.katnavi li ul li a:hover{background-color:#f0f0f0; color:#eb8749;}
.katnavi li ul li a.active{background-color:#f1f1f1; color:#eb8749; text-decoration:none;}

/*===================================
	STARTSEITE
===================================*/
#header_start{width:796px; height:446px; padding:1px; margin:0 0 20px 0; border:1px solid #0e1230; display:inline; overflow:hidden; float:left; position:relative;}
#start.content_links{width:410px;}
#start.content_rechts{width:350px;}
#start h1{width:410px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; }
#start h3{width:410px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; text-align:right; font-weight:400; margin-bottom:15px;}
#start img{padding:1px; border:1px solid #0e1230;}

#header_start .leistungen{width:160px; height:443px; position:absolute; left:1px; top:1px; background:url(../images/black_50.png); z-index:1000}
#header_start .leistungen a{font-family:"Times New Roman", Times, serif; font-size:18px; line-height:20px; font-style:italic; color:#FFFFFF;}
#header_start .leistungen{float:left; margin:0; padding-top:3px}
#header_start .leistungen li{width:130px; float:left; margin:0; padding:10px 15px 10px 15px; display:inline;}

#start .mod_subscribe{width:325px; float:left; margin:0 20px 0 0; padding:0 20px 0 0; border-right:1px solid #d9d9d9; font-size:11px;}
#start .mod_subscribe h4{width:325px; float:left; margin:0 0 8px 0; text-transform:uppercase; font-size:12px; font-weight:bold;}
#start .mod_subscribe .formbody{width:321px; float:left; margin:0 0 10px 0; padding:1px; border:1px solid #d1d1d1;}
#start .mod_subscribe .text, .mod_unsubscribe .text{width:280px; float:left; margin:1px 5px 0 0; padding:0; font-size:11px; line-height:22px; border:none; color:#999999;}
#start .mod_subscribe .submit, .mod_unsubscribe .submit{width:22px; height:22px; margin:0 3px 0 0; float:right; background:none; cursor:pointer; border:none;}

#start .mod_katalog_liste{width:410px; float:left; text-align:left;}
#start .mod_katalog_liste .artikel{width:410px; float:left; margin:15px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #d9d9d9; display:inline;}
#start .mod_katalog_liste .artikel.last{border:none; padding:0;}
#start .mod_katalog_liste .artikel img{float:left; margin:0 10px 0 0;}
#start .mod_katalog_liste .artikel h3{width:275px; float:left; margin:0 0 5px 0; padding:0 0 3px 0; border-bottom:1px solid #0a234c; text-align:left;}

/*===================================
	UNTERNEHMEN
===================================*/
#ueber-uns .ce_imageslider{padding:1px; border:1px solid #0e1230; margin-bottom:15px;}
#ueber-uns h1{width:575px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; }
#ueber-uns h3{width:575px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; text-align:right; font-weight:400; margin-bottom:15px;}

/*===================================
	KONTAKT
===================================*/
#kontakt .mod_dlh_googlemaps{padding:1px; border:1px solid #0e1230; float:left; display:inline; margin-bottom:20px;}
#kontakt h1{width:575px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; }
#kontakt h3{width:575px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; text-align:right; font-weight:400; margin-bottom:15px;}
#kontakt .halter{width:275px; float:left; margin:0 20px 12px 0; padding:0; display:inline;}
#kontakt .halter.lang{width:575px; margin:0 0 12px 0;}
#kontakt label{width:275px; float:left; margin:0 0 3px 0; color:#333333;}
#kontakt .halter.lang label{width:575px;}
#kontakt .text, #kontakt .select{width:265px; float:left; margin:0; padding:2px; border:1px solid #acacac; line-height:16px; color:#333333;}
#kontakt .textarea{width:560px; height:95px; float:left; margin:0; padding:2px; border:1px solid #acacac; line-height:16px; color:#333333;}
#kontakt .submit_container{width:560px; float:left; margin:0; border-top:1px solid #d9d9d9; padding:12px 0 0 0; text-align:right;}
#kontakt .last{margin:0 0 10px 0;}

/*===================================
	IMPRESSUM
===================================*/
#impressum img{padding:1px; border:1px solid #0e1230;}
#impressum h1{width:575px; float:left; margin:10px 0 0 0;}
#impressum .impressum_links, #impressum .impressum_rechts{width:575px; float:left; margin:15px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #d9d9d9;}
#impressum .haftung{width:575px; float:left; margin:15px 0 0 0; font-size:11px;}
#impressum .halter{width:575px; float:left; margin:10px 0 0 0;}
#impressum .label{width:200px; float:left;}
#impressum .value{width:350px; float:right;}

/*===================================
	NEWSLETTER
===================================*/
#newsletter img{padding:1px; border:1px solid #0e1230;}
#newsletter h1{width:575px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; }
#newsletter h3{width:575px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; text-align:right; font-weight:400; margin-bottom:15px;}
#newsletter .mod_subscribe, #newsletter .mod_unsubscribe{width:565px; float:left; margin:0 0 35px 0; padding:5px 5px 15px 5px; border-bottom:1px solid #d9d9d9;}
#newsletter .mod_subscribe .formbody, #newsletter .mod_unsubscribe .formbody{width:561px; float:left; margin:0 0 10px 0; padding:1px; border:1px solid #d1d1d1;}
#newsletter .message{width:561px; float:left; margin:0; padding:2px;}
#newsletter .mod_subscribe .text, #newsletter .mod_unsubscribe .text{width:440px; float:left; margin:2px 5px 0 0; padding:0; font-size:11px; line-height:22px; border:none; color:#999999;}
#newsletter .mod_subscribe .submit, #newsletter .mod_unsubscribe .submit{width:109px; height:26px; margin:0 3px 0 0; float:right; cursor:pointer; border:none;}
#newsletter .mod_subscribe .submit{background:url(../images/nl_abonnieren.png) left top no-repeat;}
#newsletter .mod_unsubscribe .submit{background:url(../images/nl_abmelden.png) left top no-repeat;}

#newsletter .mod_nl_list{}

/*===================================
	FOOTER
===================================*/
#footer{width:900px; float:left; margin:-30px 0 0 0; padding:0; background:url(../images/bg_footer.png) top left no-repeat; height:95px; display:block; z-index:300;}
#footer .inlay{width:400px; float:right; margin:42px 45px 0 0; padding:0; color:#ffffff; font-size:11px; line-height:14px; display:inline; text-align:right;}
#footer ul{width:400px; float:left; margin:41px 0 0 40px; padding:0; display:inline; text-transform:uppercase; font-size:11px;}
#footer ul li{width:auto; float:left; margin:0 15px 0 0; padding:0 6px 0 6px; display:inline;}
#footer ul li a{color:#ffffff; text-decoration:none;}
#footer ul li a:hover{color:#e9e8e6; text-decoration:underline;}
#footer ul li.last{margin:0;}

/*===================================
	TAGBOXEN
===================================*/
.tagbox_start{width:430px; float:right; margin:0; padding:0; overflow:inherit;}
.tagbox_start h4{width:400px; float:left; text-transform:uppercase; font-weight:bold;}
#topsearch{width:380px; line-height: 14px; float:left; margin: 10px 10px 0px 10px; padding: 0; text-align:center; white-space:normal; display:inline; overflow:hidden;}
#topsearch a {text-decoration: none; font-weight: normal; line-height: 23px; margin: 0px 2px 0px 2px; padding: 0; float:left; white-space:normal}
#topsearch a:hover{color:#eb8749;}
#topsearch h1 {font-size: 18px; display: inline; margin: 0; padding: 0; float:none;}
#topsearch h1 a {color: #6e82b5; text-align: justify;}
#topsearch h2 {font-size: 16px; display: inline; margin: 0; padding: 0; float:none;}
#topsearch h2 a {color: #b3c4dc; text-align: justify;}
#topsearch h3 {font-size: 14px; display: inline; margin: 0; padding: 0; float:none;}
#topsearch h3 a {color: #cdd7e5; text-align: justify;}
#topsearch h4 {font-size: 12px; display: inline; margin: 0; padding: 0; float:none;}
#topsearch h4 a {color: #b3c4dc;  text-align: justify;}
#topsearch h5 {font-size: 10px; display: inline; margin: 0; padding: 0; float:none;}
#topsearch h5 a {color: #6e82b5; text-align: justify;}
#topsearch h6 {font-size: 8px; display: inline; margin: 0; padding: 0; float:none}
#topsearch h6 a {color: #4b6185; text-align: justify;}