@charset "UTF-8";
/* CSS Document */
html {
  overflow-y: scroll;
  margin-left: 1px;
} 


body {
	font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #393939;
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	padding: 0;
}
h1 {
	margin: 5px 0 15px 0;
	padding: 0;	
}

h2 {
	margin: 7px 0 10px 0;
	padding: 0;
	}
h3 {
	margin-top:25px;
	margin-bottom:10px;
}

p {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;	
}

a img, a:hover img {
	border:none;
	text-decoration:none;
	}
	
.clearboth {
	clear:both;
	}	

#wrapper {
	position: relative;
	width: 804px;
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	z-index: 100;	
}
#nav {
	width: 804px;
	height: 90px;
	margin: 0;
	padding: 0;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {display: inline; height: 80px;}
#nav li a {background-repeat: no-repeat; float: left; display: block; overflow: hidden; padding-top: 80px;}
#nav li a span {visibility: hidden;}
#nav li#home a {background-position: 0 0; width: 404px;}
#nav li#home a:hover, #nav li#home a.home {background-position: 0 -100px; width: 404px;}
#nav li#openmedia a {background-position: -404px 0; width: 93px;}
#nav li#openmedia a:hover, #nav li#openmedia a.openmedia {background-position: -404px -100px; width: 93px;}
#nav li#company a {background-position: -497px 0; width: 83px;}
#nav li#company a:hover, #nav li#company a.company {background-position: -497px -100px; width: 83px;}
#nav li#news a {background-position: -580px 0; width: 57px;}
#nav li#news a:hover, #nav li#news a.news {background-position: -580px -100px; width: 57px;}
#nav li#events a {background-position: -637px 0; width: 64px;}
#nav li#events a:hover, #nav li#events a.events {background-position: -637px -100px; width: 64px;}
#nav li#contact a {background-position: -701px 0; width: 103px;}
#nav li#contact a:hover, #nav li#contact a.contact {background-position: -701px -100px; width: 103px;}

#kv {
	width: 804px;
	height: 270px;
	margin:0;
	padding: 0;

}

#content {
	margin: 0px 0 0 0;
	padding: 10px 24px 15px 298px;
	position: relative;
	vertical-align:top;
}

.div, .div-start, .div-3spaltig {
	margin: 5px 0 0 0;
	padding: 28px 24px 15px 298px;
	position: relative;
	vertical-align:top;
}
	
.div-start {
	margin-top:40px;
	min-height: 290px;
	background: url(../images/en/kv/kv-start-2009-07-body-en.png) 50% 0 no-repeat;
	}

.div-3spaltig {
	background: url(../images/layout/content-div-verlauf.gif) 50% 0 no-repeat;
	min-height: 360px;
	}

.div-3spaltig .logo-listing img {
	margin-bottom:4px;
	}	
	

.div  {
	background: url(../images/layout/content-div-verlauf.gif) 50% 0 no-repeat;
	min-height: 155px;
}



.col2 {
	width: 490px;
	position: relative;
	height: 115px;
}
.col3 {
	width: 804px;
	position: absolute;
	top: 0;
	left: 0;
}
.box_left, .box_center, .box_right, .box-start_left, .box-start_center, .box-start_right {
	position: absolute;
	margin: 0;
	padding: 0;
	min-height: 100px;
}
.box_left {
	width: 250px;
	left: 30px;
	top: 23px;
}
.box_center {
	left: 0;
	width: 230px;
}
.box_right {
	right: 0;
	width: 230px;
}

.box-start_left, .box-start_center, .box-start_right {
	width: 228px;
}
.box-start_left {
	left: 28px;
}
.box-start_center {
	left: -3px;
}
.box-start_right {
	right: 0;
}
.box_left ul {
	list-style-type: none;
	padding-left: 5px;
	margin-left: 15px;
	margin-top:-4px;
}
hr, hr .end {
	padding: 0;
	border: none;
}
hr .end {
	margin: 0;
}
hr {
	margin: 0 0 10px 0;
	/* visibility:hidden; */
}

hr.down5px {
	height:20px;
	border: none;
	margin:0;
	padding:0;
}
hr.down10px {
	height:10px;
	border: none;
	margin:0;
	padding:0;
}
hr.down20px {
	height:20px;
	border: none;
	margin:0;
	padding:0;
}

hr.down30px {
	height:30px;
	border: none;
	margin:0;
	padding:0;
}

hr.down10pxclear {
	height:10px;
	border: none;
	margin:0;
	padding:0;
	clear:both;
}

p.down5px {
	height:20px;
	border: none;
	margin:0;
	padding:0;
}
p.down10px {
	height:10px;
	border: none;
	margin:0;
	padding:0;
}
p.down20px {
	height:20px;
	border: none;
	margin:0;
	padding:0;
}

