html {
	height: 100%;
}
body  {
font-size: 100.1%;
background : #132932 url(../pics/background.jpg) no-repeat;
margin: 0;
padding: 0 0 0 0;
min-height: 100%;

}
:focus {
	outline: 0;
}	
li li {
  font-size: 12px !important;
}

h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
	font-family: Arial, Helvetica, sans-serif;
}

/* LINKS
---------------------------------*/
#content a:link  {
color : #f9cf60;
text-decoration : none;
}
#content a:visited {
color : #f9cf60;
text-decoration : none;
}
#content a:hover {
color : #f9cf60;
text-decoration: underline;
}
#content a:active {
color : #f9cf60;
text-decoration : none;
}


#container {
text-align: left;
margin: 0 auto;
width: 940px;
background: transparent url(../pics/aspekt-10.gif) 235px 65px no-repeat;
background: transparent url(../pics/aspekt-10.gif) 320px 0px no-repeat;

 }
#header {
background: transparent url(../pics/punkt-weiss.gif) 0px bottom repeat-x;
position : relative;
width: 940px;
height : 200px;
}
#logo {
position : absolute;
top: 60px;
left : 20px;
}
#logo a {
text-decoration: none;
}
#logo h1 {
	color: #fbb805;
	font-size: 1em;
	font-weight: normal;
}

#logo a img {
border: 0;
}
div.topnav     {
font-size: 0.8em;
position : relative;
left : 740px;
width : 300px;
padding : 0;
}

div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}

div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}

div.topnav a      {
margin : 0;
padding : 125px 9px 0 7px;
display : block;
float : left;
text-decoration : none;
color: #fff;
}
div.topnav a img {
border: 0;
}

div.topnav a:hover   {
text-decoration : underline;
color : #f9cf60;
}

div.topnav ul li.current_page_item, 
div.topnav ul li.current_page_item a:link, 
div.topnav ul li.current_page_item a:visited, 
div.topnav ul li.current_page_item a:hover, 
div.topnav ul li.current_page_item a:active {
color: #f9cf60;
}


#main  {
width: 940px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
}
div.mainnav   {
float: left;
width: 300px;
padding: 0;
background: transparent url(../pics/bg-trans-blaugrau.png) repeat scroll left top;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.mainnav {
  margin-right: -3px;
  background: transparent;
  }

* html  #content {
  height: 1%;
  margin-left: 200px;
  background: transparent;
  }

/* End hide from IE5/mac */

div.mainnav  ul {
margin: 0;
list-style: none;
display: block;
background:transparent;
}
div.mainnav li      {
font:  0.9em/23px Arial, Helvetica, sans-serif;
background: transparent;
}
html div.mainnav li {
display: inline; /*fr IEs*/
background: transparent;
}
div.mainnav li a   {
color: #f2c449;
text-decoration: none;
padding: 3px 0px 3px 20px;
display: block;
background: transparent;
}



