@import url(menu.css);

/* 
=================================================================================================
	Allgemeine Styles
================================================================================================= */

*	{
	margin: 0; padding: 0;
	}

html { 
	min-height: 100.2%;
	}

body {
	font-family: "Arial", "Verdana", sans-serif;
	background: #666 url("../images/bg.png") top left repeat;
	background-attachment:fixed;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	}
	
p { 
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0 10px 0; 
	margin: 0;
	}

a:link, a:visited { text-decoration: none; color: #7796bb; }
a:hover, a:active { text-decoration: none; color: #ff0000; }

ul, ol { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

.bold { font-weight: bold; }
.blue { color: #7796bb; }
.white { color: #fff; }
.small { font-size: 13px; color: #999; padding: 0 0 25px 0;}

table { border-collapse: collapse;	padding: 0;	margin: 0; }
td { padding: 5px 0 5px 0; vertical-align:top;}

.table_home td {padding: 0 20px 0 0; margin: 0; vertical-align: top;}
.tabelle_facts, .tabelle_team, tabelle_100 {width: 100%;}
.tabelle_facts td {border-collapse: separate; padding: 5px 15px 5px 15px; vertical-align: top; background-color: #fafafa ;}
.tabelle_team td {border-collapse: separate; padding: 10px 15px 10px 15px; vertical-align: top; background-color: #fafafa ;}
.td33 {width: 33%;} .td34 {width: 34%;} .td25 {width: 25%;} .td75 {width: 75%;} .td20 {width: 20%;} .td80 {width: 80%;}, .td35 {width: 35%;} .td65 {width: 65%;}

.tabelle_docs {width: 100%; margin: 10px 0 15px 0;}
.tabelle_docs td {border-collapse: separate; padding: 5px 15px 5px 0; vertical-align: top; font-size: 13px; }

.image_border_white { border: 1px solid #e0e0e0; background: #fff; padding: 5px; margin: 10px 0 5px 0; }
.image_border_white_left { border: 1px solid #e0e0e0; background: #fff; padding: 5px; margin: 5px 25px 10px 0; float: left;}
.image_border_kontakt { border: 1px solid #e0e0e0; background: #fff; padding: 5px; margin: 10px 0 5px 0; }
.image_border { border: 1px solid #e0e0e0; background: #fff; padding: 5px; margin: 0 0 0 0; }

.icon_pdf-download { 
	line-height: 40px; display: block; list-style-type: none; 
	background: url("../images/icon_pdf.png") center left no-repeat; 
	border-bottom: 1px dotted #ededed; 
	border-top: 1px dotted #ededed; 
	padding: 10px 0 10px 40px; 
	margin: 10px 0 10px 5px;
	}

.icon_pdf_small { background: url("../images/icon_pdf_bunt.gif") center left no-repeat; text-decoration: none; padding: 0 0 0 22px; margin: 0;}

.icon_doc-download { 
	height: 40px; line-height: 20px; display: block; list-style-type: none; 
	background: url("../images/icon_doc.png") center left no-repeat; 
	padding: 0 0 0 40px; 
	margin: 2px 0 8px 0;
	}
	
hr { border: 0; border-bottom: 1px dotted #ededed; margin: 10px 0 15px 0; padding: 0;}

.content_clear { clear: both; font-size: 0; line-height: 0; height: 0;}

/* 
=================================================================================================
	Banner
================================================================================================= */

#wrapper_banner {
	width: 100%;
	height: 110px;
	position: relative;
	background: url("../images/bg_banner.png") top center repeat-y;
	padding: 0;
	margin: 10px auto 0 auto;
	}

	#banner {
		width: 980px;
		height: 110px;
		padding: 0;
		margin: 0 auto;
		}
		
		#logo {
			width: 310px;
			height: 110px;
			background: url("../images/logo_incowest.png") top left no-repeat;
			padding: 0;
			margin: 0;
			float: left;
			}
		
		#top {
			width: 500px;
			height: 110px;
			text-align: right;
			padding: 0;
			margin: 0;
			float: right;
			}
						
			#topmenu {
				width: 500px;
				height: 25px;
				line-height: 25px;
				font-size: 13px;
				padding: 0;
				margin: 25px 0 0 0;
				float: left;
				}
				
				#topmenu a:link, #topmenu a:visited { text-decoration: none; color: #999; }
				#topmenu a:hover, #topmenu a:active { text-decoration: none; color: #7796bb; }
			
			#claim {
				width: 500px;
				height: 60px;
				background: url("../images/claim_incowest.png") top right no-repeat;
				padding: 0;
				margin: 0;
				float: left;
				}

/* 
=================================================================================================
	Mainmenu
================================================================================================= */

#wrapper_mainmenu {
	width: 100%;
	height: 45px;
	position: relative;
	background: url("../images/bg_mainmenu.png") center top no-repeat;
	padding: 0;
	margin: 0 auto;
	}
	
	#mainmenu {
		width: 980px;
		height: 45px;
		padding: 0;
		margin: 0 auto;
		}
		
		#menu {
			width: 780px;
			height: 45px;
			padding: 0;
			margin: 0;
			float: left;
			}
			
		#langmenu {
			width: 200px;
			height: 45px;
			padding: 0;
			margin: 0;
			float: right;
			}
			
		#mainmenu p {font-family: "Ubuntu", "Verdana", "sans-serif"; font-size: 15px; line-height: 45px; color: #fff; padding: 0; margin: 0; text-transform:capitalize;}

/* 
=================================================================================================
	Big Size Images
================================================================================================= */

#wrapper_image_450 {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
	text-align: center;
	background: url("../images/bg_image.png") center top repeat-y;
	padding: 0;
	margin: 0 auto;
	}
	
	#image_450 {
		width: 1150px;
		height: 450px;
		overflow: hidden;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		}
		
		#image_450_q {
			width: 210px;
			height: 450px;
			position: absolute;
			padding: 0;
			background: url("../images/back_450_q.png") right top no-repeat;
			z-index: 10;
			margin: 0 0 0 940px;
			}
		
		#image_450_single {
			width: 1150px;
			height: 450px;
			overflow: hidden;
			background-color: #fff;
			text-align: center;
			padding: 0;
			margin: 0 auto;
			}
		
		.container {
			width: 1150px;
			height: 450px;
			overflow: hidden;
			text-align: center;
			padding:0;
			margin: 0 auto;
			z-index: -100;
			}

