/* CSS Document */

* {
margin:0;
padding:0;
}


body {
text-align:center;
font-family: "trebuchet ms", tahoma, arial, sans-serif;
background: #e7e7e7;
}

#container {
margin:auto;
text-align:left;
width:906px;
background: #ffffff url(bg_container.gif) repeat-y; 
}

#header {
height:182px;
background: #ff3300;
background: url(layout_01.jpg) no-repeat;
}

#header h1 {
font-size:18px;
padding-left:245px;
padding-top:125px;
text-transform:uppercase;
margin:0;
}

#main {
width:906px;

}

#left {
float:left;
color: #333333;
font-family: verdana, sans-serif;
width: 312px;
height: 405px;
background: #ffffff url(layout_02.jpg) no-repeat;
}


#content {
width:544px;
float:left;
background: #e3f6f6;
font-size:11px;
font-family: "trebuchet ms", verdana, arial;
padding:0px 0px 10px 20px;
text-align:left;}


#content .section {
font-size: 13px;
color: #1c0e59;
line-height: 21px;
margin-top: 5px;
margin-right: 30px;
margin-bottom: 0px;
margin-left: 0px;
font-family: "trebuchet ms",verdana,arial;
}


#content p {
font-size:13px;
color:#1c0e59;
line-height:21px;
margin:5px 15px 0px 0px;
font-family: "trebuchet ms", verdana, arial;
}

#content h1 {
font-size:14px;
color:#333333;
margin:10px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

#content h2 {
font-family: "trebuchet ms", verdana, arial;
font-size:13px;
color: #1c0e59;
clear:both;
font-weight:bold;
padding:0;
margin:0;

}

#content h3 {
font-family: "trebuchet ms", verdana, arial;
font-size:13px;
background: #cdf4f3;
color: #1c0e59;
clear:both;
font-weight:bold;
padding:0;
margin:0;
margin-top:13px;
width:460px;
padding:10px 0px 10px 10px;

}

#content ul {
color: #333333;
padding:0;
margin:0;
margin: 8px 0px 0px 30px;
line-height: 18px;
list-style-type: square;
}

#content ul li{
padding-bottom:5px;
}

#content .teaser_bild {

padding:4px;
background: #e3f6f6;
border: 1px solid #1c0e59;
}


#content .historiebild {
margin:10px 10px 10px 0px;
padding: 10px;
background: #ffffff;
border: 1px solid #333333;
}

#content .section {
clear: both;
}

#content .section a{
font-size: 13px;
text-decoration: none;
border-bottom: 1px dotted #1c0e59;
color: #333333;
padding-bottom:2px;
}

#content img a{
border:0;
}



#footer {
font-size:12px;
clear:both;
height:93px;
background: url(layout_04.jpg) no-repeat;
}

#footer a{
font-size:11px;
text-decoration: none;
color: #dddddd;
}

#submenu {
font-family: "trebuchet ms", verdana, arial;
padding:37px 0px 0px 0px;
width:500px;
font-size:13px;
float:left;
margin-left:330px;
color: #1c0e59;
}

#submenu a {
font-size:13px;
text-decoration: none;
color: #1c0e59;
}

/* ////////////////////////////////////  Kontaktformular Definition /////////////////*/


/* Div das das Formular umschließt */

.formgen {
font-size: 12px;
font-family: "trebuchet ms", verdana, tahoma,verdana;
}

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

.formgen form {
font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
line-height : 120%;
width: 420px;
}

/* 

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

.formgen .formblock
{
font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
margin-bottom: 12px;
margin-top:3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
}

/*
Verhalten von br-Tags
*/

.formgen br
{
clear : both;
}

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

/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield
{
	width: 280px;
	height: 140px;
	margin-left: 4px;
	padding:3px 0px 0px 3px;
	overflow: auto;
	border: 1px solid #cccccc;
	font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
	font-size: 13px;
	}

/* Textfeld */
.formgen .formtext
{	border: 1px solid #cdcdcd;
	
	height: 20px;
	font-size:13px;
	font-weight:normal;
    width: 280px;
	margin-left: 4px;
	padding:4px 0px 0px 3px;
	font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
}

/* Trennelement , Abstand */

.formgen .formtrenn

