* {
margin : 0;
padding : 0;
}
body {
padding-top : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background : #333;
color : #000;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
.bildrahmenkategorie{
				background:transparent url(files/bildrahmenkategorie.png) no-repeat scroll left bottom;
				border-top:1px solid #EFEFEF;
				margin:6px 0 6px -2px;
				padding:2px 5px 10px;
		}
			/*WRAP*/
#wrapper {
width : 750px;
height:auto;
margin : 0 auto;
border : 5px solid #fff;
background : #fff url(/img/sidebar.gif) repeat-y;
color : #666;
}
			/*HEADER*/
#header {
width : 600px;
height : 210px;
float : right;
margin : 0;
/*background : #b2a591 url(/img/banner.jpg) no-repeat; */
color : #666;
}
#top100 {
width : 100%;
height : 56px;
margin : 0;
margin-top: 110px;
margin-left: 220px;
padding : 0;
z-index: +10000 ;
}
#banner {
width : 100%;
height : 35px;
text-align: right;
margin : 0;
padding : 0;
border-bottom : 1px solid #fff;
color : #333;
background : #369;
}
#banner a {
margin : 5px;
color : #fff;
background : inherit;
}
#banner a:hover {
color : #000;
background : inherit;
}
			/*NAVIGATION*/
#navcontainer {
width : 150px;
margin : 0 0 20px 0;
}

#navcontainer ul {
margin-left :0;
padding-left : 0;
list-style-type:none;
}

#navcontainer .level-2 {
text-indent:20px;
}

#navcontainer a {
display : block;
padding : 3px;
width : 143px;
border-bottom : 1px solid #fff;
background : #369;
color : #fff;
}
#navcontainer a:link, #navlist a:visited {
color : #fff;
background : #369;
text-decoration : none;
}
#navcontainer a:hover {
background : #036;
color : #fff;
}

#navcontainer a.current{
background : #036;
color : #fff;
}

#navcontainer .current {
background:#003366 none repeat scroll 0 0;
color:#FFFFFF;
}

			/*SIDEBAR*/
#sidebar {
float : left;
width : 150px;
padding : 0;
margin : 0;
border-top : 1px solid #fff;
font-size : 100%;
line-height : 1.8em;
background : #d1d4d7;
color : #333;
}
			/*CONTENT*/
		
#content {
float : left;
width : 570px;
height:auto;
margin : 0px 0 0 20px;
line-height : 1.8em;
}



			/*FOOTER*/
#footer {
clear : both;
width : 600px;
margin-left : 150px;
padding-left : 5px;
text-align : left;
border-top : 5px solid #336699;
}
			/*TYPOGRAPHY*/
p {
margin : 10px 20px 10px 15px;
color : #666;
background-color : inherit;
}
h1 {
margin : 0;
padding : 20px;
font-size : 200%;
letter-spacing : 5px;
color : #000;
background : inherit;
}
h2 {
margin : 0 0 0 15px;
padding : 0;
font-size : 120%;
letter-spacing : 5px;
text-transform : uppercase;
color : #333;
background : inherit;
}
h3 {
margin : 10px 0 10px 15px;
padding : 0 0 3px 3px;
text-transform : uppercase;
font-size : 120%;
letter-spacing : 5px;
color : #036;
background : inherit;
}
blockquote {
margin : 10px 20px 10px 15px;
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*CLASS*/
.img {
margin : 0 0 10px 0;
}
.myborder {
border : 1px solid #fff;
padding : 5px;
margin : 0 0 0 4px;
}
.myimg {
float : left;
border : 1px solid #fff;
padding : 5px;
margin : 5px 10px 10px 4px;
}
.mylogo {
margin-right : auto;
}
			/*LINKS*/
.current {
background-color:#000033;

}

a, a:visited {
text-decoration : none;
color : #369;
background : inherit;
}
a:hover {
color : #333;
background : inherit;
}
a img {
border : none;
}
/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;

}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 120%;
width: 370px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	/*border-top-width: 2px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666; */
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 100px;
	margin-left: 4px;
	background-color: #D1D4D7;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	background-color: #D1D4D7;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
  display: block;
  height: 30px; 
}
/* Hinweistext */
.formgen .formhinweis
{
  font-weight: bold;
  color: #003366;
  font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
  font-weight: bold;
  color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #99CC00;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
  border: 0px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
  width: 200px;
  background-color: #D1D4D7;
  margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 90%;
	background-color: #FFFFFF;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	width: 445px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}


/* Fieldsetbeschriftung */
.formgen legend {
	font-weight: bold;
	color: #336699;
	width: 140px;
	margin: 0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
  color: #FFFFFF;
  background-color: #990000;
  border: 1px dashed #000000;
  margin: 5px;
  padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
  color: #FFFFFF;
  background-color: #990000;
}
.forminfo {
	color: #000000;
	background-color: #FFFF66;
	margin: 2px;
	padding: 4px;
	border: 2px solid #FF0000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
/* Nur ein Beispiel CSS */
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:385px;
height:500px;
border:1px solid #000;
float:left;
}

#directions {
float:right;
width:213px;
max-width:213px;
}

#directions tbody,#directions tr, #directions table {
width:213px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend {
font-weight:900;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;
float:left;
margin-right:1em;
padding:0.1em 0.3em;
}