/*verwendete Farben
Grün = #C7CA21
Dunkelgrün #AAAC1D

*/

body {
	word-spacing:2px;
	color:#444;
	margin:0px;
	background-image: url(pix/hg_verlauf.jpg);
	background-repeat: repeat-x;
	background-color: #e2ebc0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size: 78.5%;
	line-height: 1.6em;
}

* {
	margin:0px;
	padding:0;
	
}

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

#wrapper {
	background:#FFFFFF;
	max-width:900px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:760px;
	margin:0 auto;
}

* html #wrapper
{
	w\idth: expression(document.documentElement.clientWidth > 900 ? "900px" : "auto");
}

#header {
	padding:0;
	margin: 0 30px 0 0;
}

#header h1 {
	color:#F90069;
	font:230% Arial;
	letter-spacing:-1px;
	text-transform:uppercase;
}
#header h1 a {
	color:#f90069;
	text-decoration:none;
}

#header h2 {
	color:#aaa;
	font:140% Arial;
	text-transform:uppercase;
}


.clear {
	clear:both;
}


/*_____________link mit Bild______________*/
.linkbild {
 color:#6C8C37;
 text-decoration:none;
 font-weight:normal; 
 background: transparent url(pix/links_yellow.gif) no-repeat 0% 50%;
 padding-left:15px;
}
/*linkbild hovert in tbl so*/
tbody td a:hover, tbody th a:hover {
 color:#009193;
 text-decoration:none;
}



.menu {
background:#EE7530;
	height:50px;
}

#menu form {
	float:left;
	margin:15px 0 0 22px;
	}

.auswahl {
	background-color:#EEEEEE;
	width:200px;
}

.floatright {
float:right;
}
.floatleft {
float:left;
}


ul#nav {
	
}

ul#nav li {
	list-style:none;
	float:left;
	height:50px;
	
}

.clear {
	clear:both;
}

ul#nav li a {
	height:40px;
	background:url(pix/nav_a.jpg) top repeat-x #C7CA21;
	display:block;
	width:140px;
	padding:5px;
	border-right:1px solid #fff;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font:90% Verdana;
	
}

ul#nav li a:hover {
	background:url(pix/nav_a_hover.jpg) bottom repeat-x #C7CA21;
}

ul#nav li a em {
	font-style:normal;
	text-decoration:underline;
}

/*_____________Sidebar______________*/

#sidebar {
	width:296px;
	float:right;
	margin:22px 0 0 6px;
	background-color: #EEEEEE;
	background-image: url(file:///intern/Projekte/alto/pix/sidebar.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#sidebar h1{
	font:160% Arial;
	color:#008ACC;
	margin:0 0 5px 0;
	padding:15px;
	background:url(pix/h2.gif) top repeat-x;
	letter-spacing: 0.1em;
}


#sidebar p {
	padding:10px 20px;
	margin:0 0 10px 0;
	font-size:90%;
}
#sidebar p img {
	margin:5px 10px 0 0;
}


.bildlinks {
float:left;
border:2px solid #008ACC;
}
.bildrechts {
float:right;
border:none;
text-decoration:none;
}



#sidebar p.first {
	padding:0 20px 20px 20px;
	font-size:110%;
}

#sidebar h2 {
	font:150% Arial;
	color:#008ACC;
	border-bottom:1px solid #ccc;
	margin:10px;
}

#sidebar h3 {
	font:90% Verdana;
	text-transform:uppercase;
	margin:0 10px;
	color:#333;
	letter-spacing:1px;
	font-weight:bold;
}

#sidebar ul,ol {
	margin:0 0 0 30px;
	padding:5px;
}

#sidebar ul li {
	padding:3px;
}

/*_____________CONTENT______________*/

#content h2 a {
	color:#EE7530;
	text-decoration:none;
}


#content h3 {
	font:140% Trebuchet MS;
	color:#444;
	margin:15px 15px;
}

#content h4 {
	color:#666666;
	margin-top:-9px;
	font-size:9px;
}

/*_____________nachoben______________*/
#content h5 {
	color:#6C8C37;
	text-decoration:none;
	font-weight:normal;
	background: transparent url(pix/nachoben.gif) no-repeat right center;
	padding-right:15px;
	margin-top:22px;
	text-align: right;
}


blockquote {
	margin:0 0 0 20px;
	border-left:2px solid #ccc;
}

#content ul {
margin:0 0 0 20px;	
}
#content li {
	padding:0 0 9px 0;
	line-height:27px;
	background-image: url(pix/arrow.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: 39px;
	background-position: 0 3px;

}



#footer {
	margin:30px 0;
	border-top:2px solid #eee;
	padding:20px;
	font:90% Verdana;
	color:#999;
}

#footer a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

/**********Beginn Form****************/
#content form {
  padding:10px;
  margin:20px;
	border:1px solid #ccc;
	background:#FFFFFF;
	
}

#content label, input, select { /* Alle Labels UND Formularelemente ausw?hlen */
  display: block;
  float: left;
  width: 130px;
}
#content textarea {
display:block;
float:right;
  width: 250px; /* Breite.*/
  margin-bottom: 1em;
}




#content form br { /* Alle Zeilenumbr?che in Formularen ausw?hlen deshalb hinter jeder formularzeile ein break */
  clear: left; /* das floating der labels und inputs aufheben */
  
}


#content label { /*Abstand zwischen den Labels und den Feldern*/
 text-align: right; 
 padding-right: 1em; 
  padding-bottom: 1em; 
}
#thema label{
text-align: left; 
}

#content fieldset {
	border: 1px solid #C7CA21;
	padding: 1em;
	margin-bottom:1em;
	}


	
#content fieldset#check label {
width: 200px;
	}	
	
#content fieldset#antwort label {
width: 200px;
	}		
	
	
#content fieldset#daten {
	background-color:#AAAC1D;
	color: #FFFFFF;
	}	

	
#send{
	color: #008ACC;
	font-weight: bold;
	size: auto;
	  padding-bottom: 0.3em;
	  padding-top: 0.3em;
	 margin-bottom:44px;
	}	
	
#content legend {
	font-size: 1.2em;
	color: #AAAC1D;
	}
	

	
/* table
--------------------------------------------------*/
table {
	font-size:0.9em;
	font-family: Arial, Helvetica, "verdana sans-serif";
	background-color:#fff;
	width: 98%;
	line-height: normal;
	margin:0 0 33px 0;
	padding:0;
}
caption {
 font-size: 25px;
 color: #1ba6b2;
 font-weight: bold;
 text-align: left;
 background: url(images/spring_flavour/table_bg.jpg) no-repeat top left;
 padding: 10px;
 margin-bottom: 2px;
}
tfoot {
 color:#1ba6b2;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weigth: bold;
 margin-top:6px;
 border-top: 6px solid #e9f7f6;
}
tbody tr {
 background-color:#fff;
 border-bottom: 1px solid #f0f0f0;
}
tbody td {
 color:#000000;
 padding:15px;
 text-align:left;
}
tbody th {
 text-align:left;
 padding:2px;
}
tbody img {
 color:#6C8C37;
 padding: 0px;
}
tbody td a img:hover {
 color:#009193;
 text-decoration:none;
}