{
	display: block;
	height: 30px;	
}

/* Hinweistext */

.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}

/* Überschrift */

.formgen .formheadline

{
font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	
}

/* Passwortfeld */

.formgen .formpassword

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/*Captcha-Bild*/

.formgen .formcaptcha {
	border: 1px solid #cccccc;
	margin:0px 5px 0px 0px;
	float:left;
	
}

/* Label */

.formgen label {
font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
width: 105px;
clear: left;
float: left;
height: 22px;
color: #1c0e59;
padding: 4px 0px 0px 4px;
font-size:13px;
}

.formgen legend {
color: #e7e7e7;
padding:0px;margin:0px;
background: transparent;
border:0px solid #e7e7e7;

}


/* Aussehen der Select-Ausgabe */

.formgen .formselect

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/* Sende-Button */
.formgen .formsubmit
{margin-left:270px;
	width: 30%;
	border: 1px solid #cccccc;
	color: #1c0e59;
	background: #ffffff;
	font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 405px;
margin-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border:0;
font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
background: #e3f6f6 url(bg_formular.gif);
font-size:13px;
}

/* Fieldsetbeschriftung */
.formgen legend {
font-weight: normal;
color: #e3f6f6;
font-size:13px;
background: transparent;
}

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

/* Fehlermeldung nach Versand */
.forminfo {
	color: #1c0e59;
	font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
width:200px;
	background: url(bg_error.gif) no-repeat;
	border: 1px dashed #000000;
	margin: 20px 5px;
	padding: 6px 5px 9px 30px;
}

/* Markierung der Labels bei Fehler */

.formgen .formerror {
color: #FFFFFF;
background-color: #da7f85;
}


/* DANKE Text */

#form-module-thanks {margin-top:25px; height:100px; font-size: 13px;}




/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */




/* /////////////////////////// ERSTE HILFE LISTE ///////////// */

#content .erstehilfe h4 {

font-size:13px;
font-weight: bold;
color: #bb0200;
background: #ffffff;
margin:0;
padding:0;
font-family: "trebuchet ms", verdana, arial;
margin-bottom:8px;
padding: 1px 0px 1px 8px;
border-left:10px solid #bb0200;
}



#content .erstehilfe p {
margin:0;
padding:0;
padding: 0 0 0 17px;
font-size:12px;
line-height: 1.6em;
}

#content .erstehilfe {
border: 1px solid #ffffff;
padding:6px 6px 6px 6px;
margin: 13px 15px 6px 0px;
}


/* /////////////////////////// LEXIKON - LISTE ///////////// */

#content .lexikon h4 {

font-size:13px;
font-weight: bold;
color: #1c0e59;
background: #cdf4f3;
margin:0;
padding:0;
font-family: "trebuchet ms", verdana, arial;
margin-bottom:8px;
padding: 1px 0px 1px 8px;
border-left:10px solid #1c0e59;
}



#content .lexikon p {
margin:0;
padding:0;
padding: 0 0 0 17px;
font-size:12px;
line-height: 1.6em;
}

#content .lexikon {
border: 1px solid #ffffff;
padding:6px 6px 6px 6px;
margin: 13px 15px 6px 0px;
}




/* /////////////// Zweispalter mit TINYMCE ////////////////// */


#content .contenttiny2 .linkespalte ul {
list-style-type:square;
font-size:13px;
padding:0;
margin:0;
color: #1c0e59; 
padding: 0px 0px 0px 30px;
}

#content .contenttiny2 .linkespalte ul li {
margin: 0;
padding: 0px 0px 5px 0px;
}

#content .contenttiny2 img {
	padding: 3px;
	border: 1px dotted #cccccc;
	background: #ffffff;
	margin-right: 15px;
	}

#content .contenttiny2 .linkespalte {
	width: 260px;
	float: left;
	font-size:12px;
	}

#content .contenttiny2 .linkespalte p{
	font-size:12px;
	}

#content .contenttiny2 .linkespalte a {
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #1c0e59;
color: #333333;
padding-bottom:2px;
}

#content .contenttiny2 .linkespalte a:visited {
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #1c0e59;
color: #333333;
padding-bottom:2px;
}


