@charset "UTF-8";
/* CSS Document IRC 2009 */

/****************  Grundstrucktur  ****************/
body {
	margin:0px;
	padding:0px;
	font-family:Helvetice, Arial, sans-serif;
	font-size:12px;
	line-height:1,5;
	}


div#container {
	width:950px;
	position:absolute;
	left:50%;
	margin-left:-475px;;
	top:0px;
	border: 1px solid black;
	}

div#head{
	height:160px;
	width:100%;
	background:url(bg_head.jpg) repeat-x #5195bf;
	}

div#kbild { 
	width:180px;
	height:160px;
	}
	
div#logo {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	height:160px;
	z-index:2;
	}


div#navigation {
	position:absolute;
	top:129px;
	left:210px;
	height:50px;
	width: 740px;
	z-index:50;
	}

div#sprache {
	position:absolute;
	z-index:50;
	top:140px;
	left:870px;
	width:60px;
	}

div#subnav {
	height:25px;}

div#wrapper{
	width:100%;
	border-top:40px solid #f7a901;
	line-height:1.8;
	}

div#content{
	margin-left:180px;  
	border-left:1px solid black;
	background-color:#ecf7fd;
	padding:15px;
	text-align:left;
		}

div#contentvb{
	margin-left:180px;  
	border-left:1px solid black;
	background-color:#ecf7fd;
	padding:15px 0px 0px 0px;
	text-align:left;
		}

div#contentvb p, div#contentvb h1  {
	padding-left:30px;
	padding-right:30px; 
	}


ul, li {
margin: 0;
padding: 0;
}


/* 1 spaltig 50/50 */	
	
.sp1 {
	width: 640px;

	margin:15px;
	}
		
/* 2 spaltig 50/50 */	
	
.sp5 {
	width: 320px;
	float:left;
	margin:15px;
	}
		
/* 2 spaltig 70/30 */			
.sp7 {
	width: 448px;
	float:left;
	margin:15px;
	}

.sp3 {
	width: 222px;
	float:left;
	margin-top:30px;
	}

.clr {
	clear:both;}

div#side{
	float:left;
	width:130px;  
	padding:20px;
	
	}

div#side p {
	}

div#footer{
	margin-left:180px;  
	width:770px;
	background: #014b7c;
	color: #FFF;
	}

div#dkv {
	float:left;
	margin-top:-90px;
	margin-left:0px;
	z-index:5;
	}

div#content div.section, p{
	
	}

div#footer div.section{
	margin:0;
	font-size:10px;
	padding:30px 30px 10px 10px;
	text-align:right;
	}
	
div#footer a{
	color:#fff;
	text-decoration:none}

div#footer a:hover {
	text-decoration:underline}

img { border:hidden;}

h1, h2, h3, h4, h5 {
	color: #004a7b;
	}

h1 { font-size:18px;}

h2 { font-size:16px;}

h3 { font-size:14px;}

div#side a {
	color:#014b7c;
	font-weight:bold;
	text-decoration:none;
	}

div#side a:hover {
	text-decoration:underline;}
	

div#content a {
	color:#cc9900;
	text-decoration:none;
	}

div#content a:hover {
	text-decoration:underline;}


/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO
Formular Generator für Redaxo 4.x 
Version 4.5 Community Editon
Stand: 13.01.2008 
Erstellt von: Thomas Skerbis , www.klxm.de
/*

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}


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


.formgen .formblock
{
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;

}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	border: 1px solid #ccc;
	margin-left:4px;
	height: 200px;

}


/* Textfeld */
.formgen .formtext
{
	width: 300px;
	border: 1px solid #ccc;
	background-color: #eeeeee;
	margin-left: 4px;
}

/* Passwortfeld */
.formgen .formpassword
{
	width: 210px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/* Label */
.formgen label {
width: 320px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect 
{
	width: 300px;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left: 4px;
}


/* Aussehen der Radiobuttns */

label.formradio  {
width: 300px;
height: 20px;
padding: 0px;
}

.formgen .formcheckbox  {
width: 20px;
float: left;
height: 20px;
padding: 0px;

	}
	
.formgen .check  {
width: 200px;
height: 20px;
padding: 0px;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 300px;
	margin-left:4px;
	margin-top:20px;
	background-color:#eee;
	border: 1px solid #ccc;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {

width: 430px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
border: 0px solid #fff;
}


/* Fieldsetbeschriftung */
legend {
display:none;
visibility:hidden;
color: #fff;
}

/* -------------- 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: red;
	font-weight:bold;
}

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


table.rpde td {
	text-align:left;
	vertical-align:top;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	}

table.rpde th {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;}

table.rpde h1 {
	background-color:#d3e8d8;
	font-size:16px;
	margin:0px;
	color:#163c78;
	padding:5px 0px 0px 5px;
	}

table.rpde h2 {
	background-color:#dbf1fb;
	font-size:16px;
	margin:0px;
	color:#163c78;
	font-weight:normal;
	padding:5px 0px 0px 5px;
	}
	
table.rpde ul {
   margin-left:60px;
}	

.zeit {
	background-color:#dbf1fb;
	width:100px;
	}

.trenn {
	background-color:#bde5f8;
	width:5px;
	}
	
table.rpde p {
	margin:3px 0 0 0;
	}

p.prog {
	color:#163c78;
	}