/* 
About this document
---------------------------------------------------
Project:		Wiebrock
Filename:		"2columns.css"
Date:			ERSTELLDATUM DES PROJEKTS!
Author:			Johan Prawiro


Last modified
---------------------------------------------------
Version:		1.0
Date:			29.04.2009
Modifier:		Gaby Rohmann


Sections of this document
---------------------------------------------------

=Global

*/


/* --- =Global --- */

html {
	height:				100%;
	margin-bottom:		0.1px;	/* Always show scroll-bar for Fx. Not scrollable if content fits on canvas. */
}

td {
	height:				16px;
}

body {
	background: 		url(../../images/verlauf_hg.jpg) repeat-x;
	background-color: 	#EFF0F2;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			100.1%;
	height:				100%;
	margin:				0;
	padding:			0;
	text-align:			center;
}

a:link,
a:visited,
a:focus,
a:active {
	color:				#000;
	text-decoration:	none;
}

a:hover {
	color:				#333;
	text-decoration:	underline;
}

p {
	margin:				0;
	padding:			0.2em;
}

/* --- =positioning --- */

#canvasBox {
	background:			#fff;
	height:				100%;
	margin:				0 auto;
	padding:			0;
	position:			relative;
	text-align:			left;
	width:				933px;
	background:			url(../../images/content_hg.gif) repeat-y;
}

#canvasBox[id] {
	bottom:				0;
	height:				auto;
	min-height:			100%;
	top:				0;
}

/* --- =header --- */

#header {
	width:				100%;
	height:				105px;
	background: 		url(../../images/header_hg.jpg) no-repeat;
	position:			relative;
	z-index:			10;
	margin:				0;
	padding:			0;
}

#header #box1 {
	float:				left;
	width:				306px;
	height:				105px;
	margin:				0;
	padding:			0;
}

#header #box1 h1 {
	font-size:			12px;
	color:				#fff;
	font-weight:		bold;
	padding:			15px 0 0 210px;
	margin:				0;
}


#header #box2 {
	float:				left;
	height:				105px;
	width:				315px;
	margin:				0;
	padding:			0;
	font-size:			12px;
	color:				#fff;
	font-weight:		bold;
}

#header #box3 {
	float:				right;
	height:				105px;
	margin:				0;
	padding:			0;
	z-index:			9;
}


/* --- =contentWrapper --- */

#contentContainer {
	height:				1%; /* IE-fix */
	width:				933px;
	padding-bottom:		3em; /* height of the footer! */
	position:			relative;
	z-index:			10;
	top:				30px;
	
}

#contentContainer[id] {
	height:				auto; /* Fix the IE-fix */
	margin-bottom:		0;
}

#contentContainer:after {
	clear:				both;
	content:			".";
	display:			block;
	height:				0;
	line-height:		0;
	margin:				0;
	padding:			0;
	visibility:			hidden;
	
}

/* --- =navigation --- */

	#navigation {
		width:			186px;
		margin:			0;
	}
	
	#navigation ul {
		list-style:		none;
		margin:			0;
		padding:		0;
		
	}
	
	#navigation ul li {
	margin:				0;
	padding:			0;
	width:				186px;
	height:				16px;
	background:			url(../../images/hg_menue.jpg) no-repeat;
	}
	
	#navigation ul li a:link,
	#navigation ul li a:visited,
	#navigation ul li a:focus,
	#navigation ul li a:active {
	font-size:			12px;
	font-weight:		bold;
	display:			block;
	color:				#fff;
	text-decoration:	none;
	padding-left:		17px;
	margin:				0;
}

#navigation ul li a:hover {
	color:				#333;
	text-decoration:	none;
}

#navigation ul li.anim-hg {
	background:			url(../../images/anim_hg.gif) no-repeat;
}

