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

a:link 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#1f62c5; }
a:visited	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#5889d8; }
a:hover 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#fff270; }
a:active 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#c50001; }
a:focus 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#554431; }

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

h1{font-size:24px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}

img{border:0;}
ul{list-style-type:none;}
input:focus, textarea:focus, select:focus{background-color:#ebfdd7;}
.leer{width:100%; float:left; height:25px; display:block;}
.copy{width:905px; font-size:10px; float:left; margin:10px 0 10px 0;}

#content-body {
	width:905px; min-height:600px; position:absolute; left:50%; margin:0 0 0 -453px; display:inline;
}
/* min-height für den IE */
* html #content-body {height:660px; display:inline;}

/****************************************************************
  PAGINATION
*****************************************************************/
#pagination p{width:auto; float:left; color:#999999; margin:3px 0 0 0; padding:0; font-size:11px;}
#pagination ul{width:auto; float:right; margin:0; padding:0; display:inline; list-style-type:none;}
#pagination li{width:auto; float:left; margin:0; padding:0;}
#pagination .current{width:auto; float:left; margin:2px; padding:5px; display:block; border:1px solid #e4e4e4; color:#fff270; font-size:10px; font-weight:bold;}
#pagination li a{width:auto; float:left; margin:2px; padding:5px; display:block; border:1px solid #e4e4e4; font-size:10px;}

/****************************************************************
  HEADER
*****************************************************************/
#header{width:905px; height:330px; float:left; margin:0; padding:0 65px 0 0; display:inline; background:url(../images/header-neu.png) no-repeat;}

/****************************************************************
  TOPNAVIGATION
*****************************************************************/
#header ul{width:auto; float:left; margin:42px 5px 0 0; height:25px; padding:0; list-style-type:none;}
#header ul li{width:auto; float:left; margin:0 0 0 15px;}
#header ul li a{font-size:11px; text-transform:uppercase; display:block; color:#333333;}
#header ul li a:hover{color:#c0c0c0;}
#header ul li .active{font-size:11px; text-transform:uppercase; display:block; color:#c0c0c0;}

/****************************************************************
  MAINNAVIGATION
*****************************************************************/
#mainnavi{width:660px; position:absolute; top:293px;}
#mainnavi ul{width:660px; float:left; margin:0; padding:0; display:inline; list-style-type:none;}
#mainnavi ul li{width:auto; float:left; margin:0 3px 0 3px; display:inline; padding:0; position:relative;}
#mainnavi ul li a{width:auto; float:left; margin:0; padding:6px 10px 0 10px; display:block; height:22px; font-size:13px; text-transform:uppercase; color:#FFFFFF; border-right:2px solid #ffffff;}

#mainnavi ul li a:hover{color:#fff270;}
#mainnavi ul li a.aktiv{color:#437bd6;}

#mainnavi ul li .active, #mainnavi ul li .trail{
	width:auto; float:left; margin:0; padding:6px 10px 0 10px; display:block; height:22px; font-size:13px; text-transform:uppercase; color:#FFF270; border-right:2px solid #ffffff;
}

/****************************************************************
  STANDARD CONTENT BODY
*****************************************************************/
#content{width:885px; float:left; padding:0 10px 0 10px; display:inline; background:#FFFFFF;}
#left{width:260px; min-height:300px; float:left; margin:0 10px 0 0; padding:0; display:inline;}
* html #left{height:300px; display:inline;}
#main{width:550px; float:left; margin:0 0 0 0; padding:0; display:inline;}

/****************************************************************
  STARTSEITE
*****************************************************************/
.ce_text{float:left; margin:10px 0 10px 0; display:inline; text-align:justify;}
#startseite .startbox{width:550px; float:left;}
#startseite ul{width:380px; float:left; margin:0; padding:0; list-style:disc;}
#startseite ul li{width:auto; float:left; margin:7px 0 7px 0; padding:0;}
#unternehmen_content ul{margin:0 0 0 15px; padding:0; list-style:disc;}

/****************************************************************
  ANGEBOTSGESCHICHTEN
*****************************************************************/
#angebote_start{width:260px; float:left; margin:10px 0 0 0;}
#angebote_start a{width:175px; float:left; margin:0 0 25px 25px; padding:15px; background:#ededee; display:block;}
#angebote_start div, angebote_start img{float:left;}
#angebote_start a .kategorie{width:175px; margin:0 0 10px 0; padding:0 0 5px 0; text-align:center; border-bottom:2px solid #b0b1b3; color:#333333;}
#angebote_start a .headline{width:175px; float:left; margin:4px 0 4px 0; font-size:11px; font-weight:bold; text-align:center; color:#333333;}
#angebote_start a .preis{width:175px; margin:5px 0 0 0; font-size:13px; font-weight:bold; text-align:center;}

