/* Grundeinstellungen 
*/

/* Wichtige Farben 
#0099FF
#006BB3
#fff
#000
*/

/* Tags */
*{
  padding: 0;
  margin: 0;
}
body{
  font-size:70%;
  line-height:1.4em;
  background: #fff url(gfx/bg.gif);
  text-align: center;
}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dd,dt,p,input,textarea,select,label,legend{
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left; /* Alle Elemente Linksbündig */
}
h1,h2,h3,h4,h5,h6{
  clear: both;
  margin: 15px 15px 5px;
  padding: 5px;
}
h2{
  font-size: 2em;
  border-bottom:1px solid #555;
}
h3{
  font-size: 1.6em;
}
h4{
  font-size: 1.4em;
}
h5{
  font-size: 1.2em;
}
p {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0 15px 5px;
  padding: 10px;
}
ul,li{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
img, a img{
  border: 0;
}
strong{
  font-weight:bold;
}
a{

  color:blue;
}
a:visited{
  color:red;
}
a:hover{

  color:#006;
}
a:active{
  color:#000;
}
dl{
  margin: 0 15px 5px;
  padding: 10px;
}
dt,dd{
  font-size: 1.2em;
  line-height: 1.4em;
}
dt{
  font-weight:bold;
}
dd{
padding-left:10px;
}

/*FORMULARE*/
fieldset{
  margin: 15px 60px 5px;
  padding: 5px;
  border:1px solid #000;
}
legend{
  font-size: 1.8em;
}
form p{
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 5px 15px 5px;
  padding: 0;
}
label{
  font-weight: bold;
  display: block;
}
label.radio{
  display: inline;
  padding-left: 0.5em;
}
select{
  display: block;
  width:150px;
}
input.button{
  display:block;
  text-align:center;
  margin:0 45px 5px auto;
  padding:5px;
  background-image:url(gfx/navi.gif);
  border:1px solid #000;
  font-size:110%;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
  height:28px;
}
input.button:hover{
  background-image:url(gfx/button_hover.gif);
}
.fehler{
  font-weight:bold;
  font-size:150%;
  border:3px solid #f00;
  background:transparent;
  margin: 15px 60px 5px;
}
input.text{
  width: 300px;
}
textarea{
  width: 400px;
  height: 150px;
}
/* Klassenvorgaben */
.clear {
  clear: both;
}
.none{
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
.leftalign{
  float: left;
}
.rightalign{
  float:right;
}
.blindtext{
  border:1px solid #000;
  background:white;
  margin:20px;
  padding: 10px;
  font-family:"Times New Roman";
  text-align:left;
  font-size:13px;
  line-height:18px;
}
.blindtext p{
  font-family:"Times New Roman";
  text-align:left;
  font-size:13px;
  line-height:18px;
  margin:0;
  padding:0 0 8px;
}
/* Layout */
#header {
  margin: 0;
  padding: 15px 0 10px;
  text-align: center;
  background: #fff url(gfx/bg_header.png) repeat-x top left;
}
#logo{
  margin: 0 auto 10px;
  width: 758px;
  height: 250px;
  border: 1px solid #000;
  background: #006BB3 url(gfx/logo.png) no-repeat top left;
}

#navigation{
  margin: 0 auto;
  padding: 0;
  height:28px;
  width: 758px;
  border: 1px solid #000;
  background: #fff url(gfx/navi.gif) repeat-x top left;
  font-size:150%;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
  text-align:center;
}
#navigation ul {
  display: inline;
  margin: 0 auto;
  padding: 0px;
}
#navigation li{
  display:inline;
}
#navigation li a{
  display:-moz-inline-box; /* Firefox unterstützt display:inline-block; nicht! */
  display:inline-block;
  height: 18px;
  padding: 5px 10px;
}
#navigation li a:link, #navigation li a:visited{
  text-decoration:none;
  color:#000;
}
#navigation li a.active:link, #navigation li a.active:visited{
  text-decoration:none;
  background: #fff url(gfx/button_active.gif) repeat-x top left;
  color:#000;
}
#navigation li a:hover, #navigation li a.active:hover{
  text-decoration:none;
  background: #fff url(gfx/button_hover.gif) repeat-x top left;
  color:#000;
}
#inhalt{
  width: 758px;
  min-height:300px;
  margin: 0 auto;
  padding: 0;
  background:#7CCBFF;
  border: 1px solid #000;
}
#footer{
  margin: 10px auto 0;
  padding: 0;
  height:28px;
  width: 758px;
  border: 1px solid #000;
  background: #fff url(gfx/navi.gif) repeat-x top left;
}
#footer p{
  text-align: center;
  font-size: 120%;
  margin: 0;
  padding: 4px;
  font-weight:bold;
}
#footer p#besucher{
  float: right;
  font-weight: normal;
  padding-right:10px;
}
ul#adresse{
  font-size: 1.2em;
  margin: 0 15px 5px;
  padding: 10px;
}
ul#adresse li{
  padding: 3px;
}
ul#faq, ul#faq ul{
  font-size: 100%;
  margin: 0 15px 5px;
  padding: 10px;
}
ul#faq ul{
  margin: 0 15px 0px;
  padding: 0 10px;
}
ul#faq li{
  list-style-type: square;
  margin: 0 10px;
  font-weight:normal;
}
ul#faq>li{
  font-weight:bold;
}