#navigation2 {
		width:			186px;
		margin:			0;
	}
	
	#navigation2 ul {
		list-style:		none;
		margin:			0;
		padding:		0;
		
	}
	
	#navigation2 ul li {
	margin-top:			30px;
	padding:			0;
	width:				186px;
	height:				16px;
	background:			url(../../images/hg_menue_pfeil.gif) no-repeat;
	}
	
	#navigation2 ul li a:link,
	#navigation2 ul li a:visited,
	#navigation2 ul li a:focus,
	#navigation2 ul li a:active {
	font-size:			12px;
	font-weight:		bold;
	display:			block;
	color:				#fff;
	text-decoration:	none;
	padding-left:		17px;
	margin-top:			0;
}

	#navigation2 ul li a:hover {
	color:				#333;
	text-decoration:	none;
}



#subnavigation {
	width:				186px;
	background-color:	#A6BCD6;
	margin:				0;
	padding:			0;
	}
	
	#subnavigation ul {
	list-style:			none;
	margin:				0;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		0;
	padding-right:		0;	
	}
	
	#subnavigation ul li {
	margin:				0;
	padding:			0;
	height:				14px;
	background:			url(../../images/pfeil_subnavi.gif) no-repeat;
	background-color:	#A6BCD6;	
	}
	
	#subnavigation ul li a:link,
	#subnavigation ul li a:visited,
	#subnavigation ul li a:focus,
	#subnavigation ul li a:active {
	font-size:			11px;
	font-weight:		normal;
	display:			block;
	color:				#000;
	text-decoration:	none;
	padding-left:		27px;			
	margin:				0;
}

#subnavigation ul li a:hover {
	text-decoration:	underline;
}

	

/* --- =primaryContent --- */

#contentContainer #primaryContent {
	float:				left;
	width:				705px;
	font-size:			11px;
	color:				#000;
	line-height:		120%;
	font-weight:		normal;
	padding:			0 0 0 40px;			
}

#contentContainer #primaryContent h1 {
	font-size:			14px;
	color:				#DA251D;
	line-height:		120%;
	font-weight:		bold;
	margin-top:			0;
	margin-bottom:		5px;			
}

#contentContainer #primaryContent h2 {
	font-size:			12px;
	color:				#416699;
	line-height:		120%;
	font-weight:		bold;
	margin-top:			0;
	margin-bottom:		0px;			
}

#contentContainer #primaryContent #headline {
	float:				left;
	width:				500px;
	line-height:		120%;
	margin:				0;
	padding:			0;			
}

#contentContainer #primaryContent #adobe {
	float:				left;
	width:				100px;
	margin:				0;
	padding:			0;			
}

#startboxes {
	float:				left;
	width:				306px;
	background:			url(../../images/box_hg.gif) no-repeat;
	background-color:	#E6E6E6;
	padding:			0;
	margin:				0 30px 0 0;			
}


#startboxes #head{
	float:				left;
	height:				144px;
	padding-top:		20px;
	padding-left:		15px;
	padding-bottom:		0;
	padding-right:		0;
	margin:				0;
	font-size:			12px;
	color:				#000;
	font-weight:		bold;			
}

#startboxes #head h1{
	font-size:			12px;
	color:				#DA251D;
	font-weight:		bold;
	margin:				0;			
}

#startboxes #foto{
	float:				right;
	width:				146px;
	height:				144px;
	padding:			0;
	margin:				0;			
}

#startboxes #text{
	clear:				both;
	height:				255px;
	line-height:		105%;
	padding-left:		15px;
	padding-bottom:		15px;
	margin:				0;
	font-size:			11px;
	color:				#000;
	font-weight:		normal;			
}


.rot {
	font-size:			12px;
	color:				#DA251D;
	margin:				0;			
}


#produkte {
	float:				left;
	width:				665px;
	padding-top:		8px;
	padding-bottom:		5px;
	margin:				0;
	border-top:			1px solid #416699;
	font-size:			11px;
	line-height:		120%;
	color:				#000;
	font-weight:		normal;			
}


#produkte #box1 {
	float:				left;
	width:				300px;
	padding:			0;
	margin:				0;			
}


#produkte #box2 {
	float:				right;
	width:				300px;
	height:				100%;
	padding:			0;
	margin-right:		20px;			
}

#produkte #wir1 {
	float:				left;
	width:				224px;
	padding:			0;
	margin-left:		22px;			
}

#produkte #wir1[id] {
	float:				left;
	width:				224px;
	padding:			0;
	margin-left:		45px;			
}