#wrapper_image_580 {
	width: 100%;
	height: 580px;
	position: relative;
	overflow: hidden;
	text-align: center;
	background: url("../images/bg_image.png") center top repeat-y;
	padding: 0;
	margin: 0 auto;
	}
	
	#image_580 {
		width: 1150px;
		height: 580px;
		overflow: hidden;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		}
		
		#image_580_q {
			width: 210px;
			height: 580px;
			position: absolute;
			padding: 0;
			background: url("../images/back_580_q.png") right top no-repeat;
			z-index: 10;
			margin: 0 0 0 940px;
			}
		
		#image_580_single {
			width: 1150px;
			height: 580px;
			overflow: hidden;
			background-color: #fff;
			text-align: center;
			padding: 0;
			margin: 0 auto;
			}
	
/* 
=================================================================================================
	Blue Box
================================================================================================= */

#wrapper_bluebox {
	width: 100%;
	position: relative;
	background: url("../images/bg_bluebox.png") top center repeat-y;
	padding: 0;
	margin: 0 auto;
	}

	#bluebox {
		width: 980px;
		padding: 20px 0 20px 0;
		margin: 0 auto;
		}
		
		#bluebox_path {
			width: 980px;
			padding: 0;
			margin: 0;
			float: left;
			}
		
		#bluebox_header {
			width: 980px;
			padding: 0;
			margin: 0;
			float: left;
			}
			
		#bluebox h1 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 38px; line-height: 38px; font-weight: lighter; color: #fff; padding: 0 0 5px 0; margin: 0;-webkit-text-stroke:1px transparent;}
		#bluebox h2 {font-family: "Arial", "sans-serif"; font-size: 14px; line-height: 22px; font-weight: lighter; color: #fff; padding: 5px 0 5px 0; margin: 0;}
		#bluebox p {font-size: 13px; line-height: 22px; color: #fff; padding: 5px 0 5px 0; margin: 0;}
		#bluebox a:link, #bluebox a:visited { text-decoration: none; color: #fff; }
		#bluebox a:hover, #bluebox a:active { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff;}

/* 
=================================================================================================
	Content
================================================================================================= */

#wrapper_content {
	width: 100%;
	position: relative;
	background: url("../images/bg_content.png") top center repeat-y;
	padding: 0;
	margin: 0 auto;
	}

	#content {
		width: 980px;
		padding: 30px 0 50px 0;
		margin: 0 auto;
		}
		
		#content_text {
			width: 660px;
			padding: 0;
			margin: 0 35px 0 0;
			float: left;
			}
			
			#content_text h1 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 30px; line-height: 35px; font-weight: lighter; color: #7796bb; padding: 0px 0 15px 0; margin: 0;}
			#content_text h2 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 25px; line-height: 35px; font-weight: lighter; color: #b5b5b5; padding: 10px 0 10px 0; margin: 0; }
			#content_text h3 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 23px; line-height: 30px; font-weight: lighter; color: #7796bb; padding: 5px 0 0 0; margin: 0; }
			#content_text h4 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 18px; line-height: 23px; font-weight: lighter; color: #999; padding: 3px 0 5px 0; margin: 0; }
			#content_text h5 {font-family: "Verdana", "sans-serif"; font-weight: bold; color: #999; padding: 8px 0 5px 0; margin: 0; }
		
			#content_text table { border-collapse: separate; padding: 0; margin: 5px 0 5px 0; }
			
			#content_text ul { margin: 10px 0 0 15px; padding: 0 0 10px 0; }
			#content_text ol { margin: 10px 0 0 20px; padding: 0 0 10px 0; }
			#content_text li { margin: 0; padding: 2px 0 2px 0; }
		
		#content_menu {
			width: 285px;
			padding: 0;
			margin: 0;
			float: right;
			}
			
			.menu_box {
				width: 260px;
				border-bottom: 1px solid #ededed;
				padding: 0 0 20px 0;
				margin: 0 0 20px 25px;
				float: right;
				}

				.menu_box ul {padding: 0; margin: 5px 0 5px 0;}
			
			#content_menu h2 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 23px; line-height: 27px; font-weight: lighter; color: #999999; padding: 8px 0 10px 0; margin: 0; }
			