p.down30px {
	height:30px;
	border: none;
	margin:0;
	padding:0;
}
p.down250px {
	height:250px;
	border: none;
	margin:0;
	padding:0;
}

p.down10pxclear {
	height:10px;
	border: none;
	margin:0;
	padding:0;
	clear:both;
}



.div ul {
	margin:-5px 0 10px 0;
	padding:0 0 0 13px;
	}

ul.keybenefits {
	margin:0;
	padding:0 0 0 13px;
	}	

#footer {
	margin: 0 auto;
	padding: 0;
	width: 804px;
	height: 80px;
	background-image: url(../images/layout/footer-div-verlauf.gif);
	background-position: center 0;
	background-repeat: no-repeat;
}
#footer p {
	margin-top: 10px;
}
#head-verlauf {
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position: absolute;
	height: 350px;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 0;
}





/*  ........... Buttons ........... */

a.button-more-en, 
a.button-news-en,
a.button-events-en,
a.button-company-en,
a.button-overview-en,
a.button-archive-en,
a.button-back-en,
a.button-allmodules-en,
a.button-details-en,
a.button-pdf-en

	{
	background-image:url(../images/en/nav/buttons-eng.png);
	background-repeat:no-repeat;
	height:29px;
	width:150px;
	display:block;
	text-decoration:none;
	margin:5px 0 0 0;
	}
	
/* Zum Ausblenden des Textinhalts  */
a.button-more-en span, 
a.button-news-en span,
a.button-events-en span,
a.button-company-en span,
a.button-overview-en span,
a.button-archive-en span,
a.button-back-en span,
a.button-allmodules-en span,
a.button-details-en span,
a.button-pdf-en span
	{
	visibility:hidden;
	}

a.button-more-en 		{ background-position:0 0;}
a.button-news-en		{ background-position:0 -50px;}
a.button-events-en		{ background-position:0 -100px;}
a.button-company-en	{ background-position:0 -150px;}
a.button-overview-en	{ background-position:0 -200px;}
a.button-archive-en		{ background-position:0 -250px;}
a.button-back-en		{ background-position:0 -300px;}
a.button-allmodules-en	{ background-position:0 -350px;}
a.button-details-en		{ background-position:0 -500px;}
a.button-pdf-en		{ background-position:0 -550px;}



a.button-more-en:hover	{ background-position:-200px 0; 				text-decoration:none;}
a.button-news-en:hover	{ background-position:-200px -50px;			text-decoration:none;}
a.button-events-en:hover	{ background-position:-200px -100px;			text-decoration:none;}
a.button-company-en:hover	{ background-position:-200px -150px;		text-decoration:none;}
a.button-overview-en:hover	{ background-position:-200px -200px;		text-decoration:none;}
a.button-archive-en:hover	{ background-position:-200px -250px;			text-decoration:none;}
a.button-back-en:hover	{ background-position:-200px -300px;			text-decoration:none;}
a.button-allmodules-en:hover	{ background-position:-200px -350px;			text-decoration:none;}
a.button-details-en:hover	{ background-position:-200px -500px;			text-decoration:none;}
a.button-pdf-en:hover	{ background-position:-200px -550px;			text-decoration:none;}





/*  .............. Floater-Images in Content ............... */

.image-float-right {
	float:right;
	margin: 4px 4px 4px 10px ;
	/*  min-height:10px;
	min-width:10px; */
	}
	
.image-float-left {
	float:left;
	margin: 4px 10px 4px 0px ;
	/*  min-height:10px;
	min-width:10px; */
	}	


/*  .............. Logo-Auflistung im Contentbereich ................. */

p.logo-listing  a img , div.image-float-right  a img , div.image-float-left a img {
	border: 1px solid transparent;
	margin:0;
	padding:0;
		}
		
p.logo-listing  a img:hover , div.image-float-right  a img:hover , div.image-float-left a img:hover {
	border: 1px solid #999999;
		}
		
	
/*  .............. Team-Fotos im Contentbereich ................. */



div.teamfoto {
	float:left;
	margin: 0px 15px 15px 0px ;
	width:140px;
	}
div.teamfoto img {
	margin-bottom: 4px;
	}	


/*  .............. Kontaktformular ................. */

fieldset {
	border:none;
	margin:0;
	padding:0
	}
label {
	width:100px	;
	height:30px;
	}

#contactform input, #messageform input {
	width: 300px;
	}
	
#newsletterform input {
	width: 20px;
	}	
	
table#contactform, table#newsletterform, table#messageform {
	margin-bottom:15px;
	vertical-align:top;
	border: 0px;
	font-size: 12px;
	}	
td {
	padding:5px 0 0 0;
	vertical-align:top;
	text-align:left;

	}

.table-rowright {
	width:300px;
	}
	
.table-rowleft {
	width:100px;
	}