html, body{ 
 margin:0; 
 padding:0; 
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 100.01%;
 background-color: #CACFD5;
 text-align:center;
 line-height: 140%; 
} 
 
 
 /* ----------------- SCHATTEN ----------------- */
.wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ }
.wrap1 { background:url(../images/shadow.gif) right bottom no-repeat;  }
.wrap2 { background:url(../images/corner_bl.gif) left bottom no-repeat; }
.wrap3 {  padding:0px 16px 16px 0px;  background: url(../images/corner_tr_patch.gif) right top no-repeat; }

:link,:visited { text-decoration:none; } 
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:bold; }
ul,ol,li,pre,form,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
 
 
 
 
#drum{ 
 width:916px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 margin-bottom: 0px;
 margin-top: 10px;
 background-image:url(../images/hintstreifen.gif);
 background-repeat:repeat-y;  
 border: 0px solid #0379B9;
 
} 
 * html #drum{
 width:900px; 
 }
 
  
#header{
float:left;
 width:900px;
 height:145px;
 background: #fff;
   

} 


#header-links {
float:left;
width: 320px;
border: 0px solid #0379B9;
}

#logo {
float:left;
width: 428px;
	
}
#sparten {

float:left;
padding-top: 20px;
width: 130px;
font-size:12px;
color: #666666;
	
}
 
 #flaggen {

float:left;
padding-top: 10px;
	
}
 #flaggen img{margin-right: 5px;}

#header-rechts {
float:right;
width: 579px;
border: 0px solid #0379B9;
}

 
 
 
 
 
 #leiste{
 float:left;
 height: 26px;
 width: 900px;
 background-color:#617AA3 ;
 margin-left: 0px;

  }
 
*html  #leiste{
  margin-left: 0px;}
 
 #main{ 

 float: left;
 background-image: url(../images/bg_main.gif); 
 display:inline; 
 width:900px; 
   min-height: 430px;  
  height: auto !important;
  height: 430px;  
 border: 0px solid #000;
 font-size: 80%;
 z-index: 100;
 }
#links{
 float:left; 
 width: 320px;
margin: 0px;
padding: 0px;
  }
  
  
*html #links{
margin: 0px;}

 
#rechts{
 width:560px; 
 float:right;
  background-image:url(../images/wasserzeichen.jpg);
 background-repeat:repeat-y;
 border:0px solid #000; 
 


 }
 
* html #rechts{
 width:560px; 



 }
 
#content{
 width:490px; 
 float:left;
 padding-top: 20px; 
 padding-left: 20px; 
 padding-right: 40px;
 line-height: 140%;


 }
 
 
 #content h1{color:#AEAEAE; font-size: 140%;}
  #content h2{color:#617AA3; font-size: 120%;}
  
    #content a{color:#617AA3; text-decoration:none;}
	 #content a:link{color:#617AA3; text-decoration:none;}
	  #content a:visited{color:#617AA3; text-decoration:none;}
	   #content a:hover{color:#617AA3; text-decoration:underline;}
  
  
  
  
 
#footer{
width: 900px;
 height:30px;
 background-image:url(../images/footer.gif); 
 background-repeat:no-repeat;
 clear:both;
 } 
 
 #infooter{position:relative;
width: 890px;
 height:25px;
 top: -30px;
 z-index:1;

 } 

 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


@import url(navigation.css);

/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/

#header-nav {
	float:left;

	padding-left:355px;
	
	
}

#header-nav ul.nav1st {
}


#header-nav ul.nav1st li {
	display:inline;
	float:left;
	padding:2px 8px 2px 8px;
	border-right: 1px solid #fff;
}

#header-nav ul.nav1st li.active {
	background:#ccc;
	color:#617AA3;
	font-weight:900;
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
	color:#617AA3;
	font-weight:900;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link {
	color:#fff;
	font-size:12px;
	font-weight:normal;
}

#header-nav ul.nav1st a:hover {
	color:#000;
}


#navigation {
	float:left;
	width:200px;
	padding:14px 0;
}

#navigation ul.nav2nd li {
	padding:0;
	margin-left:14px;
	font-size:1.1em;
	font-weight:normal;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
	display:block;
	padding:4px 0 4px 0;
	color:#606060;
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
	color:#617AA3;
	font-weight:900;
	text-decoration:underline;
}

/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-) 

Funktioniert nicht mit Formular-Generator < v.4.43
 
/*



/* 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 : 90%;
width: 520px;
}


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


.formgen .formblock
{
	margin-bottom: 1px;
	background-color: #EBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
	border-left: 0px solid #999;
}


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


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



/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 210px;
	height: 100px;
	margin-left: 144px;
}


/* Textfeld */
.formgen .formtext
{
	height: 20px;
                width: 200px;
	background-color: #F4F4F5;
	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: #F4F4F5;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #F4F4F5;
}

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


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 50%;
	margin-left: 50px;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 400px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 0px solid #5D81A3;
}


/* Fieldsetbeschriftung */
.formgen legend {
display:none;
font-weight: bold;
color: #333333;
}

/* -------------- 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;
}