
/**********************************************************************
Allgemein
**********************************************************************/

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

html {
	height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  background-color:#D4E1F2;
  text-align: center;
  color:#565656;
  height: 100%;
  background-image: url(/_Layout/background.gif);
  background-repeat: repeat-x;
}

a {
 color:#0A3A82;
}

.clear_left {
  clear:left;
	height: 1px;
	overflow: hidden;
}

.clear_right {
  clear:right;
	height: 1px;
	overflow: hidden;
}

h1 {
  margin-bottom: 1.4em;
  text-align: left;
  color:#0069B4;
  font-size:140%;
  font-weight:bold;
  line-height:130%;
}

h2 {
  font-size: 130%;
  line-height: 1.3em;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
  color:#0069B4;
}

h3 {
  font-size: 130%;
  line-height: 1.3em;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
  color:#565656;
}

/**********************************************************************
Main
**********************************************************************/

div#schatten {
  margin: 0px auto;
	width: 93.3em;
	/*min-height: 100%;*/
	background-color:white;
  border-left:1px solid black;
  border-right:1px solid black;
  min-height:100%;
  background-image: url(/_Layout/bg_schatten.jpg);
  background-repeat: repeat-y;
}

/**********************************************************************
Head
**********************************************************************/

div#head {
	height: 212px;
  background-color: #fff;
	position:relative;
	background-image: url(/_Layout/background_header.jpg);
	background-repeat: no-repeat ;
  background-position: right;
}

div#head .logo{
	height: 150px;
	position:relative;
	top: 25px;
	left:25px;
	right: 20px;
	
 
  text-align:left;
}



/**********************************************************************
Menue - allgemeines Menue
**********************************************************************/

div#background_menu {
  background-color:#C2C2C2;
  background-image: url(/_Layout/background_menu.gif);
  background-repeat: repeat-y;
  background-position: 26em;
}

div#querbalken {
  font-size: 140%;
  font-weight:bold;
  letter-spacing: 0.1em;
  text-align:left;
  
	height:1em;
	padding:0.25em;
  padding-left:4.25em;	
  background-image: url(/_Layout/querbalken_background.gif);
  background-repeat: repeat-y ;
  background-position: right;
  background-color:#F29200;
}

div#querbalken a{
  color:white;
  text-decoration:none;
}

div#querbalken a:hover, div#querbalken a:active{
  color:#0069B4;
}

#impressum{margin-top:100px; display:block;}

div#querbalken_impressum {
  font-size: 140%;
  font-weight:bold;
  letter-spacing: 0.1em;
  text-align:left;  
	height:1em;
	padding:0.25em;
  padding-left:4.25em;	
  position:relative;
  bottom:20px;
  margin-top:10px;
}
div#querbalken_impressum a{
  color:white;
  text-decoration:none;
}

div#querbalken_impressum a:hover, div#querbalken_impressum a:active{
  color:#0069B4;
}
 
/**********************************************************************
 linkes Menue
**********************************************************************/

div#linkes_menue {
  float: left;
  width: 23.8em;
  text-align: left;
  padding:1em;
  padding-top:0em;
 /** background-color:#C2C2C2;**/
}

div#linkes_menue ul{
  list-style-type:none;
  padding-left:4.9em;	
}

div#linkes_menue ul li{
  padding-top:2.1em;
}

div#linkes_menue ul li a{
  font-size: 140%;
  font-weight:bold;
  letter-spacing: 0.05em;
  color:white;
  text-align:left;
  text-decoration:none;
}

div#linkes_menue ul li a:hover, div#linkes_menue ul li a:active{
  color:#0069B4;
}

div#linkes_menue ul li a.highlight{
  color:#0069B4;
}

dfn {
	display:none;
}

.bf {
	display:none;
} 

/**********************************************************************
Content
**********************************************************************/

#content {
  float:left;
  width: 60em;
  text-align: left;
}

.doc{
  padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 3px 1px;
	background-image: url(/_Layout/mimes/page_word.png);
}

.pdf{
	height: auto;
  padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 3px 1px;
	background-image: url(/_Layout/mimes/file_acrobat.gif);
}

.linkerUmfluss{
  float:left;
  margin-right:10px;
}


/**********************************************************************
Inhalt -- Bildspalte
**********************************************************************/

#bildspalte{
  padding:0.55em;
  padding-left:0.7em;
  float:left;
  width: 14em;
}

.bildunterschrift{
  padding-top:0.4em;
  line-height:140%;
}

.bildunterschrift b{
  font-size:130%;
  padding-bottom:0.4em;
}

/**********************************************************************
Inhalt 
**********************************************************************/

#inhalt {
  float:left;
  padding:1.5em;
  padding-top:3.7em;
  font-size: 130%;
  width: 30em;
  
}

#inhalt div.topic {
  background-image: url(/Layout/topic.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-top: 20px;
}


#inhalt p, 
#inhalt ul, 
#inhalt ol,
#inhalt table{
  line-height: 1.3em;
  margin-bottom: 1em;
}

#inhalt ul,
#inhalt ol {
  margin-left: 1.5em;
  list-style-image: url(/_Layout/listenpunkt.gif);
}

#inhalt ul li, #inhalt ol li {
  padding-bottom: 0.25em;
}

#inhalt ul.index li, #inhalt ol.index li {
  font-size: 110%; 
  padding-bottom: 0.5em;
}
  
#inhalt ul li ul {
list-style-image: url(/_Layout/listenpunkt_ebene2.gif);
}

#inhalt ul li ul li, {
}

#inhalt a:link,#content a:visited{
	color:#2264c5;
	text-decoration: underline;
}

#inhalt a:hover,#content a:active{
	color:#2264c5;
	text-decoration: none;
}

#inhalt caption {
  font-weight: bold;
  padding-bottom: 0.5em;
}

/**********************************************************************
Fusszeile Beteiligte
**********************************************************************/

div#fusszeileBeteiligte{
  width:65em;
  margin:0em;
  padding:0;
  padding-left:0.7em;
}

div#fusszeileBeteiligte img{
  padding:0;
  padding-right:0.5em;
  margin:0em;
}

/**********************************************************************
Impressum / Datenschutz
**********************************************************************/

.impressum {
  display:block;
  margin-top:20em;
}


/*********************************************************************
Formular
*********************************************************************/

div#formular{
  width:30em;
}

div#formular label{
  float:left;
  padding-right:1em;
  width:8.5em;
}

div#formular input{
  border:1px solid #565656;
  /*width:20em;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin-bottom:0.5em;
}

div#formular textarea{
  border:1px solid #565656;
  width:20em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin-bottom:0.5em;
  height:10em;
}

div#formular textarea.breit{
  width:29em;
}

div#formular select{
  float;left;
  border:1px solid #565656;
  width:20em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin-bottom:0.5em;
}

div#formular div select{
  float;left;
  border:1px solid #565656;
  width:20em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin-bottom:0.5em;
}

div#formular input#button{
  margin-left:20em;
  border:1px solid red;
}

.tabellarischlinks{
display:block;
float:left;
width:8em;

}

.tabellarischrechts{
display:block;
float:left;
width:20em;
}

.error{
  color:red;
}

#inhalt .adressblock {
  margin-bottom: 2.5em;
}

#inhalt .adressblock img{
  float:right;
  margin-bottom: 0.8em;
}
