@charset "utf-8";
/* CSS Document */

body {
	font-family:  Arial;
	font-size: 11px;
	color: #000000;
	margin:0;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/hintergrund-part-2.png);
	background-repeat: repeat-x;	
  background-color:#e7e7e7;
}

div#background-2 {
	width:100%;
	height:183px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/logo-background.png);
	background-repeat: no-repeat;
	background-attachment: scroll;     
	background-position: center center;}

.logo-background{
	position:absolute;
	width: 1800px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/corosys-verziehrung.png);
	background-repeat: no-repeat;
	height: 1900px;
	left: 10%;
}

.left {clear:both;}


.rahmen {
	height:auto;
	width: 1009px;
	margin:0px auto;
}
.left-up{
	position:relative;
	float:left;
	width:19px;
	height:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-corner-lft.png);
	background-repeat: no-repeat;
}
.left-down{
	position:relative;
	float:left;
	width:19px;
	height:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-corner-lft-down.png);
	background-repeat: no-repeat;
}
.right-up{
	position:relative;
	float:right;
	width:16px;
	height:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-corner.png);
	background-repeat: no-repeat;

}

.right-down{
	position:relative;
	float:right;
	width:16px;
	height:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-right-down.png);
	background-repeat: no-repeat;
}
.top{
	position:relative;
	float:left;
	width:974px;
	height:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-up.png);
	background-repeat: repeat-x;
}
.down{
	position:relative;
	float:left;
	width:974px;
	height:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-down.png);
	background-repeat: repeat-x;
}

.left{
	position:relative;
	float:left;
	height:auto;
	width:14px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-corner-left.png);
	background-repeat: repeat;
}

.content{
	position:relative;
	float:left;
	width:980px;
	padding-left:30px;
	padding-top:10px;
	background-repeat: repeat-y;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-main.png);
}
.right{
	position:relative;
	float:right;
	width:16px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/shadow-right.png);
	background-repeat: repeat-y;
	
}

.header {
	width:920px;
	height:135px;
}


.logo{
float:left;
width:248px;
height:85px;

}
.suche-language{
float:right;
width:400px;
height:85px;
}
.language{
text-align:right;
}
.language a{
padding-left:3px;
text-decoration:none;
color:#000000;
}
.language img {
	padding-right:4px;
	padding-top:4px;
}

.suche{
float:right;
padding-top:15px;
height:50px;
text-align:right;
width:auto;
}
.formBtn{
	float:left;
	padding-left:10px;
}
.formInput{
float:left;
}




.main-content{
z-index:0;
 position:relative;
 float:left;
 width:920px;
margin: auto;

}

.main-content-start{
z-index:0;
 position:relative;
 float:left;
 width:930px;
margin: auto;

}

.content-unterseiten{
float:right;
width:720px;
padding-bottom:30px;
}
.content-unterseiten .breadcrump{
	width:720px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
	text-align:right;
	margin-top:5px;
	padding-bottom:10px;
}
.content-unterseiten .breadcrump a{
    text-decoration:none;
   	color: #000000;
	
}
.content-unterseiten .breadcrump a:hover{
	text-decoration:underline;
	color: #000000;
}

.content-unterseiten .content-main{
	float:left;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	padding-right: 2px;
	font-weight:normal;
}

.content-unterseiten .content-main .h1-brauindustrie{
	font-family: Century Gothic, Arial, System;
	font-size:23px;
	font-weight:normal;
	color:#505050;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left:25px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/beer-h1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .content-main .h1-getraenke{
	font-family: Century Gothic, Arial, System;
	font-size:23px;
	font-weight:normal;
	color:#505050;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left:25px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/juice-h1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .content-main .h1-bio{
	font-family: Century Gothic, Arial, System;
	font-size:23px;
	font-weight:normal;
	color:#505050;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left:25px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/bio-h1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .content-main .h1-chemie{
	font-family: Century Gothic, Arial, System;
	font-size:23px;
	font-weight:normal;
	color:#505050;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left:25px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/chemie-h1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .container-left{
float:left;
width:248px;
height:120px;

}
.content-unterseiten .container-right{
float:right;
width:248px;
height:120px;

}



