html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
}

.logo {
	margin: 0;
	padding: 0;
	border: none;
}

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

#gesamteseite {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	background: #fff url('../images/images_layout/hintergrund.gif') repeat-y;
	text-align: left;
}

#kopfzeile {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 210px
}

#linkespalte {
	margin: 0;
	padding: 0;
	width: 340px;
	float: left;
}

#linkespalte-abstand {
	margin: 15px 5px 0 30px;
}

#rechtespalte {
	margin: 0;
	padding: 0;
	width: 430px;
	float: right;
}

#rechtespalte-abstand {
	margin: 15px 30px 20px 10px;
}

#fusszeile {
	margin: 0;
	padding: 0;
	clear: both;
	width: 770px;
	height: 35px;
	background: #122354 url('../images/images_layout/fusszeile_hintergrund.jpg') bottom left no-repeat;
}

#fusszeile-abstand {
	margin: 4px 30px 10px 30px;
    	text-align: center;
    color:#C0C0C0;
font-size: 10px;
}
#fusszeile-abstand a{
    color:#6699CC;
    }



/* --- NAVIGATION -------------------------- */

#navCon {
	margin: 0px 0px 0px 20px;
}
#nav
{
background-color: #036;
border-top: 1px solid #333333;
border-bottom: 0px solid #bbb;
color: White;
float: left;
width: 730px;
float: left;
}

#nav ul li {
display: inline;
margin: 0;
padding: 0;
float: left;
}

#nav ul li a
{
padding: 3px 7px 3px 7px;
background-color: #036;
color: #7D80A6;
text-decoration: none;
float: left;
}

#nav ul li a:hover
{
background-color: #036;
color: #fff;
}
#nav ul li.here {
padding: 3px 7px 3px 7px;
background-color: #369;
color: White;
font-weight: bold;
text-decoration: none;
}
#nav ul li.here a{
padding: 0px 0px 0px 0px;
background-color: #369;
color: White;
font-weight: bold;
text-decoration: none;
}


/* --- Subnavigation -------------------------- */
#subnavCon {
	margin: 0px 0px 0px 20px;
}
#subnav
{
background-color: #369;
border-top: 0px solid #999999;
border-bottom: 2px solid #333333;
color: White;
width: 730px;
float: left;
}
/* --- DIV BOX ListChildSnippet -------------------------- */
/*.LCOS_box {
  padding: 3px 7px 3px 20px;
}
/* --- Title ListChildSnippet -------------------------- */
.LCOS_title {
  display: none;
  }
  /* --- UL Class von  ListChildSnippet -------------------------- */
