/*
###############################################
# DATEI: styles.css									          #
# 												          #
# AUTOR: Markus Leiter - Dilycom Webdesign & Content Management Systeme   #
# EMAIL: info@dilycom.de								          #
# WWW: www.dilycom.de                           					     	          #
#     												          #
# 	BESCHREIBUNG:									          #
#												          #
#	Stylesheet zur Steuerung des Layouts					          #
#												          #
###############################################
*/

/* Allgemeine Basis Styles */

* {
	margin: 0; 
	padding: 0; 
	border: 0;
}

html {
	height: 101%;
}

body {
	text-align: center; 
	background: #fff;
	color: #000000;
	min-width: 600px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 100.01%;
	line-height: 1.5;
}

h1, h2, h3, h4, p {
	margin: 1em 0;
}

ul {
	margin: 1em 2em;
}

.fett {
	font-weight: bold;
}

.unterstrichen {
	text-decoration: underline;
}

.special {
	border: 1px dashed #FFFFFF;
	width: 500px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.special_large {
	border: 1px dashed #FFFFFF;
	width: 650px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Styles für die Verfahrenszussamenfassungsseite */

.pleft{
	font-weight: bold; 
	float:left;
	color: #3A56A7;
}

.pright{
	margin-left: 200px; 
	padding-right: 5px; 
	color:#999999;
}

.box_zusammenfassung {
	position: relative;
    font-size: 10px;
    padding-left: 20px;
	margin-bottom:4px;
	background-color:#F9F9F9;
	border: 1px solid #CCCCCC;
	width: 500px;
}

.box_zusammenfassung a, .box_zusammenfassung a:hover, .box_zusammenfassung a:visited {
	margin-left:430px;
	color: #3A56A7;
}

.box_zusammenfassung p{
	padding-top:5px;
	margin-top:0;
	margin-bottom:0;
}

#statusbox{
	font-size: 11px;
	color:#999999;
	margin: 0 0 0 3px;
	padding: 0;
}


/* 10. Formulargestaltung */
/* 10.1 Formulargestaltung allgemein */

#form_wrap {
    color: #000000;
	background-color: #E8ECF7;
	min-height: 300px;						/* height Hack: IE kennt min-height nicht und dank !important ignoriert er auto also interpretiert er height 350px. Mozilla nimmt min-height und auto */
	height:auto !important;
	height: 300px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#form_wrap_admin {
    color: #000000;
	background-color: #E8ECF7;
	min-height: 300px;						/* height Hack: IE kennt min-height nicht und dank !important ignoriert er auto also interpretiert er height 350px. Mozilla nimmt min-height und auto */
	height:auto !important;
	height: 300px;
	padding-left: 28px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.form_inline {
	display: inline;
}

.underline {
	border-bottom: 1px solid #CCCCCC;
}

fieldset {
	width:450px;
	padding: 5px;
	margin-bottom: 5px;
	margin-left: -5px;
} 

#centerpad_large fieldset {
	width:600px;
	padding: 5px;
	margin-bottom: 5px;
	margin-left: -5px;
} 

legend {
    padding:1px 3px 0 0;
	color: #3A56A7;
    background-color: #E8ECF7;
	font-weight: bold;
	margin-left: -7px;
}


#centerpad form p, #centerpad_large form p {
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0!important;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#centerpad form p label{
	float: left;
	width: 200px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#centerpad_large form p label {
	float: left;
	width: 200px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#centerpad form p label.strasse{
	width: 10px;
}

#centerpad form p label.hnr{
	width: 70px;
}

#centerpad form p label.postfachnr{
	width: 130px;
}

#centerpad form p label.ort{
	width: 130px;
}

#centerpad form p label.plz{
	width: 70px;
}

#centerpad form p label.vorname{
	width: 70px;
}

#centerpad form p label.nachname{
	width: 130px;
}

#centerpad form p label.large, #centerpad_large form p label.large{
	float: left;
	width: 80%;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	border: 1px inset #08469F;
	color: #00008B;
}

.red {
	color: red;
}

.txt_reg {
	color: #00008B;
	background-color: #FFFFFF;
	border: 1px inset #08469F;
	width: 100px;
}

input {
	color: #00008B;
	background-color: #FFFFFF;
	border: 1px inset #08469F;
}

input.large{
	width: 200px;
}

input.slarge{
	width: 290px;
}


