/* 
##############################CSS Document ©2007 by www.makoweb.de##############################
###################created by MaKoWeb - Marcel Koch / E-Mail: mail@makoweb.de###################
*/

	html, body { height: 100%; }	
	
	body
	{
	margin: 0;
	padding: 0;
/*	background-color:#384454;*/
/*	background-image:url(../../images/bilder-layout/bg-streifen.gif);*/
/*	background-image:url(../../images/bilder-layout/bg_main.gif);	*/
/*	background-repeat:repeat;*/
/*	background-color:#e4e4e4;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
/*	background-color:#e4e4e4;*/
	background-color: #c4cbd7;
	text-align:center;
	}
	
	#container {
	margin: auto;
	margin-top: 1%;
	width: 995px;
	/*height:100px;*/
	text-align:left;
	background-color:#fff;
	font-size:12px;
	border: 1px solid #999999;
	}
	
	/*#box-ges {
	margin: auto;
	margin-top:0px;
	width: 995px;
	background: #fff;
	border: 1px solid #000;
	}*/

/* ################### DIV CONTENT ################### */


	#rechts-artikel-ges, #rechts-artikel-1, #rechts-artikel-2, #rechts-artikel-3 {
	float:right;
	width:159px;
	background-color:#fff;
	padding-bottom: 3px;			
	}
	

/* ################### OBEN ################### */

	#oben-ges {
	height:145px;
	padding-bottom: 3px;		
	}
	
		#oben-links {
		float:left;
		width:188px;
		background-color:#fff;
		padding-bottom: 3px;		
		}

		.oben-leer {
		float:left;		
		width:3px;
		height:145px;		
		background-color:#fff;
		padding-bottom: 3px;		
		}
		
		#oben-mitte {
		float:left;		
		width:641px;
		height:145px;
		text-align:left;
		background-color: #fff;
		padding-bottom: 3px;
		margin-left: 0;					
		}
		
		#rechts-artikel-1 {
		height:145px;
		background-image: url(../../images/layout/ski_webcam.jpg);
		background-repeat:no-repeat;		
		}
		
		.webcambild {
		padding:33px 0 0 0;
		}

/* ################### HEADNAVI ################### */
		
			
			#headnavi li {
			position: relative;
			top:-10px;
			left:-35px;
			margin-left: 0;			
			display: inline;
			padding: 0 4px 0 0;
			margin: 0 7px 0 0;
			list-style:none;
			/*border-right: 1px solid #333333;*/
			}
			
			#headnavi li a {
			font-size:10px;
			text-decoration: none;
			color:#707172;	
			}
			
			#headnavi li a:hover {
			font-size:10px;
			text-decoration: underline;
			background-color:#eeeeee;
			color: #707172;
			}
			
			.linie-klein {
			font-size:8px;
			}
			
			.mainbut {
			padding-right:4px;
			}

			
		



/* ################### MITTE ################### */

	#mitte-ges {
	background-color:#fff;
	}
	
		#mitte-links {
		float:left;
		width:188px;
		height:205px; 
		/*background-color:#fff;*/
		padding-bottom: 3px;
		background-image: url(../../images/layout/verlauf_blau.jpg);
		background-repeat:no-repeat;		
		}

		.mitte-leer {
		float:left;		
		width:3px;
		height:205px;		
		background-color:#fff;
		padding-bottom: 3px;
				
		}
		
		#mitte-mitte {
		float:left;		
		width:641px;
		height:205px;
		text-align:center;
		background-color:#fff;
		padding-bottom: 3px;		
		}
		
		
		#mitte-mitte bodytext {
		padding-left: 8px;
		line-height: 1.4;
		color: #393939;
		font-size:12px;
		}
		
		
		#rechts-artikel-2 {
		height:205px;
		}

		


/* ################### CONTENT ################### */

	#cont-ges {
	background-color:#fff;
	}
	
		#cont-links {
		float:left;
		width:188px;
		background-image: url(../..//images/layout/bg_navi.gif);
		background-repeat:no-repeat;
		background-repeat:repeat-x;
		/*background-color:#fff;*/
		height:641px;
		}

		.cont-leer {
		float:left;		
		width:3px;
		height:641px;
		background-color:#fff;
		}
		
		#cont-mitte {
		float:left;		
		width:641px;
		text-align:center;
		background-color: #fff;
		text-align:left;			
		}
		
		#content-box {
		padding: 0 20px 0 30px;
		}
		
		#content {
		padding: 10px;
		}
		
		#rechts-artikel-3 {
		height: 641px;
		background-image: url(../../images/layout/bg_aktuelles.gif);
		background-repeat:no-repeat;
		padding: 35px 0 0 0;
		}
		
		.newsartikel {
		padding: 5px 5px 0 5px;
		}


/* ################### CONTENT ################### */

	#footer {
	width:990px;
	background-color:#2b56a6;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	padding: 3px;
	}
	
	#footer a {
	color: #fff;
	text-decoration:none;
	}
	
	#footer a:hover {
	color: #fff;
	text-decoration:underline;
	}


/* ################### HEADER ################### */

	h2 {
	font-size:17px;
	border-left: 12px solid #2b56a6;
	border-bottom: 1px solid #6a88c1;
	padding-left: 8px;
	margin-bottom: 25px;
	}
	
	h3 {
	font-size:12px;
	border-left: 8px solid #2b56a6;
	padding-left: 8px;
	margin-bottom: 25px;	
	font-weight:bold;
	border-bottom: 1px solid #6a88c1;		
	}

	h4 {
	font-size:16px;
	border-top: 1px solid #2b56a6;
	border-bottom: 1px solid #2b56a6;	
	/*font-weight:bold;*/
	padding: 3px 0 0 0;
	}
	
	h5 {
	font-size:12px;
	border-left: 0px solid #2b56a6;
	padding-left: 0px;
	/*margin-bottom: 25px;	*/
	font-weight:bold;
	border-bottom: 1px solid #6a88c1;		
	}
	
	
