@CHARSET "UTF-8";

/* Basic CSS für Temlates */

#main-wrapper{
	width:980px;
	overflow:hidden;
	margin:0 auto 0 auto;	
}

.page-wrapper, site-wrapper, cell-wrapper {	/* Wrapper um eine Zeile mit mehreren Spalten */
		clear: both;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.page-wrapper{
		width: 980px; 				/* Standardwert für restliche Browser */
	}
	
	.site-wrapper{
		width: 956px; 				/* Standardwert für restliche Browser */
	}
	
	.cell-wrapper{
		width: 605px; 
	}
	
	.margin-bottom{
		border-bottom:3px solid white;
	}
	
	.cell-margin-bottom{
		border-bottom:16px solid white;
	}

	.page-left, .page-middle, .page-right,	.page-middle-right, .page-middle-left, .site-left, .site-middle, .site-right, .site-middle-right, .site-middle-left, .cell-left, .cell-middle, .cell-right,	.cell-middle-right, .cell-middle-left{ /* Hintergrundflächen für automatische Höhenanpassung */
		float: right;
		position: relative;
	}
	
	.col1, .col2, .col3, .col4, .cell1, .cell2, .cell3, .cell4 { /* Inhalsboxen */
		float: left;
		position: relative;
		overflow: hidden;
	}

/* 3 Spalten Layout, im Verhältnis 1:2:1 */

.shadow {
	/*background: #FFF;*/
}
	.shadow .page-middle {
		right: 12px;					
	}
	
	.shadow .page-left {
		right:956px;	
	}
	
	.shadow .col1 {
		width: 956px;				
		left: 980px;
	}
	.shadow .col2 {
		width: 12px;				
		left: 12px;	
	}
	.shadow .col3 {
		width: 12px;			
		left: 968px;
	}
	

.threecol {
	overflow:hidden;
	float:left;
}
	.threecol .site-middle {
		right: 155px;
		border-right: 3px solid #FFF;
	}
	
	.threecol .site-left {
		right:625px;	
		border-right: 3px solid #FFF;
	}
	
	
	.threecol .col1{
		width: 625px;				
		left: 953px;				
	}
	.threecol .col2 {
		width: 170px;				
		left: 155px;				
	}
	.threecol .col3 {
		width: 155px;			
		left: 786px;									
	}


.fullpage {
	overflow:hidden;
	float:left;
}
	.fullpage .col1 {
		width: 956px;			
		left: 0px;
	}



/*-----------------Templates für den Content ---------------------*/

.onecell {
	overflow:hidden;
	float:left;
}
	.onecell .cell1 {
		width: 605px;			
		left: 0px;
	}


.twocell {
	overflow:hidden;
	float:left;
}
	.twocell .cell-left {
		border-right: 10px solid #FFF;
		right: 298px;				
	}
	.twocell .cell1 {
		width: 297px;				
		left: 298px;				
	}
	.twocell .cell2 {
		width: 298px;				
		left: 308px;				
	}


.threecell {
	overflow:hidden;
	float:left;
}
	.threecell .cell-middle {
		right: 195px;					
		border-right: 10px solid #FFF;
	}
	
	.threecell .cell-left {
		right:195px;
		border-right: 10px solid #FFF;
	}
	
	
	.threecell .cell1 {
		width: 195px;				
		left: 595px;				
	}
	.threecell .cell2 {
		width: 195px;				
		left: 195px;				
	}
	.threecell .cell3{
		width: 195px;			
		left: 410px;									
	}

.fourcell {
	overflow:hidden;
	float:left;
}
	.fourcell .cell-middle-right {
		right: 143px;					
		border-right: 11px solid #FFF;
	}
	
	.fourcell .cell-middle-left {
		right: 143px;					
		border-right: 11px solid #FFF;
	}
	
	.fourcell .cell-left {
		right:143px;
		border-right: 11px solid #FFF;
	}
	
	
	.fourcell .cell1 {
		width: 143px;				
		left: 583px;				
	}
	.fourcell .cell2 {
		width: 143px;				
		left: 286px;				
	}
	.fourcell .cell3{
		width: 143px;			
		left: 605px;
	}
	
	.fourcell .cell4{
		width: 143px;			
		left: 308px;									
	}