input.xlarge{
	width: 330px;
}

input.medium{
	width: 150px;
}

input.small{
	width: 89px;
}

input.right{
	margin-left:50px;
}

input.radios{
	margin-left:50px;
}

/* Passt den Abstand der von/bis Elemente den anderen Eingabefeldern an */
input.vonbis{
	margin-left:-17px !important;
	margin-left:-25px;
}

/* Definiert den Abstand zwischen Radioelement und Inputelement */
input.fieldradio{
margin-left: 0px !important;
margin-left: -4px;
}

input.checkbox{
	border: none;
	background-color: #E8ECF7;
}

input.checkboxkontakt{
	border: none;
	background-color: #FFFFFF;
}

input.radio{
	border: none;
	background-color: #E8ECF7;
}

.req {
	border: 1px solid red;
}

#errorbox {
	font-size: 11px;
	background-color: red;
	color:#FFFFFF;
	padding-left:50px;
}

.upload {
	border: 0px solid #FFFFFF;
}

#btnSubmit {
	margin-top: 5px;
	background-color: transparent;
	border: 1px solid #000000;
	padding: 0;
	font-size: 0.90em;
}

.btnsubmit{
	margin: 20px 0 0 200px;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 0.90em;
}

.btn {
	margin-top: 5px;
	border: 1px solid #000000;
	padding: 0;
	font-size: 0.90em;
}

.contactbtn {
    margin-top: 10px;
	margin-left: 200px;
}



/******************************************************************  Layoutdefinitionen  **********************************************************/
#wrapper { 
	width: 900px;
	text-align: left;
	margin: 0 auto; 
	font-size: 80%;
}

#wrapperagb {
	width: 600px;
	text-align: left;
	margin: 0 auto; 
	font-size: 80%;
}

#header, #footer {
	clear: both; 
	width: 100%;
}

/************************ Headerbereich  ************************/
#header {
	background: #FFFFFF; 
	color: #000000; 
	text-align: right;
	padding: 5px 10px 1px 0;
	height: 160px;
	background-image: url(../img/logo.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#usersection_header {
	background: #FFFFFF; 
	color: #000000; 
	text-align: right;
	height: 160px;
    padding: 5px 10px 1px 0;
	background-image: url(../img/logo_user_section.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#adminsection_header {
	background: #FFFFFF; 
	color: #000000; 
	text-align: right;
	padding: 5px 0 1px 0;
	height: 160px;
	background-image: url(../img/logo_admin_section.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#header p{
	display: inline;
	font-size: 100%;
	font-weight: bold;
}

#header a:link, #header a:visited {
	text-decoration: underline;
	color: #000000;	
}

#header a:hover {
	color: #000000;
}

/************************ Suchbereich  ************************/
#pos_suche { 	
	margin-top: 130px!important;	/*  IE interpretiert Abstände anders, versteht aber !important nicht, daher 2 unterschiedliche Angaben möglich */
	margin-top: 135px; 				/* Für den IE  */
}		

#pos_suche a{
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
	margin-left: 10px;
}

#pos_suche a:link{
	text-decoration: none;
	color: #08469f;
	border-bottom: 1px solid #08469f;
}

#pos_suche a:visited{
	text-decoration: none;
	color: #08469f;
	border-bottom: 1px solid #08469f;
}

#pos_suche a:hover{
	color: #05295A;
	border-bottom: 1px solid #05295A;
}

#suchfeld {
	color: #00008B;
	background-color: #FFFFFF;
	border: 1px inset #08469F;
	width: 100px;
	margin-left: 5px;
}

/************************ Hauptnavigation  ************************/
/* Navigation eingeloggter Zustand */
#nav {
	background: #08469F; 
	color: #FFFFFF; 
	font-size: 1.0em;
	line-height: 30px;
	height: 27px;
	padding-top: 3px;
}

#nav ul {
	position:relative;
	left:140px;
	list-style: none;
	margin: 0;
	padding: 1px 0 3px 0;
}

#nav li {
	display: inline;
}

#nav a:link, #nav a:visited {
	text-decoration: underline;
	color: #FFFFFF;	
}

#nav a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/*Navigation ausgeloggter Zustand*/

#navout {
	background: #08469F; 
	color: #FFFFFF; 
	font-size: 1.0em;
	line-height: 30px;
	height: 30px;
	padding-top: 3px;
}