#produkte #wir2 {
	float:				right;
	width:				352px;
	padding:			0;
	margin:				0;			
}

#produkte #wir2 ul {
	list-style:			none;
	margin-left:		0;
	padding:			0;
	line-height:		120%;	
	}
	
#produkte #wir2 ul li {
	margin:				0 0 0 2px;
	background:			url(../../images/pfeil_grau.gif) no-repeat;
	padding-left:		15px;
	padding-bottom:		10px;	
	}
	

#produkte #kontakt {
	float:				left;
	width:				630px;
	padding:			0;
	margin-left:		23px;			
}

#produkte #kontakt[id] {
	float:				left;
	width:				630px;
	padding:			0;
	margin-left:		41px;			
}


	#produkte #box2 a:link,
	#produkte #box2 a:visited,
	#produkte #box2 a:focus,
	#produkte #box2 a:active {
	height:				18px;
	width:				245px;
	margin-bottom:		0;
	font-size:			11px;
	line-height:		110%;
	color:				#DA251D;
	font-weight:		bold;
	background:			url(../../images/pfeil.gif) no-repeat;
	padding-left:		10px;			
	}
	
	#produkte #box2 a:hover {
	text-decoration:	underline;			
	}
	

#produkte #box3 {
	float:				left;
	width:				245px;
	padding:			0;
	margin:				0;			
}


#produkte #pdfbox2 {
	float:				left;
	height:				100%;
	padding:			0;
	margin-right:		20px;			
}

	#produkte #pdfbox2 a:link,
	#produkte #pdfbox2 a:visited,
	#produkte #pdfbox2 a:focus,
	#produkte #pdfbox2 a:active {
	height:				18px;
	margin-bottom:		0;
	font-size:			11px;
	line-height:		110%;
	color:				#000;
	font-weight:		bold;
	background:			url(../../images/pfeil.gif) no-repeat;
	padding-left:		10px;			
	}
	
	#produkte #pdfbox2 a:hover {
	color:				#333;
	text-decoration:	underline;			
	}

#produkte #pdfbox3 {
	float:				right;
	width:				200px;
	padding:			0;
	margin:				0;			
}


#table{
	float:				left;
	padding:			0;
	margin:				0;
	font-size:			11px;
	line-height:		120%;
	color:				#000;
	font-weight:		normal;			
}

#table h3{
	color:				#416699;
	font-size:			11px;
	line-height:		120%;
	font-weight:		bold;
	margin:				0;
	padding:			0 0 0 2px;			
}

#table h4{
	color:				#333333;
	font-size:			11px;
	line-height:		120%;
	font-weight:		bold;
	margin:				0;
	padding-bottom:		10px;			
}

#table h5{
	color:				#DA251D;
	font-size:			11px;
	line-height:		120%;
	font-weight:		normal;
	margin:				0;
	padding-top:		4px;			
}

#table a:link,
	#table a:visited,
	#table a:focus,
	#table a:active {
	height:				18px;
	margin:				0;
	font-size:			11px;
	line-height:		120%;
	color:				#000;
	font-weight:		bold;
	background:			url(../../images/pfeil.gif) no-repeat;
	padding-left:		10px;		
	}
	
	#table a:hover {
	text-decoration:	underline;
	color:				#333;			
	}
	
#table a:link.adobe,
#table a:visited.adobe,
#table a:focus.adobe,
#table a:active.adobe {
	margin:				0;
	padding:			0;		
	}
	


/* --- =secondaryContent --- */

#contentContainer #secondaryContent {
	float:				right;
	width:				186px;
}

/* --- =footer --- */

#footer {
	bottom:				0;
	clear:				both;
	font-size:			10px;
	color:				#666;
	height:				2.5em;
	padding:			0 0 0 40px;
	position:			absolute;
	width:				705px;
	z-index:			10;
}


/* --- presentational DIVs --- */

#fakeColumn1 {
	display:			none;
}

#fakeColumn2 {
	float:				right;
	background:			#E6E6E6;
	height:				100%;
	width:				186px;
	position:			absolute;
	right:				0;
	top:				0;
	z-index:			1;
}