/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Seiten-Container

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#container {
	background: url(../images/bg_main.png) repeat-y;
	margin: 0px 0px auto;
	padding: 0px 0px 0px 0px;
	width: 850px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

   Schatten oberhalb der Seite

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#title_shadow {
	background: url(../images/shadow_top_bg.png) repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 50px solid #FFFFFF;
	border-right: 50px solid #FFFFFF;
	height: 25px;
}

#title_shadow_left {
	background: url(../images/shadow_corner_11.png) no-repeat;
	float: left;
	position: relative;
	width: 50px;
	margin: 0px 0px 0px -50px;
	padding: 0px 0px 0px 0px;
	height: 25px;
}

#title_shadow_right {
	background: url(../images/shadow_corner_12.png) no-repeat;
	float: right;
	position: relative;
	width: 50px;
	margin: 0px -50px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 25px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Hauptseitendefinition mit Schatten links und rechts

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#main {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
}

#main_spalten {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 25px;
	border-right: 25px;
}

#main_shadow_left {
	background: url(../images/shadow_left.png) no-repeat;
	float: left;
	position: relative;
	width: 25px;
	height: 596px;
	margin: 0px 0px 0px -25px;
	padding: 0px 0px 0px 0px;
}

#main_shadow_right {
	background: url(../images/shadow_right.png) no-repeat;
	float: right;
	position: relative;
	width: 25px;
	height: 596px;
	margin: 0px -25px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Die 2 Hauptspalten

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#main_site {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 5px;
}

#main_left {
	float: left;
	position: relative;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main_right {
	float: right;
	position: relative;
	width: 525px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Die Linke Spalte mit Logo und Navigation

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#main_left_logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main_left_menu {
	height: 191px;
	background: url(../images/left_menu_bg.png) no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main_left_service {
	height: 191px;
	background: url(../images/left_service_bg.png) no-repeat;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Die Subnavigation in der Titelleiste und die Titelnaviagtion in der rechten Spalte

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 


#main_right_submenu {
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main_right_titlenavig {
	height: 15px;
	background-color: #1E1E1E;
	margin: 5px 0px 0px 0px;
	padding: 1px 5px 1px 0px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Der Inhaltsbereich in der rechten Spalte

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#main_content {
	height: 532px;
	background-color: #FFFFFF;
	margin: 5px 0px 5px 0px;
	padding: 10px 10px 20px 10px;
}

/* Das gleiche nochmals (CSS-Hack) */
html>body #main_content { 
	height: auto;
	min-height: 532px;
	background-color: #FFFFFF;
	margin: 5px 0px 5px 0px;
	padding: 10px 10px 20px 10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Die Fusszeile

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#main_footer {
	clear: both;
	background-color: #1E1E1E;
	text-align: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Der Schatten unterhalb der Seite

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

#footer_shadow {
	clear: both;
	background: url(../images/shadow_bottom.png) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 25px solid #FFFFFF;
	border-right: 25px solid #FFFFFF;
	height: 25px;
}

#footer_shadow_left {
	background: url(../images/shadow_corner_21.png) no-repeat;
	float: left;
	position: relative;
	width: 25px;
	height: 81px;
	margin: -56px 0px 0px -25px;
	padding: 0px 0px 0px 0px;
}

#footer_shadow_right {
	background: url(../images/shadow_corner_22.png) no-repeat;
	float: right;
	position: relative;
	width: 25px;
	height: 81px;
	margin: -56px -25px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

    Sonstiges

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}