.LCOS_list {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
/* --- LI Class von ListChildSnippet -------------------------- */
.LCOS_child {
  display: inline;
  margin: 0;
  padding: 3px 0px 3px 30px;
  float: left;
}
.LCOS_child a:link {
	text-decoration: none;				/* Keine Unterlinierung der Links */
	font-weight: bold;					/* Fettschrift */
	color: #FFCC00;
    float: left; 					/* Schriftfarbe dunkelgrün */
}
.LCOS_child a:hover {
	font-weight: bold;
color: #FFFFFF;
}
/* --- Aktiver Link von ListChildSnippet -------------------------- */
.LCOS_current {
	font-weight: bold;
color: #FFFFFF;
}

/* TEXTFORMATIERUNG -------------------------------------------*/
a, h1, h2, h3, h4, h5, h6, p, td, tr {
	margin: 0;
	padding: 0;
}

/* Hauptüberschrift */
h1 {
	font-size: 140%;					/* Schriftgröße */
	line-height: 110%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Zweite Überschrift */
h2 {
	font-size: 120%;					/* Schriftgröße */
	line-height: 110%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Zwischenüberschrift */
h3 {
	font-size: 120%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-top: 12px;					/* oberer Innenabstand zwischen Elementinhalt */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Anreissertext */
.anreisser {
	font-size: 110%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-bottom: 6px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Datum */
.datum {
	font-size: 80%;						/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

p {
	font-size: 100%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: normal;				/* Fettschrift */
	padding-bottom: 12px;				/* unterer Innenabstand zwischen Elementinhalt */
}

ul {
	margin: 0 0 12px 24px; 				/* unterer und linker Abstand */
	padding: 0;							/* Innenabstand */
}

ol {
	margin: 0 0 12px 24px; 				/* unterer und linker Abstand */
	padding: 0;							/* Innenabstand */
}

li {
	margin: 0;							/* Außenabstand  */
	padding: 0;							/* Innenabstand */
	line-height: 140%;					/* Zeilenabstand */
}

blockquote {
	margin: 0 0 0 24px;					/* Außenabstand  */
	padding: 0px 0 12px 0;				/* Innenabstand */
}

/* Link-Verhalten -------------------------------------------*/

/* Link */
a {
	text-decoration: none;				/* Keine Unterlinierung der Links */
	font-weight: bold;					/* Fettschrift */
	color: #FFCC00;						/* Schriftfarbe dunkelgrün */
}

/* Link bei darüberfahrender Maus */
a:hover {
	color: #FFFF00;						/* Schriftfarbe hellgrün */
}

/* Bereits besuchter Link */
a:visited {
	color: #FFCC00;						/* Schriftfarbe hellgrün */
}

/* Geklickter Link */
a:active {
	color: #0cc;
}

/* Formatierung Formulare mit Breite und Hintergrundgrafik */

#kontaktformular {
	margin: 0;
	padding: 10px;
	border: 1px solid #999;
	width: 360px;
	font-size: 12px;
	background: #003366 url('') repeat-x bottom;
}
form p{
  clear:left;
  margin:0;
  padding:0;
  padding-top:5px;
}
form label{
 float: left;
 width:30%;
 font:bold 0.9em Verdana, sans-serif;
}

fieldset{
  border:1px dotted ;
  margin-top: 16px;
  padding: 10px;
}
legend {
  font: bold 1.2em Verdana, sans serif;
}





/* Auswahlknopf ohne Rand und Hintergrund */
.radiobutton {
background: none;
border: none;
}

/* Der Abschick-Button mit Hintergrundgrafik */
.submit {
background: #fa0 url('') bottom repeat-x;
border: 2px solid #000;
margin: 4px 0 0 0;
padding: 1px;
font-weight: bold;
}

/* Der Abschick-Button Hover-Effekt */
.submit:hover {
background: #fa0 url('') bottom repeat-x;
border: 2px solid #d00;
}

/* Breite der Textboxen */
.name, .email, .betreff {
margin: 4px 0 0 0;
width: 320px;
}

/* Breite und Hoehe des Texteingabefeldes */
.texteingabefeld {
width: 320px;
height: 240px;
}

/* Fehlermeldung */
.hinweis {
font-weight: bold;
color: #f00;
padding: 0;
margin: 0;
}

/* Formatierung Input mit Hintergrundgrafik */
input {
padding: 2px;
background: #fff url('/assets/images/Formularbilder/hg_input.jpg') bottom repeat-x;
border-top: 1px solid #aaccee;
border-right: 1px solid #99aacc;
border-bottom: 1px solid #99aacc;
border-left: 1px solid #aaccee;
}

/* Formatierung Textfeld mit Hintergrundgrafik */
textarea {
padding: 2px;
background: #fff url('/assets/images/Formularbilder/hg_textarea.jpg') bottom repeat-x;
border-top: 1px solid #aaccee;
border-right: 1px solid #99aacc;
border-bottom: 1px solid #99aacc;
border-left: 1px solid #aaccee;
}

/* Hover-Effekt für Input und Textfeld */
input:hover, textarea:hover {
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FF9933;
	border-top: 1px solid #FF9933;
	border-left: 1px solid #FFCC66;
}

/* Aktivierter Input mit Hintergrundgrafik */
input:focus {
	background: #fff url('/assets/images/Formularbilder/hg_input_focus.jpg') bottom repeat-x;
	border-right: 1px solid #FF9933;
	border-bottom: 1px solid #FF9933;
	border-top: 1px solid #FF9933;
	border-left: 1px solid #FF9933;
}

/* Aktiviertes Textfeld mit Hintergrundgrafik */
textarea:focus {
	background: #fff url('/assets/images/Formularbilder/hg_textarea_focus.jpg') bottom repeat-x;
	border-right: 1px solid #bb3300;
	border-bottom: 1px solid #bb3300;
	border-top: 1px solid #dd5522;
	border-left: 1px solid #dd5522;
}
/* Formatierung Formular User Comment Snippet GÄSTEBUCH*/

.gbdiv {
	margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #999;
	width: 370px;
	background: #003366 url('') repeat-x bottom;
}
.gbtitle {
	width: 300px;
	border-bottom: 1px solid #999;
    padding: 5px
}
.content {
	font-size: 12px;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: normal;				/* Fettschrift */
	padding-bottom: 0px;				/* unterer Innenabstand zwischen Elementinhalt */
padding-top: 5px;
}
/* Formatierung Formular User Comment Snippet in BLOGS*/

.author {
	margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #999;
	width: 370px;
	background: #003366 url('') repeat-x bottom;
}
.gbtitle {
	width: 300px;
	border-bottom: 1px solid #999;
    padding: 5px
}
.content {
	font-size: 12px;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: normal;				/* Fettschrift */
	padding-bottom: 0px;				/* unterer Innenabstand zwischen Elementinhalt */
padding-top: 5px;
}