#navout ul {
	position:relative;
	left:215px;
	list-style: none;
	padding: 1px 0 3px 0;
}

#navout li {
	display: inline;
}

#navout a:link, #navout a:visited {
	text-decoration: underline;
	color: #FFFFFF;	
}

#navout a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/************************ Subnavigation  ************************/
#subnav {
	background: #DFEBFD; 
	color: #000000; 
	padding-left: 240px;
	font-size: 0.85em;
}

#subnav ul {
	list-style: none;
	margin: 0;
	padding: 1px 0 3px 0;
}

#subnav li {
	display: inline;
}

#subnav a:link, #subnav a:visited {
	text-decoration: none;
	color: #000000;	
}

#subnav a:hover {
	color: #000000;
	text-decoration: underline;
}

/************************ Rootline  ************************/

#rootline {
	text-align: right;
	padding-right:20px;
	color: #999999;
	background-image: url(../img/rootlinebg.gif);
	background-repeat: repeat-y;
	padding-top:3px;
	padding-bottom:6px;
	margin-top: 1px;  			/* Für Mozilla / Netscape Browser, behebt Bildüberlappung  */
	font-size:0.85em;
}

#rootline p{	display: inline;}

#rootline a{text-decoration:none;}

#rootline a:link{
	color: #999999;
	border-bottom: 1px solid #999999;
}

#rootline a:visited{
	color: #999999;
	border-bottom: 1px solid #999999;
}

#rootline a:hover{
	color: #333333;
	border-bottom: 1px solid #333333;	
}

/************************ Inhaltsbereich  ************************/
#contentfloatholder {
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
min-height: 348px;						/* height Hack: IE kennt min-height nicht und dank !important ignoriert er auto also interpretiert er height 350px. Mozilla nimmt min-height und auto */
height:auto !important;
height: 348px;
margin: 0 145px 0 185px;
background-image: url(../img/contentbg.gif);
background-position:  left;
background-repeat: repeat-y;
padding: 1px 0 15px 30px; 
}

#centerpad_large {
min-height: 348px;						/* height Hack: IE kennt min-height nicht und dank !important ignoriert er auto also interpretiert er height 350px. Mozilla nimmt min-height und auto */
height:auto !important;
height: 348px;
margin: 0 0 0 185px;
background-image: url(../img/contentbg.gif);
background-position:  left;
background-repeat: repeat-y;
padding: 1px 0 15px 30px; 
}


#centerpad h1.special, #centerpad_large h1.special{ 
	font: 1.7em Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
}

#centerpad h1, #centerpad_large h1{ 
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#start{
	padding-left: 40px;
}

#start h1{
	font-size: 18px;
	font-weight: normal;
}

#start h2{
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
}

#start p{
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 10px 1px;
	margin: 0;
}

#centerpad h2.special, #centerpad_large h2.special{ 
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	padding-left: 40px;
}

#centerpad h2, #centerpad_large h2{ 
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#centerpad h3, #centerpad_large h3{ 
	font: 1.1em verdana, tahoma, arial, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h3spez {
	border-bottom: 1px solid #6982CB;
	background-color: #D4DBF0;
	padding: 1px 0 3px 5px;
	text-align: left;
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
}

/************************ Linker Seitenbereich  ************************/
#left {
  float:left;
  width: 170px;
  margin-left: -5%;
  padding-top: 2px;
}

#left h3{
	font-size: 1.2em;
}

#left p {
	margin: 3px;
	font-size: 0.85em;
}

#left a.register{text-decoration:none;}

#left a.register:link{
	color:#08469F;
	border-bottom: 1px solid #08469f;	
}

#left a.register:visited{
	color:#08469F;
	border-bottom: 1px solid #08469f;
}

#left a.register:hover{
	color:#05295A;
	border-bottom: 1px solid #05295A;	
}

#lc {
	margin-top: 35px;
	margin-left: 20px;
}

/************************ Rechter Seitenbereich  ************************/
#right {
  float:right;
  width: 170px;
  margin: 0 -40px 0 0;
}

#right_info {
  font-size: 11px;
  float:right;
  width: 140px;
  margin: 25px -15px 0 0;
  padding: 0 10px 0 0;
}

img.fort_top{
	margin: 45px 0 0 0;
}

/************************ Footerbereich  ************************/
#footer {
	text-align: left;
	color: #fff;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	background-color: #D29A31;
	padding: 0px 0 2px 0;
}

