/* CSS Document */




* { 

    margin: 0; 
    padding: 0;
}
	
body {
	
    position:absolute;
    width:100%;
    height:100%;
}

.backgroundimage {

	position:fixed;
	top: 0;
	left: 0;
	border: 0;
	z-index: -1;
	height: 100%;
	overflow: visible;
}

	
#wrapper_one { 

	width: 100%;
	height: 50%;
}


#wrapper_two{ 

	width: 100%;
	height: 300px;		/* wrapper_two ist mit dem horizontalen content balken identisch - wegen einer optischen täuschung aber 30px dünner */
	
}

#wrapper_three{ 

	width: 100%;
}


#box_top_left {
	
	float:left;
	height: 100%;
	width:70%;
	margin:0;
	padding:0;	
}

#box_top_left_content {
	
	margin-right:165px; 	/* Halbe width von vertikal evtl. padding beachten */
	padding-top:0;  
	padding-right:10px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	height: 100%;
	text-align:right;
	position:relative;
}

#logo {
	
	cursor:pointer;
	
}

#box_top_right {
	
	float:right;
	height:100%;
	width:30%;
	margin:0;
	padding:0;	
}

#box_top_right_content {
	
	margin-left:164px;		/* Halbe width von vertikal evtl. padding beachten */
	padding:0px; 
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	height: 100%;
	position: relative;
	
} 

#vertikal {
	position:fixed;
	margin:0 auto;
	left:70%;
	margin-left:-165px;		/* Halbe width von vertikal evtl. padding beachten */
	width:330px;
	height:100%;
	background-image: url(../images/white_trans_pxl.png);
	background-repeat: repeat;
	
}

#box_middle_left {
	position:relative;
	float:left;
	height:100%;
	width:70%;
	margin: 1px 0 1px 0;
	
	
}

#box_middle_right {
	position:relative;
	float: right;
	margin: 1px 0 1px 0;
	height:100%;
	width: 30%;
	
}

#scherenschnitt {
	
	margin-left:164px;		/* Halbe width von vertikal evtl. padding beachten */
	padding: 0px;	
	height: 100%;
	background-image: url(../images/white_trans_pxl.png);
	border-bottom: 1px solid black;
	background-repeat: repeat;
	
	
}
	
#box_middle_left_content {
	
	margin-right:165px; 	/* Halbe width von vertikal evtl. padding beachten */
	padding:0;
	height: 100%;
	background-image: url(../images/white_trans_pxl.png);  
	border-bottom: 1px solid black;
	background-repeat: repeat;
	
	
}
	
#box_bottom_left {
	
	float:left;
	height: 100%;
	width:70%;
	margin:0;
	padding:0;
	
}


#box_bottom_right {
	
	float:right;
	height:100%;
	width:30%;
	margin:0;
	padding:0;
	
}

#bottom_middle {
	
	position:fixed;
	margin:0 auto;
	left:70%;
	margin-left:-166px;		/* Halbe width von vertikal evtl. padding beachten */
	width:330px;
	margin-top: 2px;			
	height:100%;
	border-left: 1px solid black;
	border-right: 1px solid black;
	
	
}

#ajaxcontent {
	
	width:100%;
	position:absolute;
	z-index: 8;
	margin-top: 1px;
	padding-top: 10px;
	overflow:hidden;
	height: 290px;
	
}

/*Hier beginnen Klassen für die Gestaltung des Inhalts*/

#navi {
	
	margin-left: 10px;
	margin-top: 40px;
	
	width:110px;
	float:left;

	
}

.subnavi {
	
	
	margin-top: 40px;
	display:none;
	float:left;
	width: 210px;
	
	
	
}

.subsubnavi {
	
	position:absolute;
	margin-top: 40px;
	width: 130px;
	margin-left: 80px;
	display:none;
	float: right;
	


	
}

.naviplus {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.5em;
	font-weight: bold;
	color: #000;
	color:#C00;
	line-height: 1em;
	text-transform: uppercase;
}


a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}



a:hover {
	
	color: #C00;
	
}

.redclass { color: #C00; }