/*############################ Links ############################ */

	a:link {
		color: #353535;
		text-decoration: none;
	}
	
	a:visited {
		color: #353535;
		text-decoration: underline;
	}
	
	a:hover {
		color: #353535;
		text-decoration: none;
	}
	
	a:active {
		color: #353535;
		text-decoration: none;
	}
	

/*############################ Links edit ############################ */
	
	li a:link {
		color: #353535;
		text-decoration: none;
		list-style:none;
	}
	
	li a:visited {
		color: #353535;
		text-decoration: none;
		list-style:none;
	}
	
	li a:hover {
		text-decoration: none;
		background-color:#2b56a6;
		list-style:none;
		color: #ffffff;
	}
	
	li a:active {
		color: #353535;
		text-decoration: none;
		list-style:none;
	}


/*############################ LISTE ############################ */

	
	ul
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom: 10px;
	list-style: square;
	}

	

	/*.csc-textpic-text li
	{
	list-style:url(../../images/bilder-layout/list_aus.gif);
	padding: 5px 0 0 0;
	}

	li
	{
	list-style:url(../../images/bilder-layout/list_aus.gif);
	padding: 5px 0 0 0;
	}*/
	
	


/* ################### SUBNAVI ################### */


	#navlist
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0 10px 0 0;
	list-style-type:none;
	text-decoration:none;
	text-align:right;
	}
	
	.normal {
	border-bottom: 1px solid #242424;
	padding: 5px;
	text-decoration:none;
	}
	
	.activ {
	border-bottom: 1px solid #242424;	
	padding: 5px;
	text-decoration:none;
	color:#fff;
	background-color:#2b56a6;		
	}
	
	#navlist a
	{
	display:block;	
	text-decoration:none;
	color:#242424;
	}
	
	#navlist a:hover
	{
	text-decoration:none;
	color:#fff;
	background-color:#2b56a6;
	}
	
/* ################### SUBNAVI 2. Ebene ################### */
	
	#navlist2
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	list-style-type:none;
	text-decoration:none;
	text-align:right;
	color:#e4e4e4;
	}
	
	.normal2 {
	border-bottom: 1px solid #fff;
	padding: 0 2px 5px 5px;
	text-decoration:none;
	}
	/*
	.activ {
	border-bottom: 1px solid #242424;	
	padding: 5px;
	text-decoration:none;
	color:#fff;
	background-color:#2b56a6;		
	}
	
	#navlist a
	{
	display:block;	
	text-decoration:none;
	color:#242424;
	}
	
	#navlist a:hover
	{
	text-decoration:none;
	color:#fff;
	background-color:#2b56a6;
	}*/
	
/* ################### TT Content überschreiben ################### */

	
	.csc-frame-frame1 {
	/*background-color: #ececec ;*/
	/*border: 1px solid #a7a7a7;*/
	width: 80%;
	background-color: #eeeeee;
	border: 1px solid #cdcdcd;
	padding: 6px;
	}
	
	.detail {
	font-size:9px;
	color: #333333;
	padding: 0 0 0 0px;
	}
	
	.csc-textpic-caption {
	font-size:9px;
	/*color: #666666;*/
	color: #666;
	background-color: #f3f3f3;
	width: 100%;
	padding: 5px 0 5px 0;
	}
	
	.bodytext {
	padding-left: 8px;
	line-height: 1.4;
	color: #000000;
	font-size:12px;
	}
	
	/*.csc-textpic-imagewrap {*/
	.csc-textpic-image {
	border: 1px solid #2b56a6;
	margin-left: 25px;
	}
	
	.csc-textpic-left {
	margin-left: 8px;
	}
	

/* ################### Tabellen ################### */

	.contenttable {
	width:100%;
	margin:0px auto;
	background-color:#eeeeee;
	color:#000;
	font-size:1em;
	line-height:1.3em;
	border-spacing:0pt;
	border:1px solid #000;
	text-align:right;
	border-spacing:3px;
	empty-cells:hide;		
 	}
 
 	td {
	height:2em;
	border: 0px;
	}
	
	th {
	font-weight:bold;
	border: 0px;
/*	color:#000000;
	background-color: #d9daec;*/
	color:#FFFFFF;
	background-color:#2b56a6;
	}
	
	.tab {
	border: 0px;
	background-color:#f5f5f5;
	}

	
	.tab1 {
	border: 0px;
	background-color:#21417d;
	}
	
	.tab2 {
	border: 0px;
	background-color: #2b56a6;
	}

	.tab6 {
	border: 0px;
	background-color: #e4e4e4;
	}

	.tab7 {
	border: 0px;
	background-color: #f6f6f6;
	}

	
	.kopf2 {
	background-color:#21417d;
	}
	
	.th-leer {
	background-color: #e4e4e4;
	}

	.td-leer {
	background-color: #eeeeee;
	}
	
	.td-huette {
	background-color: #FFFFFF;
	color:#000000;
	text-align:left;
	width:1px;
	}
	
	.td-huette-leer {
	background-color: #eee;
	color:#000000;
	text-align:left;
	width:10px;
	}
	
	.webcam {
	border: 1px solid #666666;
	}
	
	

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */