@charset "utf-8";
*{margin: 0; padding: 0;}
html {height:100%; margin: 0; padding: 0;}

blockquote{padding:0 40px;}
body  {
    	font: 100.01%  Arial, Helvetica, sans-serif;
		background-image: url(../images/hintbig.gif);
		background-repeat:no-repeat;

    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	background-color:#fff;
		height:101%;
		
    }

a, :link, :hover, :active, :visited {text-decoration: none;}

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




.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

h1{ font-size: 16px; font-weight: bold; color: #06023D; padding-bottom: 15px;}
	h2{ font-size: 14px; font-weight: bold; color: #06023D;padding-bottom: 25px;}
	h3, h4{ display: block; width: 100%; font-size: 12px; font-weight: bold; color: #06023D; padding: 3px; background-color: #ced5e0; border: 1px solid #93a1b9;}

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
min-height: 100%; 
height: auto !important;   
height: 100%;  
	width:950px;
	background-image:url(../images/hint_gelbe_linie.gif);
	background-repeat:repeat-y;
	border: 0px solid #ccc;
	text-align: left;
	
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:129px;
	border: 0px solid #000;
	background-image:url(../images/weiss.gif);
	background-repeat:repeat;
	overflow:hidden;
	
	
	}
	#header2 {
	position:relative;
	margin:0;
	padding:0;
	height:209px;
	background-image: url(../images/gb_flagge.jpg);
		background-repeat:no-repeat;
	border: 0px solid #000;

}
#bild-links{float:left; width: 200px;padding-left: 0px;}
#bild-mitte{float:left;padding-left: 32px}
#bild-rechts{float:right;padding-left: 30px; }


/* ### Logo ####################################################################### */
#logo {
	position:absolute;
	top:10px;
	right:10px;
	border: 0px solid #37444f;
	background-image: url(../images/logo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#logo a {
	display:block;
	height:80px;
	width:551px;
	text-indent:-700em;
}


/* ### Teaser ##################################################################### */

#main-teaser {
/*
	text-indent:-700em;
	height: 220px;
	*/
}

/* ### Content #################################################################### */

#left {float:left; width: 200px; padding-top: 10px; border: 0px solid #ff0000; height: auto;}



#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
	 font-size: 0.80em;
	
}
#content p{margin-bottom: 20px;}






/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:left;
	
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:580px;
	color: #000;
	padding-top: 15px;
}


#main-block-start {
	float:left;
	width:480px;
	color: #000;
	padding-top: 15px;
}


#main-block-big {
	float:left;
	width:740px;
	color: #000;
}



#main-content-block {
	
	display:block;
	padding-left:60px;
	padding-top:0px;
	padding-bottom:30px;
	 border: 0px solid #000;
}



#main-content-block a,
#main-content-block :link,
#main-content-block :hover,
#main-content-block :active,
#main-content-block :visited {
text-decoration: none;
color:#000033;
}


#main-content-block ul
{
list-style-type: square;
padding: 10px;
margin: 20px;
}







.tdsmall{font-size:x-small;}


#rechts{float:right; width: 150px; border: 0px solid #000; padding-top: 60px}


#rechts-start{float:right; width: 250px; border: 0px solid #000; padding-top: 60px}


#box-rechts{float:right; width: 148px; border: 1px solid #000; padding-top: 0px}


/* ### Footer ###################################################################### */

#footer {
position: absolute;
bottom: 0;
width: 100%;
font-size: 60%;
background-color: #D1D7E2;
text-align: left;

}

#footer p {
	padding: 3px 3px;
	color: #000066;
	
}

#footer p a,
#footer p a:link {
	color: #000066;
	text-decoration: underline;
	
}

#footer p a:hover {
	color: #000066;
	text-decoration: none;

}


#box-links{
float:left;
margin-top: 30px;
width: 168px; height: 168px;
margin-left: 0px;
background-image:url(../images/box-links.gif);
background-repeat:no-repeat;
color: #1F3B6E;
padding-left: 10px;
padding-top: 60px;

}




#sitemap ul{margin-left: 0px;}
#sitemap ul li{margin-left: 20px;}


/* ...Jede Ebene kann getrennt formatiert werden */

.formgen fieldset {
width: 430px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 0px solid #5D81A3;
}


.formgen .formblock
{
float:left;
	width: 460px;
	min-height: 100%; 
height: auto !important;   
height: 100%;  

	
	margin-bottom: 1px;
	background-color: #ECECEC;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 1px;
	padding-left: 3px;
	border-bottom: 0px solid #999;
}





/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 230px;
clear: left;
float: left;
min-height: 100%; 
height: auto !important;   
height: 100%;  
padding: 0;

}




.formgen .formtext
{

	width: 210px;
	height: auto;
	background-color: #F4F4F5;
	margin-left: 4px;
	border: 1px solid #D6D6D6;
	
}

.formgen .formtextfield
{
	width: 210px;
	height: 80px;
	margin-left: 4px;
	border: 1px solid #D6D6D6;
}


.formgen .formradio
{
	float: left;
top: 10px;
left: 233px;
width:15px !important;
border: 0px solid #000;

}


.formcheck
{
position: absolute;
top: 10px;
left: 233px;
width:15px !important;
border: 0px solid #000;
}

.checklabel
{
position: absolute;
top: 10px;
left: 260px;
width:180px !important;
border: 0px solid #000;
}

/* Sende-Button */
.formgen .formsubmit
{
margin-left: 260px;	
	
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #E36F26;
}

legend {
	display:none;
	
}


.formgen .formselect
{
	width: 210px;
	background-color: #cccccc;
	margin-left: 4px;
	color: #000000;
}


/* Ende der Formulardefinition */


.renderhead {
		display: block;
border: 0px solid #000;
padding:0;
		margin: 0;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:0;
		margin: 0;
	}



/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft(_b) , .pright(_b) und .pnormal(_b)    


.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen

Code: 

*/ 




/* 
---------START BILDMODUL -----------------------
Definition der Klassen ohne Rahmen 
CCS für REDAXO Bild-Modul
Erstellt von: Thomas Skerbis 
Stand: 23.05.2008 
*/

.pleft {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen für 2.Stil (z.B. mit Rahmen) */

.pleft_b {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}


/*
------ENDE Bildmodul ------
*/

#sidebar1, #sidebar2{float:left;width: 260px; height: auto; border: 1px solid #93a1b9; margin-bottom: 30px;}

#sidebar1 h1, #sidebar2 h1{font-size:12px; font-weight:normal; text-align:center; background-color: #ccc; height: 5px;}

.textbox{padding: 5px;}
.sidebar-titel{width: 260px; height: 20px; text-align:center; background-color: #ced5e0;}



/* Diese CSS-Angaben stammen aus der originalen main.css */
/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}

#main-block .download-hdl p { 
	padding: 2px 4px;
	background-color: #cccccc;
	font-weight: normal;
	color: #fff;
}

#main-block .download-file { 
	padding: 1.2em 7px;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
}

#main-block .download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	background-color: #cccccc;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}

#main-block .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 0px solid #cccccc;
}

a.greyboximg:link{border:0px solid #ccc; padding-right: 5px;}
a.greyboximg:visited{border:0px solid #ccc; padding-right: 5px;}
a.greyboximg:hover{border:0px solid #ccc; padding-right: 5px;}
a.greyboximg:active{border:0px solid #ccc; padding-right: 5px;}

 .greybox img{border:0px solid #ccc; padding-right: 5px;}
 
 
 
 
 /* Download anbieten */
/* download
*******************************************************************************/

 .download-hdl p, 
 .download-file p, 
 .download-desc p {
	margin:0;
}


 .download-hdl p {
height: 16px;
	padding:3px 7px;
	background-color: #D6D5D5;
	border:1px solid #C2C2C2; 
	font-weight:bold;
	color:#000;
}

 .download-file {
	padding:2px 7px;
	border-left:1px solid #C2C2C2;
	border-right:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
}






#social img{border:0; margin-right: 5px;}