#content .contenttiny2 .linkespalte h1{
font-size:12px;
font-weight: bold;
font-family: "trebuchet ms", verdana, arial;
margin-bottom:8px;
color: #1c0e59;
background: #cdf4f3;
padding: 3px 0px 3px 8px;
border-left:6px solid #1c0e59;

}


#content .contenttiny2 .rechtespalte p{
	font-size:12px;
	}
	
	
	
#content .contenttiny2 .rechtespalte a {
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #1c0e59;
color: #333333;
padding-bottom:2px;
}


#content .contenttiny2 .rechtespalte a:visited {
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #1c0e59;
color: #333333;
padding-bottom:2px;
}


#content .contenttiny2 .rechtespalte {
	width: 250px;
	margin-left: 30px;
	margin-top: 0px;
	float:right;
	font-size:12px;
	}
  
#content .contenttiny2 .rechtespalte h1{
font-size:12px;
font-weight: bold;
font-family: "trebuchet ms", verdana, arial;
margin-bottom:8px;
color: #1c0e59;
background: #cdf4f3;
padding: 3px 0px 3px 8px;
border-left:6px solid #1c0e59;

}


/* /////////////////// Bild mit Text ////////////////////// */

.fllinks {float:left;}
.fllinks a{border:0;}
.flrechts {float:right; border:1;}
.flrechts a {border:0;}
.pleft {float:left; border: 1px solid #cccccc;padding:5px; margin: 0px 20px 0px 0px;}
.pright {float:right;}
.harrytext .image { margin-right:22px;margin-top:0px; border:0;}
.harrytext .image a img {padding: 4px 4px 4px 4px;	border: 1px solid #cccccc;}
#content .harrytext {margin-top:10px;}
#content .harrytext a {
font-size: 11px;
text-decoration: underline;
color: #333333;
}

/* ////////////////////////////// NAVI HEADER //////////////////////// */

/* ### nav1st - first level navigation ######################################## */




#headermenu ul.nav1st {
font-family: "trebuchet ms", verdana, Helvetica;
	padding:0;
	margin:0;
	padding:120px 0px 5px 330px;
	margin: 0px 5px 0px 0px;
	font-size:15px;
	
}

#headermenu ul.nav1st li {
	display: inline;
	color:#37444f;
	
	font-weight:normal;
	padding:3px 0px 3px 0px;
	
	
}

#headermenu ul.nav1st a, 
ul.nav1st a:link {
	text-decoration: none;
	color:#333333;
	border: 2px solid #e3f6f6;
	margin: 0px 11px 0px 0px;
	padding:3px 5px 3px 5px;
	background: #ffffff;
}

#headermenu ul.nav1st a:hover {
	color:#333;
	background: #e3f6f6;
	
}

#headermenu ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#333333;
	background: #e3f6f6;
	
}




/* ///////////////////// ARTIKELLISTE LEXIKON ////////////////////// */

#content #lexikon {
padding:10px 10px 10px 10px;
border: 2px dotted #ffffff;
background: #cdf4f3;
margin:20px 0px 15px 0px;
font-size:12px;
color: #1c0e59;
width:330px;

}
#content #lexikon .feq {
font-size:14px;
font-weight:bold;
color: #1c0e59;
text-transform:uppercase;
text-decoration: none;
}

/* ///////////////////// ARTIKELLISTE LEXIKON KLEIN////////////////////// */

#content #lexikonklein {
padding:3px 0px 3px 15px; 
border: 1px dotted #1c0e59;
background: #cdf4f3;
margin:10px 15px 10px 0px;
font-size:11px;
color: #1c0e59;
width:140px;
float:left;
}

#content #lexikonklein .feq {
font-size:11px;
font-weight:bold;
color: #1c0e59;
text-decoration: none;
}


/* ///////////////////////////////// GALERIE ////////////////////////////// */

#content .galeriebild {
padding:2px;
background: #ffffff;
border: 1px solid #cccccc;
margin-right: 15px;
clear:both;
}

#content .galerie {
float:left;
margin-bottom:20px;
}

#content .bilduntertitel {
padding:0;
margin:0;
padding-left: 3px;
font-size:11px;
}

#content #galerierahmen {
padding:10px;
min-height: 350px;
background: #cdf4f3;
width:450px;
}