.content-unterseiten .content-main p{
		margin-top:3px;

}

.content-unterseiten .content-main a{
  color: #007bb6;
	text-decoration: none;	
}

.content-unterseiten .content-main a:hover{
	text-decoration:underline;
}

.content-unterseiten .content-main h1{
	font-family: Century Gothic, System, Arial;
	font-size:23px;
	font-weight:normal;
	color:#505050;
	margin:0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 10px;
	line-height:12px;
}

.content-unterseiten .content-main .link-jobs{
padding-left:20px;	
}


.content-unterseiten .content-main .features-ul{
	margin-top: 0px;
}

.content-unterseiten li{
	padding-top: 0px;
	margin-bottom: 5px;
}

.content-unterseiten .content-main img{
margin-top:5px;
	margin-bottom:5px;
}

.content-unterseiten .content-main h2{
	font-family: "Century Gothic", System, Arial;
	font-weight:normal;	
	font-size:15px;
	color:#505050;
	margin:0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;


}

.content-unterseiten .content-main h2 a{

	font-weight:normal;
	font-size:12px;
	color:#505050;

}


.content-unterseiten .content-boxes{
	float:right;
	width:195px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.content-unterseiten .content-boxes .contact-box{
	padding-left:9px;
	padding-top:8px;
	padding-bottom:15px;
	height:170px;
	float:right;
	width:185px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #c6c6c6;
}


.content-unterseiten .content-boxes .contact-box h3{
	font-family: "Century Gothic", System, Arial;
	font-weight:normal;	
	font-size:15px;
	color:#505050;
	margin:0;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
}

.content-unterseiten .content-boxes .contact-box img.contact-pict {
      	float:right;
      	padding:5px 10px 5px 5px;
      	border:none;
}


.content-unterseiten .content-boxes .sub-box-produktkatalog{
	padding-left:9px;
	padding-top:5px;
	padding-bottom:10px;
	float:right;
	width:185px;
	height:170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #c6c6c6;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/produkt.gif);
	background-repeat: no-repeat;
	background-position: 60px 55px;
}

.content-unterseiten .content-boxes .sub-box-produktkatalog h3{
	font-family: Century Gothic, System, Arial;
	font-weight:normal;	
	font-size:15px;
	padding-bottom:4px;
	color:#505050;
	margin:0;
	padding-top: 0px;

}


.content-unterseiten .content-boxes .sub-box-produktkatalog img.sub-pict {
      	float:right;
      	padding:5px 10px 5px 5px;
      	border:none;
}



.content-unterseiten .content-boxes .sub-box-produktkatalog ul {
	list-style-type:none;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.content-unterseiten .content-boxes .sub-box-produktkatalog ul li {
	line-height:19px;

}

.content-unterseiten .content-boxes .sub-box-produktkatalog ul li.pdf a, .content-unterseiten .content-boxes .sub-box-produktkatalog ul li.pdf a:visited {
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 18px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .content-boxes .sub-box-produktkatalog ul li.post a, .content-unterseiten .content-boxes .sub-box-produktkatalog ul li.post a:visited {
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 18px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/post.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


.content-unterseiten .content-boxes .sub-box-produktkatalog ul li a:hover, .content-unterseiten .content-boxes .sub-box-produktkatalog ul li a:visited {
	text-decoration:none;
	color:#007bb6;
}







.content-unterseiten .content-boxes .sub-box-produktdetail{
	padding-left:9px;
	padding-top:5px;
	padding-bottom:10px;
	float:right;
	width:185px;
	height:170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #c6c6c6;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/titel-produktblatt.gif);
	background-repeat: no-repeat;
	background-position: 60px 55px;
}

.content-unterseiten .content-boxes .sub-box-produktdetail h3{
	font-family: Century Gothic, System, Arial;
	font-weight:normal;	
	font-size:15px;
	padding-bottom:4px;
	color:#505050;
	margin:0;
	padding-top: 0px;

}


.content-unterseiten .content-boxes .sub-box-produktdetail img.sub-pict {
      	float:right;
      	padding:5px 10px 5px 5px;
      	border:none;
}



.content-unterseiten .content-boxes .sub-box-produktdetail ul {
	list-style-type:none;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.content-unterseiten .content-boxes .sub-box-produktdetail ul li {
	line-height:19px;

}

.content-unterseiten .content-boxes .sub-box-produktdetail ul li.pdf a, .content-unterseiten .content-boxes .sub-box-produktdetail ul li.pdf a:visited {
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 18px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .content-boxes .sub-box-produktdetail ul li.post a, .content-unterseiten .content-boxes .sub-box-produktdetail ul li.post a:visited {
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 18px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/post.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


.content-unterseiten .content-boxes .sub-box-produktdetail ul li a:hover, .content-unterseiten .content-boxes .sub-box-produktdetail ul li a:visited {
	text-decoration:none;
	color:#007bb6;
}



.content-unterseiten .content-boxes .sub-box{
	padding-left:9px;
	padding-top:5px;
	padding-bottom:10px;
	float:right;
	width:185px;
	height:170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #c6c6c6;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/imagebroschuere.gif);
	background-repeat: no-repeat;
	background-position: 60px 55px;
}



.content-unterseiten .content-boxes .sub-box h3{
	font-family: Century Gothic, System, Arial;
	font-weight:normal;	
	font-size:15px;
	padding-bottom:4px;
	color:#505050;
	margin:0;
	padding-top: 0px;
}

.content-unterseiten .content-boxes .sub-box img.sub-pict {
      	float:right;
      	padding:5px 10px 5px 5px;
      	border:none;
}



.content-unterseiten .content-boxes .sub-box ul {
	list-style-type:none;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.content-unterseiten .content-boxes .sub-box ul li {
	line-height:19px;

}

.content-unterseiten .content-boxes .sub-box ul li.pdf a, .content-unterseiten .content-boxes .sub-box ul li.pdf a:visited {
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 18px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-unterseiten .content-boxes .sub-box ul li.post a, .content-unterseiten .content-boxes .sub-box ul li.post a:visited {
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 18px;
	background-image: url(http://images.corosys.com/wp-content/themes/corosys/images/content/post.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


.content-unterseiten .content-boxes .sub-box ul li a:hover, .content-unterseiten .content-boxes .sub-box ul li a:visited {
	text-decoration:none;
	color:#007bb6;
}



.content-unterseiten .content-boxes .titel-sub-box {
    float:right;
		width:195px;
		height:20px;
}

.content-unterseiten .content-boxes .trenner-boxes {
    float:right;
		width:195px;
		height:15px;
}


.LeisungsTD-1{
	background-color: #b3d6ed;
	border: 1px solid #FFF;
}
.LeistungsTR-1{
	padding-left:5px;	
}
.LeisungsTD-2{
	background-color: #94c8e8;
	border: 1px solid #FFF;
}
.LeistungsTR-2{
	padding-left:5px;	
}

.menu {
	float:left;
	width:100%;
	font-family: Century Gothic,Arial, System;
	font-size:15px;
	font-weight: bold;
	color: #505050;
	margin:0 0 20px 0; /* for this demo only */
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e2e2e2;
	border-bottom-color: #e2e2e2;
}

.menu .TitelHauptnavigation {
	font-size:15px;
	margin:0;
	padding:0;
}

.menu .TitelSubnavigation {
	margin:0;
	padding:0;
	font-size:11px;
}

.menu ul {
padding:0;margin:0;list-style-type:none;
}
.menu ul li {
float:left; position:relative;z-index:300;
}
.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none;color:#505050; padding:0px 48px; line-height:25px; height:27px;
}

.menu ul li:hover {width:auto;}

.menu ul li a.menuone:hover {border-color:#c00; color:#f88;}
.menu ul li a.menutwo:hover {border-color:#c60; color:#007bb6;}


.menu ul li:hover a.menuone {border-color:#c00; color:#f88;}
.menu ul li:hover a.menutwo {border-color:#c60; color:#007bb6;}


.menu ul li ul {
display: none;
}
.menu table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
/* ERSTES KLAPPMENUE */
.menu ul li:hover ul {
	display:block;
	Position:absolute;
	top:27px;
	left:0;
	margin-left:40px;
	width:154px;	
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #e2e2e2;
	border-bottom-color: #e2e2e2;
	border-left-color: #e2e2e2;
	
}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}


/*Erstes Klapp Hintergrund */
.menu ul li:hover ul li a {
display:block;
background:#FFFFFF;
color:#505050;
height:auto;
line-height:20px;
padding:4px 16px; 
width:122px;
border-bottom:0;
}



.menu ul li:hover ul li.bier a {
	display:block;
	color:#505050;
	height:auto;
	line-height:25px;
	width:122px;
	background-color: #FFFFFF;
	background-image: url(../../images/content/bier-nav-off.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 25px;
}
.menu ul li:hover ul li.bier ul li a {
	display:block;
	color:#505050;
	height:auto;
	line-height:20px;
	width:122px;
	background-color: #FFFFFF;
	background-image: url(../../images/content/bier-nav-off.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 25px;
}


.menu ul li:hover ul li.bier a:hover {
	color:#007bb6;
	background:#E5E3E3;
	z-index:300;
	background-image: url(../../images/content/bier-nav-on.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}

.menu ul li:hover ul li.bier ul li a:hover {
	color:#007bb6;
	background:#E5E3E3;
	z-index:300;
	background-image: url(../../images/content/bier-nav-on.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}


.menu ul li:hover ul li.chemie a {
	display:block;
	color:#505050;
	height:auto;
	line-height:25px;
	width:122px;
	background-color: #FFFFFF;
	background-image: url(../../images/content/chemie-nav-off.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 25px;
}

.menu ul li:hover ul li.chemie ul li a {
	display:block;
	color:#505050;
	height:auto;
	line-height:25px;
	width:122px;
	background-color: #FFFFFF;
	background-image: url(../../images/content/chemie-nav-off.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 25px;
}


.menu ul li:hover ul li.chemie a:hover {
	color:#007bb6;
	background:#E5E3E3;
	z-index:300;
	background-image: url(../../images/content/chemie-nav-on.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}

.menu ul li:hover ul li.chemie ul li a:hover {
	color:#007bb6;
	background:#E5E3E3;
	z-index:300;
	background-image: url(../../images/content/chemie-nav-on.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}


.menu ul li:hover ul li.bio a {
	display:block;
	color:#505050;
	height:auto;
	line-height:25px;
	width:122px;
	background-color: #FFFFFF;
	background-image: url(../../images/content/bio-nav-off.png);
	background-repeat: no-repeat;
	background-position: 6px 10px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 25px;
}

.menu ul li:hover ul li.bio a:hover {
	color:#007bb6;
	background:#E5E3E3;
	z-index:300;
	background-image: url(../../images/content/bio-nav-on.png);
	background-repeat: no-repeat;
	background-position: 6px 10px;
}




.menu ul li:hover ul li.getraenke a {
	display:block;
	color:#505050;
	height:auto;
	line-height:25px;
	width:122px;
	background-color: #FFFFFF;
	background-image: url(../../images/content/getraenke-nav-off.png);
	background-repeat: no-repeat;
	background-position: 6px 10px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 25px;
}

.menu ul li:hover ul li.getraenke a:hover {
color:#007bb6;
background:#E5E3E3;
z-index:300;
	background-image: url(../../images/content/getraenke-nav-on.png);
	background-repeat: no-repeat;
	background-position: 6px 10px;
}



/*Klapp allgemein */




/*Unterklapp 2*/


.menu ul li:hover ul li a:hover {
color:#007bb6;
background: #E5E3E3 ;
}


.menu ul li a.drop, .menu ul li a.drop {background:#E5E3E3 url(images/content/grey-arrow.gif) no-repeat 130px center;} 
/* style the second level hover */ 
.menu ul li a.drop:hover{background:#E5E3E3 url(images/content/blue-arrow.gif) no-repeat 130px center;} 
.menu ul li :hover > a.drop {background:#E5E3E3 url(images/content/blue-arrow.gif) no-repeat 130px center;}


.menu ul li:hover ul li ul a {
display:block;background:#FFFFFF;height:auto;line-height:15px;padding:4px 16px; width:150px;
}

.menu ul li:hover ul li a:hover.drop {
background: #E5E3E3;
}



/*Untermenu non IE*/
/*Untermenu non IE*/
.menu ul li:hover ul li.bier:hover ul { 
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #e2e2e2;
	display:block; 
	position:absolute; 
	left:114px; 
	top:0px;	
	width:154px;
}


.menu ul li:hover ul li:hover ul { 
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #e2e2e2;
	display:block; 
	position:absolute; 
	left:114px; 
	top:0px;	
	width:182px;
}


.menu ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	top:26px;
	background:#fff;
	left:40px; 
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #e2e2e2;
	border-bottom-color: #e2e2e2;
	border-left-color: #e2e2e2;
}

.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;
background:#fff;
color:#505050; 
height:1px; 
line-height:20px; 
padding:4px 16px;
width:120px;
}

.menu ul li a.drop, .menu ul li a.drop {background:#E5E3E3 url(images/content/grey-arrow.gif) no-repeat 130px center;} 
/* style the second level hover */ 
.menu ul li a.drop:hover{background:#E5E3E3 url(images/content/blue-arrow.gif) no-repeat 130px center;} 
.menu ul li :hover > a.drop {background:#E5E3E3 url(images/content/blue-arrow.gif) no-repeat 130px center;}



.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#000; background: #ccd url(http://www.cssplay.co.uk/menus/images/bullet2.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.drop {
 background: #ccd url(http://www.cssplay.co.uk/menus/images/bullet2.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-153px;
}









/*SUBMENU*/


.submenu{
float:left;
 width:190Px;
}

.submenu .TitleSubNav{
	color:#505050;
	font-family: "Century Gothic", System, Arial;
	font-size:15px;
	font-weight: normal;
	line-height:15px;
	padding-left:0px;
	padding-top: 0px;
	margin-bottom:5px;
}

.submenu  .SubTitleSubNav{
	color:#505050;
	font-family: Arial;
	font-size:13px;
	font-weight: normal;
	margin:0;
	padding-bottom: 3px;
	padding-left:0px;
	padding-top: 0px;
	margin-top:-6px;
}

.submenu .SubTitleSubNav .kaichen{
	display:block;
	text-decoration:none;
	color:#007bb6;
	font-weight:bold;
}

.submenu  .SubTitleSubNav a{
	color:#505050;
	text-decoration:none;
}

.submenu .SubTitleSubNav a:hover{
	display:block;
	text-decoration:none;
	color:#007bb6;
}



.submenu  .TitleSubNav a{
	color:#505050;
	text-decoration:none;
}


.submenu ul {
	display:block;
	list-style-type:none;
	font-family: Arial;
	font-size:12px;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;	
}

.submenu ul li {
	display:block;
line-height:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;

}

.submenu ul li a, .submenu ul li a:visited {
	display:block;
 text-decoration:none; color:#444; 
 	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 10px;
	
}

.submenu ul li a:hover {
	display:block;
	text-decoration:none;
	color:#007bb6;
	width:178px;
	height:20px;
	background:#E5E3E3;


}

.submenu ul li a.aktiv {
	text-decoration:none;
	color:#007bb6;

	background:#E5E3E3;

}


#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 710px;
	top: 16px;
}

#apDiv3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 710px;
	top: 16px;
}

#apDiv4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 710px;
	top: 16px;
}

#apDiv5 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 710px;
	top: 16px;
}


#apDivsub1 {
	position:absolute;
	width:200px;
	height:37px;
	z-index:1;
	left: -712px;
	top: 2px;
}

#apDivsub2 {
	position:absolute;
	width:200px;
	height:37px;
	z-index:1;
	left: -712px;
	top: 2px;
}

#apDivsub3 {
	position:absolute;
	width:200px;
	height:37px;
	z-index:1;
	left: -712px;
	top: 2px;
}

#apDivsub4 {
	position:absolute;
	width:200px;
	height:37px;
	z-index:1;
	left: -712px;
	top: 2px;
}

.teaser-picture-frame{
	float:left;
	width:920px;
	height:500px;
}

.teaser-picture-content{
	width:920px;
	height:355px;
	margin:inherit;
	float:left;
	position:absolute;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #e0e0e0;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	border-left-color: #e0e0e0;
	visibility: hidden;

}
.teaser-description{
	float:left;
	width:919px;
	position:left;
	height:124px;
	background-image: url(http://www.corosys.com/wp-content/themes/corosys/images/content/de/teaser-back-grey.gif);
	background-repeat: repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	border-left-color: #e0e0e0;
	color: #505050;
	padding-top: 10px;
	padding-left: 0px;
	font-size: 12px;
		line-height: 18px;
}

.teaser-description h1{

	font-family: "Century Gothic", System, Arial;
	font-size:14px;
	font-weight: bold;
	color: #505050;
	margin-top:0px;
	margin-bottom:5px;
}

.teaser-description h1 a{
	color: #007bb6;
	text-decoration:none;
		font-size:14px;
}

.teaser-description h1 a:hover{
	color: #15B4FF;
	text-decoration:none;
}

.teaser-description .col {width:250px; height:200px;}
.teaser-description .col {width:250px; height:200px; padding:0 10px; float:left; text-align:justify;}
.teaser-description .col2 {
	width:250px;
	height:200px;
	float:left;
	text-align:justify;
	padding-top: 23px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}


.teaser-description .CCspace3 {padding-left:10px; padding-top:0px; float:left; text-align:justify;}
.teaser-description .CCspace3 a{font-family: Century Gothic,Arial, System;	font-size:12px; font-weight: bold;  color: #007bb6; text-decoration: none; line-height:19px;	}
.teaser-description .CCspace3 a:hover{	color: #15B4FF; text-decoration: none; 	}





.frame-icons{
	float:right;
	width:33px;
	height:88px;
}
.teaser-reiter-bier{
	width:33px;
	height:88px;
	margin:inherit;
	position:absolute;
}


.teaser-reiter-getraenke a{
	float:right;
	width:33px;
	height:88px;
	background-image: url(http://www.corosys.comhttp://images.corosys.com/wp-content/themes/corosys/images/content/saft-off.png);
	background-repeat: no-repeat;
	z-index:0;
}
.teaser-reiter-getraenke :hover{
	background-image: url(http://www.corosys.comhttp://images.corosys.com/wp-content/themes/corosys/images/content/saft-on.png);
	z-index:50;
}
.teaser-reiter-chemie a{
	float:right;
	width:33px;
	height:88px;
	background-image: url(http://www.corosys.comhttp://images.corosys.com/wp-content/themes/corosys/images/content/chemie-off.png);
	background-repeat: no-repeat;
	z-index:0;
}
.teaser-reiter-chemie :hover{
	background-image: url(http://www.corosys.comhttp://images.corosys.com/wp-content/themes/corosys/images/content/chemie-on.png);
	z-index:50;
}

.teaser-reiter-bio a{
	float:right;
	width:33px;
	height:88px;
	background-image: url(http://www.corosys.comhttp://images.corosys.com/wp-content/themes/corosys/images/content/bio-off.png);
	background-repeat: no-repeat;
	z-index:0;
}
.teaser-reiter-bio :hover{
	background-image: url(http://www.corosys.comhttp://images.corosys.com/wp-content/themes/corosys/images/content/bio-on.png);
	z-index:50;
}




.reiter-themenbild {
margin-top:28px;
margin-left:1px;
}



.sub-content{
	position:relative;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	width:925px;
}

.box-one{
	float:left;
	width:280px;
	height:145px;
	border: 1px solid #e2e2e2;
	padding-left:8px;
	padding-right:8px;
	background-image: url(teaser-back-grey-subbox.png);
	background-repeat: repeat-x;
}


.box-one .header-box h4{
	position:relative;
	font-family: "Century Gothic", System, Arial;
	font-size:15px;
	font-weight: bold;
	color: #505050;
	margin-top:5px;
	margin-bottom:5px;
}

.box-one .header-box h4 a{
	color: #007bb6;
	text-decoration:none;
}

.box-one .header-box h4 a:hover{
	color: #15B4FF;
	text-decoration:none;
}


.box-one .text{
	float:left;
	width:179px;
	height:107px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
		font-weight: normal;
}
.box-one .picture{
	float:right;
	width:100px;
	height:107px;
	text-align:center;

}


.spacer{
position:relative;
float:left;
height:107px;
width:14px;
}




.button-weiterlesen{
padding-top:8px;
border:0;
}