/* 
=================================================================================================
	Content Home
================================================================================================= */

#wrapper_home_prod {
	width: 100%;
	position: relative;
	background: url("../images/bg_home_prod.png") top center repeat-y;
	padding: 0;
	margin: 0 auto;
	}
	
	#home_prod {
		width: 980px;
		padding: 35px 0 40px 0;
		margin: 0 auto;
		}
		
		#home_prod_left {
			width: 245px;
			min-height: 320px;
			padding: 0;
			margin: 0 30px 0 0;
			float: left;
			}
		
		#home_prod_right {
			width: 674px;
			min-height: 320px;
			border-left: 1px solid #e7e7e7;
			padding: 0 0 0 30px;
			margin: 0;
			float: left;
			}
			
		#home_prod_center {
			width: 295px;
			min-height: 320px;
			border-left: 1px solid #e7e7e7;
			padding: 0 25px 0 30px;
			margin: 0;
			float: left;
			}
		
		#home_prod_right2 {
			width: 320px;
			min-height: 320px;
			border-left: 1px solid #e7e7e7;
			padding: 0 0 0 30px;
			margin: 0;
			float: left;
			}

#wrapper_home_proj {
	width: 100%;
	position: relative;
	background: url("../images/bg_home_proj.png") top center repeat-y;
	padding: 0;
	margin: 0 auto;
	}

	#home_proj {
		width: 980px;
		padding: 35px 0 40px 0;
		margin: 0 auto;
		}
		
		#home_proj_left {
			width: 245px;
			min-height: 330px;
			padding: 0;
			margin: 0 30px 0 0;
			float: left;
			}
		
		#home_proj_right {
			width: 674px;
			min-height: 330px;
			border-left: 1px solid #e7e7e7;
			padding: 0 0 0 30px;
			margin: 0;
			float: left;
			}
		
		#home_prod h2, #home_proj h2 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 30px; line-height: 30px; font-weight: lighter; color: #7796bb; padding: 5px 0 15px 0; margin: 0;}
		#home_prod h3, #home_proj h3 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 21px; line-height: 25px; font-weight: lighter; color: #b5b5b5; padding: 10px 0 0 0; margin: 0; }
		
		#home_prod p, #home_proj p {line-height: 22px;}

/* 
=================================================================================================
	Bars
================================================================================================= */

#wrapper_bar_grey {
	width: 100%;
	height: 10px;
	position: relative;
	background: url("../images/bg_bar_grey.png") top center repeat-y;
	padding: 0;
	margin: 0 auto;
	}

#wrapper_bar_blue {
	width: 100%;
	height: 30px;
	position: relative;
	background: url("../images/bg_bluebox.png") top center repeat-y;
	padding: 0;
	margin: 0 auto 30px 0;
	}

/* 
=================================================================================================
	Footer
================================================================================================= */

#wrapper_footer {
	width: 100%;
	position: relative;
	background: url("../images/bg_footer.png") top center repeat-y;
	padding: 0;
	margin: 0 auto 0 auto;
	}
			
	#footer {
		width: 980px;
		position: relative;
		padding: 30px 0 25px 0;
		margin: 0 auto 0 auto;
		}
		
		#footer_box_01 {
			width: 410px;
			min-height: 200px;
			overflow: hidden;
			padding: 0;
			margin: 0 30px 0 0;
			float: left;
			}
		
		#footer_box_02 {
			width: 254px;
			min-height: 200px;
			overflow: hidden;
			border-left: 1px solid #393939;
			padding: 0 0 0 25px;
			margin: 0 25px 0 0;
			float: left;
			}
		
		#footer_box_03 {
			width: 209px;
			min-height: 200px;
			overflow: hidden;
			border-left: 1px solid #393939;
			padding: 0 0 0 25px;
			margin: 0;
			float: left;
			}
		
		#footer h2 {font-family: "PT Sans Narrow", "Verdana", "sans-serif"; font-size: 21px; line-height: 25px; font-weight: lighter; color: #ccc; padding: 0 0 5px 0; margin: 0;}
		#footer p {line-height: 22px;}
		
		.image_jobs { border: 1px solid #575757; background: #3e3e3e; padding: 5px; margin: 5px 25px 20px 0; float: left;}