/*************************************************************************************
**************************************************************************************
	
	CSS-Definitionen der Public-Pages
	
	Farbpalette:
	- Weiss						:	white
	- Schwarz					:	black
	- Eisblau (auf braun) 		:	#9eedf9
	- Eisblau (auf weiss)		:	#4bcadd
	- Dunkelbraun				:	#493f0b
	
	Inhaltsverzeichnis:
	- Layout DomŠnen via HTML-TAGs
	- Layout DomŠnen via CLASS
	- header Definitionen
	- middler Definitionen
	- content Definitionen fŸr Listen
	- content Definitionen fŸr Details
	- footer Definitionen
	
*************************************************************************************
*************************************************************************************/






/*************************************************************************************
	Layout DomŠnen via HTML-TAGs 
*************************************************************************************/
body {
	padding: 0;
	margin: 0;
	background-color: white;
	
	font-family: Helvetica;
	color: #493f0b;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: normal;
	}

p {
	margin: 0;
	padding: 0;
	
	font-size: 1em;
}

h1 {
	margin: 0;
	padding: 0;
	
	text-transform: uppercase;
	
	font-size: 1em;
	font-weight: normal;
	color: #493f0b;
}

a:link {
	color: #4bcadd;
	text-decoration: underline;
}

a:visited {
	color: #4bcadd;
	text-decoration: underline;
}

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

a:active {
	color: white;
	background-color: #4bcadd;
	text-decoration: none;
}







/*************************************************************************************
	Layout DomŠnen via CLASS 
*************************************************************************************/
.type_title {
	color: #4bcadd;
	text-transform: capitalize;
}

.pic_text {
	margin: 0;
	padding: 1px;
	
	/* height: 11px; !!! height darf wegen des IE 6 an dieser Stelle nicht notiert werden
					     Man kann aber davon ausgehen, dass die Schrift 11px benštigt */
	
	font-size: 9px;
}

.flow_stopper {
	clear:both
}






/*************************************************************************************
	pic_viewer Definitionen
*************************************************************************************/
#pic_viewer_dimmer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: black;
	opacity: 0.65;
	filter: alpha(opacity=65);
	z-index: 2;
}

#pic_viewer_box {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
}

	.pic_viewer_frame {
		padding: 7px 10px 10px 10px;
		margin: 0;
		background-color: white;
	}
	
		.pic_viewer_handle {
			padding: 0 0 9px 2px;
			font-size: 15px;
			background-color: white;
		}
	
			.pic_viewer_buttons {
				cursor: pointer;
			}
			
			.pic_viewer_buttons:hover {
				color: #4bcadd;
			}




/*************************************************************************************
	header Definitionen
*************************************************************************************/
#header {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 250px;

	text-align: left;
	
	background-color: #493f0b;
	background-image: url(pub_pictures/head_example4.gif);
	background-repeat: repeat;
}

	#logo {
		float: right;
		margin: 20px 40px 0 0;
	}
	
	
	* html #logo {		/* TAN-Hack fŸr IE 6 und 5.5 */
		margin: 20px 20px 0 0;
	}
	
	#address {
		position: absolute;
		float: left;
		margin: 20px 0 0 20px;
		padding: 0;
		
		color: #9eedf9;
		font-size: 9px;
		text-transform: lowercase;
	}
	
		#address a:link {
			color: #9eedf9;
			text-decoration: none;
		}
		
		#address a:visited {
			color: #9eedf9;
			text-decoration: none;
		}
		
		#address a:hover {
			color: white;
			text-decoration: underline;
		}
		
		#address a:active {
			color: #493f0b;
			background-color: #9eedf9;
			text-decoration: none;
		}
	
	#navigation {
		position: absolute;
		float: left;
		margin: 180px 0 0 11px;
		padding: 0;
		
		text-transform: uppercase;
	}
	
		#navigation a:link {
			color: white;
			text-decoration: none;
		}
		
		#navigation a:visited {
			color: white;
			text-decoration: none;
		}
		
		
		#navigation a:hover {
			color: #9eedf9;
			text-decoration: none;
		}
		
		#navigation a:active {
			color: #493f0b;
			background-color: #9eedf9;
			text-decoration: none;
		}






/*************************************************************************************
	middler Definitionen
*************************************************************************************/
#middler {
	margin: 0;
	padding: 30px 0 0 0; 		/* Abstand zwischen Header und Middler */
	
	text-align: left;
}






/*************************************************************************************
	content Definitionen fŸr Listen
*************************************************************************************/
	.content_element {
		margin: 0 0 30px 0;		/* vertikaler Abstand der Content Elemente untereinander */		
		padding: 0;
		
		height: 115px; 			/* entspricht der Hšhe eines Bildelementes mit Bildunterschrift.
								   SIEHE .pic_element weiter unten */
		overflow: hidden;	
		
		cursor: pointer;
	}
	
		.title_box {
			float: left;
			width: 400px;
			
			margin: 0;
			
			height: 115px;		/* entspricht der Hšhe eines Bildelementes mit Bildunterschrift.
								   SIEHE .pic_element weiter unten */
		}
		
			.title {
				margin: 0 20px 0 20px;	/* Horizontale AbstŠnde der Titel */
			}

	.pic_element {
		float: left;

		margin: 0 7px 0 0;		/* Horizontaler Abstand der Bilder zueinander */
		padding: 0;
		
		height: 115px; 			/* entspricht MINDESTENS (IE Problem)
						 		   der Einstellung fŸr die Bildhšhe + Hšhe der Bildunterschrift */

		vertical-align: top;
	}
		
		.clickable_pic {
			cursor: pointer;
		}
	
	.news_text {
		margin: 0 0 0 40px;
		padding: 0;
		
		width: 400px;
		
		vertical-align: top;
		font-size: 11px;
		
		overflow: hidden;
	}


	#content_table {
		margin: 0;
		padding: 0;
		
		border-style: none;
		border-width: 0;
		border-spacing: 0;
	}
	
		#content_table tr {
			margin: 0;
			padding: 0;
			
			border-width: 0;
		}
		
		#content_table tr td {
			margin: 0;
			padding: 0 0 30px 0;
			
			border-width: 0;
			
			vertical-align: top;
		}



/*************************************************************************************
	content Definitionen fŸr Details
*************************************************************************************/
	
	.project_desc_box {
		float: left;
		margin: 0;
		padding: 0;
		
		width: 400px;
		
		color: #493f0b;
	}
	
		.project_desc_title {
			margin: 0;
			padding: 0 20px 0 20px;
			
			text-transform: uppercase;
		}
		
		.project_desc_specs {
			margin: 0;
			padding: 20px 20px 0 20px;
		}
		
			.project_desc_specs_head {
				color: #9eedf9;
				text-transform: lowercase;
			}
		
		.project_desc_text {
			margin: 0;
			padding: 20px 50px 0 20px;
			
			font-size: 10px;
		}

	.project_pic_box {
		margin: 0;
		padding: 0 0 0 400px;	
	}
	
		.project_pic_element {
			float: left;
			margin: 0;
			padding: 0 7px 30px 0;
		}
		





/*************************************************************************************
	footer Definitionen
*************************************************************************************/
#footer {
	margin: 20px 0 0 0;
	padding: 5px;
	text-align: left;
	background-color: transparent;
}