#footer p{
	margin: 0;
	font-weight: normal;
	font-size: 0.85em;
	padding:  0 0 0px 0;
	vertical-align: top;
}

#footer img {
	padding-top: 3px;
	padding-left: 5px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 4px 0 0 50px;
	font-size: 0.95em;
}

#footer li {
	display: inline;
	padding-right: 10px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFFFF;	
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer .left{float:left;width:40%;}
#footer .right{margin-left:75%;}


/*************      IE Mac Anpassungen          **************/
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

#wrapper {
position: relative;
z-index: 500;
}

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: underline; 
  font-style: normal;
  color: blue; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 0; 
  left: 50px; 
  width: 125px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 10px Verdana, sans-serif; 
  text-align: left;
  padding: 2px;
  }

 /* Adminbereich Info Tooltip */
a.tooltipinfo, a.tooltipinfo:link, a.tooltipinfo:visited, a.tooltipinfo:active  {
  position: relative;
  text-decoration: underline; 
  font-style: normal;
  color: blue; 
  }
  
a.tooltipinfo:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltipinfo span {
  display: none;  
  text-decoration: none; 
}

a.tooltipinfo:hover span {
  display: block;
  position: absolute; 
  top: 0px; 
  left: -500px; 
  width: 300px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 10px Verdana, sans-serif; 
  text-align: left;
  padding: 2px;
  } 
  
a.morelink:link, a.morelink:visited {
	text-decoration: none;
	color: #08469F;
}

a.morelink:hover {
	font-weight: bold;
}

.imgleft {
float: left;
margin: 0 4px 4px 0;
}

.imgright {
float: right;
margin: 0 0 4px 4px;
}

#log ul {
	list-style: none;
	font-size: 11px;
}

.grey {
	background-color:#cccccc;
}

.warning{
	color:red;
	font-weight: bold;
}

/* 17. Formatierung Impressum */
#impressum {
	font-size: 11px;
}

#impressum a:link, #impressum  a:visited {
	color: #08469F;
	text-decoration: none;
	font-weight: bold;
}

#impressum a:hover{
	color: #000000;
}

/* 17.1 Box im Impressum */
.box_impressum {
	position: relative;
    font-size: 11px;
    padding-left: 20px;
	background-color:#F9F9F9;
	border: 1px solid #CCCCCC;
	width: 500px;
	height: 145px;
}

.box_impressum img{
	position: absolute;
	bottom: 5px;
	right: 2px;
}

/* 18. Seite searchindex.php Formatierung der Suchauswahl */
#suchauswahl {
	width: 350px;
	height: 100px;
	margin: 50px 0 0 80px;
	border: 1px dashed #000000;
	font-weight: bold;
}

#suchauswahl ul{
	list-style:none;
	margin-left: 30px;
}

#suchauswahl a:link, #suchauswahl a:visited {
	text-decoration: none;
	color: #08469F; 
}

#suchauswahl a:hover{
	text-decoration: underline;
	color: #000000; 
}

/* 19. Linkverzeichniss Seite Links */
#links ul{
	list-style: square;
	}

#links a:link, #links a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #08469F;
	font-size: 12px;
}

#links h3 {
	font-size: 12px;
}

/* 20. Formatierung Counter zur Darstellung verbleibender Zeichen bei der Eingabe Referenzinformationen */
#counter {
	font-size: 10px;
	background-color: #E8ECF7;
	width: 180px;
	text-align: center;
}

#counter input{
	border: none;
	background-color: #E8ECF7;
}

/*################  Homelink wenn User eingeloggt  ##################*/
#navhome {
	font-size:11px;
	display: inline;
	position: relative;
	left: 40px;
	color:#FFFFFF;
	background: url(/img/navhome.gif) right bottom no-repeat;
	padding-right: 25px;
	padding-top:5px;
}

#navhome a:link, #navhome a:visited {
	text-decoration: underline;
}

#navhome a:hover {
	text-decoration: none;
}

/*################  Statusanzeige in Navigationsleiste  bei eingeloggtem User  ##################*/
#status{
	display:inline; 
	font-size:11px; 
	position: relative; 
	right: -290px;
}

#status img {
	padding-right:5px;
	margin-bottom:-4px;	
}

#status a:link, #status a:visited, #status a:hover {
	color:#FF9900; 
	padding-left:5px;
}