/* ANGEBOTSNAVIGATION */
#angebote_links{width:260px; float:left; margin:10px 0 0 -15px;}
#angebote_links ul li{width:260px; float:left; margin:0 0 0 0; display:inline; padding:2px;}
#angebote_links ul li a{font-size:13px; color:#333333;}
#angebote_links ul li a:hover{color:#1f62c5;}
#angebote_links .aktiv{color:#333333; font-weight:bold;}

#angebote_content{float:left; margin:0; padding:0 0 0 35px; background:url(../images/points.png) left repeat-y;}
#angebote_content h1{width:550px; float:left; margin:0 0 15px 0; padding:0;}
#angebote_content .angebot{width:550px; float:left; margin:10px 0 10px 0; display:inline;}
#angebote_content .halter{width:425px; float:left; margin:0; padding:0;}
#angebote_content .headline{width:425px; float:left; font-weight:bold; color:#333333; margin:0 0 8px 0; display:block;}
#angebote_content .headline:hover{color:#1f62c5;}
#angebote_content .teaser{width:275px; float:left; margin:0; text-align:justify; font-size:11px;}
#angebote_content .rechts{width:125px; float:left;}
#angebote_content .preis{width:125px; float:left; margin:0 0 10px 0; font-weight:bold; text-align:right;}
#angebote_content .btn{width:125px; float:left; margin:5px 0 10px 0; font-weight:bold; text-align:right;}
#angebote_content .footer{width:550px; float:left; margin:10px 0 0 0; text-align:right; font-size:10px;}

.reseller{float:left; margin:10px 0 20px 40px;}
.erster{margin-top:35px;}

#details_content{float:left; margin:0; padding:0 0 0 35px; background:url(../images/points.png) left repeat-y;}
#details_content h1{width:570px; float:left; margin:10px 0 20px 0; font-size:16px; padding:0 0 10px 0; border-bottom:2px solid #e4e4e4;}
#details_content .oben{width:570px; float:left;}
#details_content .angebot{width:335px; float:left;}
#details_content .halter{width:335px; float:left; margin:5px 0 10px 0; text-align:justify; font-size:14px;}
#details_content .links{width:165px; float:left;}
#details_content .rechts{width:165px; float:left; margin:0 0 0 5px;}
#details_content .lang{width:335px; margin:0 0 5px 0; font-size:14px;}
#details_content .imageBox{width:225px; float:right;}
#details_content .image{float:left; margin:0 0 5px 0; border:1px solid #e4e4e4; padding:2px;}
#details_content .thumb{margin:0 6px 0 0;}

#details_content .unten{width:570px; float:left;}
#details_content .technisches{width:335px; float:left; text-align:justify;}
#details_content .daten{width:225px; float:right; text-align:center;}
/****************************************************************
  KONTAKTFORMULAR
*****************************************************************/
#kontakt{float:left; margin:0 0 0 -25px; padding:0 0 0 25px; background:url(../images/points.png) left repeat-y;}
#kontakt .ce_text{float:left; margin:10px 0 15px 0; display:inline; text-align:justify;}
#kontakt .ce_form{float:left; margin:10px 0 10px 0; display:inline;}
#kontakt .halter{width:420px; float:right; margin:5px 0 5px 0; display:inline;}
#kontakt label{width:175px; float:left; margin:5px 10px 0 0; text-align:right;}
#kontakt .text{width:225px; float:left; margin:0; border:1px solid #c6ced3; padding:3px; background:#ffffff; color:#404040;}
#kontakt .textarea{width:225px; height:85px; float:left; margin:0; border:1px solid #c6ced3; padding:3px; background:#ffffff; color:#404040;}
#kontakt .submit{position:absolute; float:left; top:700px; left:500px;}
#kontakt p{width:410px; float:left; margin:2px; display:inline; font-size:11px; text-align:right;}
#kontakt .error{color:#dc0000;}

#kontakt_left{margin:0 0 25px 15px; float:left;}
.lupe{width:auto; padding:0 25px 0 0; display:block; height:21px; float:left; background:url(../images/lupe.png) right no-repeat;}
#kontakt_left a{color:#333333;}
#kontakt_left a:hover{color:#5889d8;}

/****************************************************************
  IMPRESSUM
*****************************************************************/
#impressum_links{width:250px; float:left; margin:0 10px 0 10px; text-align:left;}
#impressum_links .ce_text{text-align:left;}

/****************************************************************
  LEISTUNGEN
*****************************************************************/
#leistungen_content ul{width:500px; float:left; margin:0; padding:0; list-style:none;}
#leistungen_content ul li{margin:0 0 15px 0; float:left; width:500px; font-weight:bold;}
#leistungen_content ul li ul li{margin:0; width:100%; float:left; font-weight:normal;}
#leistungen_content ul li ul{width:490px; float:left; margin:3px 0 0 10px; list-style:none;}
#leistungen_content ul li ul li ul{width:450px; float:left; margin:3px 0 0 40px; list-style:disc; text-align:left;}