div.mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus  {
color: #f2c449;
padding: 3px 0px 3px 20px;
background: transparent url(../pics/weiss-trans.png) repeat scroll;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus {
  background: transparent url(../pics/pfeil-liste.gif) 0 10px no-repeat;
  }

/* End hide from IE5/mac */


div.mainnav li li a {
padding-left: 40px !important;
font-weight: normal;
text-transform: none;
background: transparent;
}

div.mainnav li li a:hover {
padding-left: 40px !important;
font-weight: normal;

}

div.mainnav li li a:hover {
padding-left: 40px !important;

}

div.mainnav li li a:active {
padding-left: 40px;
background: transparent;
}
div.mainnav li li a:focus {
padding-left: 40px;
background: transparent;
}



div.mainnav ul li.current_page_item a:link, 
div.mainnav ul li.current_page_item a:visited, 
div.mainnav ul li.current_page_item a:hover, 
div.mainnav ul li.current_page_item a:active {
background: transparent url(../pics/weiss-trans.png) repeat scroll;
}

div.mainnav li.current_page_item li, 
div.mainnav li.current_page_item li a:link, 
div.mainnav li.current_page_item li a:visited,
div.mainnav li.current_page_item li a:active {
background: transparent;
}

div.mainnav li.current_page_item li a:hover {
background: transparent url(../pics/weiss-trans.png) repeat scroll;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
  
* html div.mainnav ul li.current_page_item a:link, 
* html div.mainnav ul li.current_page_item a:visited, 
* html div.mainnav ul li.current_page_item a:hover, 
* html div.mainnav ul li.current_page_item a:active  {
  background: transparent url(../pics/pfeil-liste.gif) 0 10px no-repeat;
  }
  
* html div.mainnav li.current_page_item li, 
* html div.mainnav li.current_page_item li a:link, 
* html div.mainnav li.current_page_item li a:visited,
* html div.mainnav li.current_page_item li a:active  {
  background: transparent;
  list-style-type: none;
  }

* html div.mainnav li.current_page_item li a:hover {
background: transparent url(../pics/pfeil-liste.gif) 0 10px no-repeat;
} 

* html div.mainnav li.current_page_item li a:active  {
  background: transparent;
  list-style-type: none;
  }

/* End hide from IE5/mac */

#content {
	margin-left: 360px;
	width: 580px;
	background: transparent url(../pics/bg-trans-blaugrau.png) repeat scroll left top;
	font-family: Verdana, Geneva, sans-serif;
}

.platz { height: 400px; }
div[class = "platz"] { height: auto; min-height: 400px }


#content p { color: #b4c6ce; font-size: 0.8em;  padding: 10px 30px 5px 40px; line-height: 21px; font-family:Verdana, Geneva, sans-serif;} 
#content h1    { color: #f9cf60; font-size: 1em; padding: 10px 15px 5px 15px; font-weight: bold; }
#content h2    { color: #f9cf60;  font-size: 0.9em; padding: 10px 15px 0px 15px; margin-bottom: 5px; font-weight: bold;}
#content h3    { color: #f9cf60; font-size: 0.8em; padding: 10px 15px 5px 15px; font-weight: bold; }
#content ul { list-style-type: none; padding-top: 10px; }
#content li {
font-size: 0.8em;
color: #b4c6ce;
margin-left: 3em;
line-height: 21px;
background-image: url(../pics/pfeil-liste.gif);
background-position: 0 7px;
background-repeat: no-repeat;
padding-left: 2em;
font-family: Verdana, Geneva, sans-serif;
}

.kleiner {
	font-size: 0.8em;
}


#footer {
	width: 100%;
	float: left;
	clear: left;
	background: #132932 url(../pics/footer-bg.jpg) 0px top no-repeat;
	padding-top: 20px;
	height: 115px;
	color: #b4c6ce;
	
}

#footer p {
	text-align: right;
	padding-right: 20px;
	font-size: 0.7em;
}

table {
	color: #b4c6ce;
	padding-left: 40px;
}
td {
	font-size: 0.8em;
}

 /*-----FORMULAR---*/
form {
font-size: 100%;

}	
fieldset {
	width: 400px;
	border: 0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html fieldset {
  width: 360px;
  }
/* End hide from IE5/mac */
fieldset p { 
width: 100%; 
float: left; 
}
fieldset input  {
width: 60%; 
border: 1px solid #ccc;
background: #F7FAFB;
}
.submit {	
	background:  #F7FAFB;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;
	
}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0 0 0 2px; 
margin: 0 5px 0 0;
background: #f4f3dd; 
color: #000;
	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #F7FAFB;
}	
.kurz {
	width:20px;
}

/* TABELLE */
table {
  border-collapse: collapse;
  border: 0;
  color: #b4c6ce;
  background: transparent;
  width: 95%;
  margin-left: 15px;
  margin-right: 20px;
  margin-bottom: 15px;
  }
  
table tbody {
border: 0;
}

td {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #b4c6ce;
  font-size: 0.8em;
  }

thead th, tfoot th {
  border: 0;
  text-align: left;
  background: #d2e3f3;
  color: #b4c6ce;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {

  color: #363636;
  }
tbody th a {
  font: normal 12px arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
tbody tr:hover {
  background: #1b3b48;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }



div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color: #fff;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
		color: #fff;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}