/* Seitenlayout */

	html {
		height: 100%;
	}


	body { 
 margin-top:1px;
		margin: 0; 
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		text-align: center; /* Zentrierung für IE5 */
	}
	

	#wrap { 
		margin: 0 auto; 
		margin-top: 36px; 
		margin-bottom: 50px; 
		padding-top: 111px; 
		text-align: left; 
		width: 700px; 
	}
	

	* html #page {
		display: inline-block;
		/* padding-bottom: 0; */
	}



/* -------------------Startseite------------------------- */




	#startpage {
	margin: 0 auto;
	margin-bottom: 50px;
	padding-top: 122px;
	text-align: left;
	width: 786px;
	height: 488px;
	background-image: url(pix/startfisch.jpg);
	background-repeat: no-repeat;
	background-position: 155px -30px;
	}
	
	
#startlogo { 
float:left;
}

#mmenu  {
padding-top:50px;
	float: left;
	width:222px;
	
  }





#mmenu a, #mmenu a:visited {
	color:#999999;
	display:block;
	width:10em;
	text-decoration:none;
	border-bottom:1px solid #fff; /* flickerfrei */
	border-top:1px solid #fff;  /* flickerfrei */
	padding:6px 1px 6px 6px;
	font-size: 14px;
	position: relative;
  }
  
  
#mmenu a:hover {
  color:#FF9900;
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;;
  }







		
/* -----------------------LAYOUT FOLGESEITE------------------------ */

#page {
	margin: 0 auto;
	margin-bottom: 50px;
	padding-top: 22px;
	width: 790px;
	height: 650px;
	background-image: url(pix/bg_logo.gif);
	background-repeat: no-repeat;
	background-position: 1px 122px;
	background-color:transpatrent;
	}
	
	
#head  { 
float: right; 
		padding-right: 46px; 
		margin-bottom: 33px;  /* darueber der Abstand zur Contenspalte von oben*/
		clear: none; 
}

#menu  {
	margin-top:190px;
	float: left;
	text-align:right;
	position: relative;
	height: auto;
	width: 137px;
	background-color:transparent;
  }





#menu a, #menu a:visited {
	color:#999999;
	display:block;
	width:10em;
	text-decoration:none;
	border-bottom:1px solid #fff; /* flickerfrei */
	border-top:1px solid #fff;  /* flickerfrei */
	padding:6px 1px 6px 6px;
	font-size: 14px;
	position: relative;
  }
  
  
#menu a:hover {
  color:#FF9900;
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
  }

#menu a:active  {
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
  }







#content  {
	float: left;
	width:290px;
	height: 388px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	padding:0 40px 0 211px;
	text-align:left;
	outline:none;
  }
  
#content p  {	
display: inline;
	color:#666666;	
	line-height:1.3em;
  }

  #content h1  {
	font-size: 11px;
	color:#FF9900;
	display: inline;
  }
  
   #content a, a:visited {
	color:#0066CC;
  }
	
	#content a:hover { 
		text-decoration:underline;
	}
	
	
	
	.bild img {
	border: 2px solid #CCCCCC;
		margin-bottom:22px;

}
.bild:hover img {
	border: 2px solid #FF3366;
}
	
	
	
	.linkbild {
 color:#6C8C37;
 text-decoration:none;
 font-weight:normal; 
 background: transparent url(pix/linkbild.gif) no-repeat 0% 50%;
 padding-left:15px;
}  
 

  
  
  
  
  
  
  
  
/* -------wortwolke---------------*/  
  #content em a {
	border-left: solid 2px #FF3366;
	display: inline;
	line-height:1.5em;
	padding-left:3px;
	margin:5px 0 5px 0;
	color:#666666;
  }
    #content em a:hover {
	color:#FF3366;
  }
  
  .grau   {
	color:#666666;
  }
  .blau   {
	color:#FF3366;
  }
  
   .gelb   {
	color:#FF9900;
	font-weight:bold;
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
  
  
  /* ----------referenzen------------ */
#content table {
	border-collapse:collapse;
}

#content  tr {
	background-color:#CCCCCC;
}
#content tr.odd {
background-color:#999999;
}

#content td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	text-align: left;
}



    /* ----------SERVICEMENU------------ */
  
  #submenu {
  padding:35px 44px 0 0;
	float: right;
	position:static;/* IE only */
	text-align:right;/* IE only */
	width:444px;/* IE only */
	
  }
  
#submenu a, #submenu a:visited {
	color:#666666;
	display: inline;
	width:10em;
	text-decoration:none;
	border-left:1px solid #fff; /* flickerfrei */
	border-right:1px solid #fff;  /* flickerfrei */
	font-size: 11px;
	position: relative;
  }
  
  
#submenu a:hover {
  color:#FF9900;
	border-left: 1px solid #FF9900;
	border-right: 1px solid #FF9900;;
  }







/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:21px;
background-color:#CCCCCC;
background-image:url(pix/bg_scrollbar.gif);
background-repeat:repeat-y;
visibility: visible !important;
}
.vscrollerbar {

background-image: url(pix/scrollbar.png);
width: 21px;
/* following is the bit that allows us fixed height scrollbars */
height: 21px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(pix/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='pix/scrollbar.png');
background-image: none;
}



.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 9px;
z-index: 2;
}



/* Scroll Bar Master Styling Ends Here */


/**********Beginn Form****************/
form {
font-size: 10px;
  padding:11px 11px 11px 0;
}

label, input, select { /* Alle Labels UND Formularelemente ausw?hlen */
  display: block;
  float: left;
  width: 105px;
  font-size: 10px;
}
textarea {
display: block;
  float: right;
  width: 222px; /* Breite.*/
  margin-bottom: 1em;
}




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


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

fieldset {
	border: 1px solid #0066CC;
	padding: 0 1em 0 1em;
	margin-bottom:1em;
	}


fieldset#rueckruf {
padding-bottom: 1em;
	}		
	
fieldset#check label {
width: 288px;
	}		
	
fieldset#daten {
	background-color:#CCCCCC;
	color: #0066CC;
	margin: 3px;
	padding: 3px;
	}	

	
#send{
	color: #0066CC;
	font-weight: bold;
	size: auto;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-bottom:44px;
	
	}	
	
legend {
	font-size: 1.2em;
	color: #0066CC;
	}



.textblock
{
border-left:   10px solid #DFDFDF;
padding-left:  10px;
}


# h5 {
	font-size: 14px;
	color:#FF9900;
	}