/*
//	default style sheet
//	___________________
//
//	Authors:
//
//	bea wuergler : neuweiss - visuelle kommunikation
//	Contact: bea.wuergler [-AT-] neuweiss [-D0T-] ch
//
//	copyright 2007 - all rights reserved
*/



/*----------------------------------------------------*/
/* seitenlayout allg */
/*----------------------------------------------------*/
html { 
  padding:0px;
  margin:0px;
}

body {
 	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
}


.wrapper {
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	height:1800px;
}


/*----------------------------------------------------*/
/* header mit logo */
/*----------------------------------------------------*/

.header {
	position: fixed;	
	width:100%;
	height:70px;
	top:0px;
	left:0px;
	background-color: #333;
	z-index:20;
	
	
}

.logo {
	position:fixed;
	top:0px;
	left:30px;
	width:250px;
	height:150px;
	z-index:30;
	background-image:url(../images/logo.gif);
	background-repeat: no-repeat;
}





/*----------------------------------------------------*/
/* mainmenu 1. ebene */
/*----------------------------------------------------*/

.mainmenu {
	position:fixed;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 100%;
	height: 25px;
	top: 40px;
	padding: 0px;
	margin: 0px;
	text-align:right;
	z-index:20;
}

ul.mainnav {
	list-style:none; 
	margin:0px;
	padding:0px;
}
		
ul.mainnav li {
	display:inline;
	list-style:none;
	padding:0px;
	margin: 0px 10px 0px 0px;
}

ul.mainnav li a {
	margin: 0px 0px 0px 0px;
	padding: 43px 10px 15px 10px;
	font-size:12px;
	text-decoration:none;
	color:#fff;
}

ul.mainnav li a:hover {
	text-decoration:none;
	background-color: #666;
	padding: 43px 10px 15px 10px;
}

ul.mainnav li .active {
	text-decoration:none;
	color:#ff6600;
}



/*----------------------------------------------------*/
/* submenu 2. ebene */
/*----------------------------------------------------*/
.submenu {
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:100;
	text-align:left;
	line-height:25px;
}


ul.subnav {
	list-style:none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:240px;
}
		
ul.subnav li {
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #333;
}

ul.subnav li a {
	margin:0px;
	padding: 0px 0px 0px 0px;
	font-size:13px;
	text-decoration:none;
	color:#333;
}

ul.subnav li a:hover {
	text-decoration:none;
	color:#ff6600;
}

ul.subnav li .active {
	text-decoration:none;
	color: #ff6600;
	font-weight:normal;
}



/*----------------------------------------------------*/
/* inhalt wrapper */
/*----------------------------------------------------*/
.mainimage{
	position:fixed;
	left: 0px;
	top:70px;
	background-color: #fff;
	z-index:1;
}


.content_left{
	position:relative;
	top:170px;
	left:30px;
	z-index:10;
	height:100%;
}

.content_right{
	position:relative;
	height:100%;
}


.image {
	position:relative;
	top: 0px;
	width:100%;
	height:400px;
}


.image_klein {
	position:relative;
	top: 15px;
	float:right;
	z-index:20;
	margin: 0px 18px 0px 0px;
}


.image_text {
	margin: 15px 0px 10px 20px;
	width:250px;
	height:150px;
}



.legende {
	line-height: 12px;
	font-size:10px;
	margin: 0px 0px 10px 20px;
	width:250px;

}



/*----------------------------------------------------*/
/* inhalt spalte */
/*----------------------------------------------------*/
.content_big{
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top: 0px;
	left: 300px;
	width:600px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:10;
	
	
}


.content_spalten{
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top: 0px;
	left: 300px;
	width:750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:10;
}

.content_spalte_1{
	float:left;
	top: 25px;
	left: 0px;
	width:360px;

}

.content_spalte_2{
	float:left;
	top: 25px;
	left: 0px;
	width:350px;

}





/*----------------------------------------------------*/
/*	Links andere Farbe*/	
/*----------------------------------------------------*/

.boxout {
	text-decoration:none;
	color:#e64620;
	font-weight: normal;
}

.boxout li a {
	text-decoration:none;
	color:#ccc;
	font-weight: normal;
}



.boxout  li a:hover {
	text-decoration:none;
	color:#ccc;
	font-weight: normal;
}



p {
	line-height: 20px;
	font-size:12px;
	margin-bottom:20px;
	
}



a:link {
	text-decoration:none;
	color:#ff6600;
} 

a:hover {
	text-decoration:none;
	color:#333;
	
} 

.hilite {
	color: #333;
	font-weight: bold;
}






/*---------------------------------------------------*/
/* liste*/
/*----------------------------------------------------*/

.ul {
	list-style-type: square;
	padding-left: 15px;
	margin: 10px 0px 0px 0px;
	line-height: 18px;
	width:620px;
}


.ul li a {
	text-decoration:none;
	color:#ff6600;
} 

.ul  li a:hover {
	text-decoration:none;
	color:#333;
	
}

.ul_content {
	list-style-type: none;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	line-height: 18px;
	position: relative;
	left: 0px;
	width:620px;
}

.ul_content_follow{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	position: relative;
	left: 0px;
	width:620px;
}

.ul_content_2 {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	line-height: 18px;
	position: relative;
	width:620px;
}

/*---------------------------------------------------*/
/* tabelle*/
/*----------------------------------------------------*/

.datatable {
	border-collapse: collapse;
	width: 570px;
	line-height: 16px;
	table-layout: auto;
	
}


.datatable td {
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-spacing: 10px;
	vertical-align:top;
	
}

.datatable th {
	border: 1px solid #0055A6;
	background-color: #0055A6;
	font weigth: bold;
	text-align: left;
	padding-left: 4px;
}


.datatable caption {
	background-color: #0055A6;
	font weigth: bold;
	text-align: left;
	padding-left: 3px;
	padding-bottom: 8px;
}

.datatable tr. altrow {
	background-color: #0055A6;
	width: 20%;
}

.span {
	width: 620px;
	height:20px;
}





/*----------------------------------------------------*/
/* fuss */
/*----------------------------------------------------*/

#footer {
	position:fixed;
	bottom:0px;
	background:#ff6600;
	padding:0px;
	width:100%;
	height: 160px;
	z-index:10;
	
	
}



#footer p {
	font-size:10px;
	text-align: center;
	color:#333;
	
}

.footer a:link {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: none;
}

/*----------------------------------------------------*/
/* text */
/*----------------------------------------------------*/


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold; 
	margin-bottom:0px; 
	margin-top:0px;
	font-size:15px;
	color:#333;
}


h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; 
	color:#333;
	margin-bottom:5px; 
	margin-top:5px;

}