/*################  Statusanzeige in Navigationsleiste  bei ausgeloggtem User  ##################*/
#statusexit{
	display:inline; 
	font-size:11px; 
	position: relative; 
	right: -390px;
}

#statusexit img {
	padding-right:5px; 
	margin-bottom:-4px;
}


/* ##################################################### */
/*					ADMINISTRATIONSBEREICH					     */
/* ##################################################### */


/* ######### Kategoriemenü Adminmsection  ############# */

#boxcontainer
	{
		width: 650px;
		height: 300px;
		margin-left: 30px;
		padding-top: 10px;
	}

.box {
	position: relative;
    font-size: 11px;
    padding-left: 20px;
	background-color:#F9F9F9;
	border: 2px dotted #CCC;
	width: 270px;
	height: 80px;
	margin: 0 10px 5px 0;
	float: left;
}

.box h3 
	{	
		padding-top: 5px;
	}

.box img
	{
		border: 1px dotted #CCC;
		position: relative;
		left: -15px;
		top: 5px;
		float: left;
		padding: 1px;
	}

.box a, .box a:visited, .box a:hover
	{
		border: none;
		color: #6982CB;
		text-decoration: none;
	}



/*################  Tabnavigation Adminmenü  ##################*/
#tabnav
	{
		height: 20px;
		margin: 0;
		padding: 10px 0 0 28px;
		background: url(../img/tab_bottom.gif) repeat-x bottom;
		background-color: #E8ECF7;
	}
	
#tabnav li
	{
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
		outline: none;
	}
	
#tabnav a:link.active, #tabnav a:visited.active
	{
		background: #e8ecf7;
		color: #000;
		border-bottom: none;
		padding-bottom: 3px;
	}
	
#tabnav a:hover
	{
		background:#fff;
	}

/*################  Statuszeile im Adminmenü  ##################*/
.statuszeile
	{
		border: 1px solid #CCC;
	}

.green
	{
		color: green;
	}

.red
	{
		color: red;
	}
	
/*################  Formular im Adminmenü  ##################*/
.adminform
	{
		width: 600px;
		height: 38px;
		border: 1px dotted #CCC;
		background: #F8F8F8;
	}
	
.adminform input, .adminform select
	{
		margin: 5px 0 0 10px;
		border: 1px solid #ccc;
	}
	
	
/*Suchergebnisstabellen Formatierungen*/

table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #666;
	font: normal 11px arial, verdana, helvetica, sans-serif;
	color: #000;
	background: #fff;
}

td, th {
	padding: 0.5em;
}

#tableresult caption {
	padding: 0 0.6em 0.8em;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
}
#tableresult td, th {
	border: 1px solid #666;
	padding: 0.5em;
}
#tableresult thead th {
	border: 1px solid #666;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background: #ccc;
}
#tableresult tfoot th, tfoot td {
	border: 1px solid #666;
	text-align: left;
	font-size: 1em;
	background: #ccc;
}
#tableresult tfoot th {
	font-weight: bold;
}
#tableresult tbody td a {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}
#tableresult tbody td a:hover {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}
#tableresult tbody th a {
	background: transparent;
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
}
#tableresult tbody th a:visited {
	color: #000099;
}

#tableresult thead tr th img {
	padding-left:5px;
}

#tableresult tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
#tableresult tfoot td {
	border: 1px solid #666;
}
#tableresult tbody tr:hover {
	background: #ffffd9;
}

/* ================================
Auswahlelemente positionieren (Adminbereich) 
================================== */

#auswahl {
	font-size: 11px;
	margin-left: 430px;
	}
	
#auswahl a {
	color: black;
	outline: none;
	padding: 5px;
	text-decoration: none;
	}

#auswahl a:hover {
	text-decoration: underline;
	}
	
#auswahl a:active {
	background-color: red;
	color: white;
	}

	
#kontaktformular {
	border: 1px solid #999999;
	background-color: #f9f9f9;
	padding: 10px 0;
	width: 510px;
	}
	
#textbereich label {
	display: block;
	font-size: 12px;
	padding-bottom: 5px;
	}
	
#textbereich label, #textbereich input, #textbereich textarea {
	margin-left: 10px;
	}
	
#textbereich input, #textbereich textarea {
	margin-bottom: 5px;
	}

	
#textbereich textarea {
	height: 10em;
	}