/* ===============================
   INHALTSVERZEICHNIS
===============================

   1. Allgemeine Selektoren
   2. HEADER
   3. LOGO
   4. NAVIGATION
        4.1 Navi rechte Spalte
   5. SUBNAVIGATION
   6. SUCHBOX
   7. INHALT
        7.1 Vertikale Trennlinie im Inhalt
   8. SPALTEN
   9. SPALTENINAHLTE
   10. FUSSBEREICH
   11. BLOCK-ELEMENTE
   12. KONTAKTFORMULAR

=============================== */

/* ===============================
   =1. Allgemeine Selektoren
=============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
    font-family: arial, helvetica, sans-serif;
	vertical-align: baseline;
}

html {height: 100%;}

body {line-height: 1; color: white; background: #7FA5C6 url(../grafik/fond-page.jpg) 0 266px repeat-x; text-align: center;}

/* ===============================
   =2. HEADER
=============================== */

#pagewrapper {text-align: center;}

#head {width: 994px; height: 266px; margin: 0 auto;}

.header_1 {background: url(../grafik/head2.jpg) center top repeat-x;}
.header_2 {background: url(../grafik/head3.jpg) center top repeat-x;}
.header_3 {background: url(../grafik/head1.jpg) center top repeat-x;}

/* ===============================
   =3. LOGO
=============================== */

#logo {width: 204px; height: 204px; float:left; padding-left:3px;}

/* ===============================
   =4. NAVIGATION
=============================== */

#navi {float: right; width: 454px; padding-top: 32px; text-align: left;}
#navi ul {width: 217px; margin-right:17px;}
#navi ul li {width: 217px; padding-bottom: 4px;line-height: 18px; height: 18px; }
#navi ul li a {font-weight: bold; color: #005D9E; padding-left: 5px; line-height: 18px; height: 18px; text-decoration: none; background-color: #FDDE00; display: block;}
#navi ul li a:hover,
#navi ul li a.used {background-color: #99B1CA;}
#navi div.nogap {width: 217px;}
#navi div.nogap ul {margin-right:0px;}

/* ===============================
   =5. SUBNAVIGATION
=============================== */

#navi ul.subnavi {margin-top:26px;}
*html #navi ul.subnavi {margin-top:27px;}
#navi ul.subnavi li {padding-bottom: 4px;}
#navi ul.subnavi li a {background-color: #FFF293;}
#navi ul.subnavi li a:hover,
#navi ul.subnavi li a.used {background-color: #A8C1DA;}

/* ===============================
   =6. SUCHBOX
=============================== */

#suche {margin-top: 14px; width: 217px; font-weight: bold; font-size: 80%; color: #005D9E;}
#suche form {margin: 0px;}
input.suchbox {width: 214px; margin: 0px; padding-left: 3px;}
*html #suche input.suchbox {padding-left: 1px;}
input.button {width: 30px; margin-top: 4px; border: 0px; float:right;}

/* ===============================
   =7. INHALT
=============================== */

#inhalt {width: 994px; margin: 0 auto; text-align: left; display:block;}
#inhalt a {color: #005D9E; text-decoration: underline;}
#inhalt a:hover {text-decoration: none;}

.trennlinie {background: url(../grafik/trenner.gif) center repeat-y;}

/* ===============================
   =8. SPALTENAUFBAU
=============================== */

#spalte-links {background: url(../grafik/fond-inhalt-gelb.gif) repeat-x;float: left; width: 454px; padding-top: 40px;}
#spalte-rechts {background: url(../grafik/fond-inhalt-gelb.gif) repeat-x; float: right; width: 454px; padding-top: 40px;}
#spalte-links-gross {background: url(../grafik/fond-inhalt-gelb.gif) repeat-x; margin: 0 auto;float: left; display: block; width: 757px; padding-top: 40px;}
#spalte-rechts-klein {background: url(../grafik/fond-inhalt-gelb.gif) repeat-x; margin: 0 auto; float: right; display: block; width: 217px; padding-top: 40px;}

/* ===============================
   =9. SPALTENINAHLTE
=============================== */

p,noscript,fieldset {color: #005D9E; font-size: 75%; line-height: 1.3; margin: 0 0 0 0;}
p.youtube  {width:200px; float:left; padding-right:20px;}
ul, ol {list-style: none; color: #005D9E; font-size: 75%; line-height: 1.3; margin: 0 0 0 0;}

.artikel-aufbau {background: #FFF url(../grafik/farbe4.gif) repeat-y; margin-bottom: 20px; display: block; float: left;}

.artikel-news {width: 162px; float: left;}
.artikel-news p {color: #000; padding: 3px 5px 15px 5px;}
.artikel-text {color: #005D9E; float:right; width: 595px;}

#spalte-links .artikel-text, #spalte-rechts .artikel-text {float:right; width: 292px;}

.artikel-text p {padding: 8px 15px;}
.artikel-text noscript,.artikel-text blockquote,.artikel-text div {padding: 0 15px 0 15px;}
.artikel-text ul {list-style-type: circle; padding-left:32px; margin-bottom: 15px;}
.artikel-text ol {list-style-type:decimal; padding-left:32px; margin-bottom: 15px;}

.artikel-aufbau table  {color: #005D9E; font-size: 75%; line-height: 1.3; margin: 0 15px 15px 15px; width:560px;}
#spalte-links .artikel-aufbau table, #spalte-rechts .artikel-aufbau table  {color: #005D9E; font-size: 75%; line-height: 1.3; margin: 0 15px 15px 15px; width:260px;}
.artikel-aufbau table tbody tr td {text-align:left; background-color:#EFEFEF;}
.artikel-aufbau td, .artikel-aufbau th {padding:2px;}

/* Sortable tables */
table thead {background-color:#808080; color:#fff; font-weight: bold; font-size: 110%; cursor: default; text-align:left; line-height:1.5;}
span#sorttable_sortfwdind, span#sorttable_sortrevind {font-weight: bold; font-size:100%; font-family:"Arial Unicode MS",Arial,sans-serif;}

.artikel-aufbau-klein {background: #FFF; margin-bottom: 20px; display: block;}
.artikel-aufbau-klein ul {list-style-type: circle; padding-left: 32px; padding-bottom: 15px;}
.artikel-aufbau-klein ol {list-style-type:decimal; padding-left:32px; padding-bottom: 15px;}

#spalte-rechts-klein p  {padding: 8px 15px;}

/* ===============================
   =10. FUSSBEREICH
=============================== */

#foot {margin: 0 auto; width: 994px;}
#foot p {float: right; font-size: 70%; color: #000;}
#foot p a {color: #005D9E; text-decoration: underline;}
#foot p a:hover {text-decoration: none;}

/* ===============================
   =11. BLOCK-ELEMENTE
=============================== */

h1, h2 {font-size: 95%; font-weight: bold; padding: 8px 0 8px 15px; color: #005C9E;}

hr {text-align:left; height:1px; border-top:1px solid #005D9E;margin: 0 15px;}

b, strong {font-weight:bold;}

u {text-decoration:underline;}

em,i{font-style: italic;}

.clear {clear: both;}
.right {float:right;}
.left {float:left;}
.fehler {color:red;}
.erfolg {color:#32CD32;}
.hinweis {color:#FF8C00;} 

span.tabulator {float: left; width: 120px; display:block; font-weight: normal;}

/* ===============================
   =12. KONTAKTFORMULAR
=============================== */

form {margin: 10px;}

fieldset { border:1px solid #808080;padding:10px;margin-bottom:20px;}
legend {color:#808080;padding:0 5px;}


label {display: block; margin-top: 10px;}

.box {width: auto;}
.box1 {width: auto;border: 0px;}

input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
    width: 350px; border: 1px solid #999;}

.send_image_form{width: auto; padding: 0; margin: 0; border: 0; float: left;}


input.submit { /* den Submit-Button */
    width: auto;}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
    clear: left; /* das floating der labels und inputs aufheben */}



/*Klassen fuers große Kontaktformular */
span.tabulator2             {float: left; display:block; height: 16px; line-height: 1.2; width: 100px;}
span.tabulator3             {float: left; display:block; height: 16px; line-height: 1.2;}
span.fehler2                {color:#D70011;}
form.kontakt input          {width: 230px; padding-top:3px; padding-left:3px; border: 1px solid #005D9E; font-size: 100%; color:#333; font-family: Arial, Veradana, Tahoma, sans-serif;}
form.kontakt textarea       {width: 230px; height: 172px; padding:3px; font-family: Arial, Veradana, Tahoma, sans-serif; border: 1px solid #005D9E; font-size: 100%; color:#333;}
form.kontakt input.button2  {width:100px; line-height: 20px; margin-top:10px;background-color:#FEDE00;}
form.kontakt input:hover,form.kontakt textarea:hover,form.kontakt input:focus,form.kontakt textarea:focus {background-color:#FFF293;}
form.kontakt input.box1     {width: auto;border: 0px;}
/* Sortierbare Liste */
ul#hauptmenue
{
width: 400px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
cursor:move;}

ul#hauptmenue li
{
color: #FFF;
display: block;
background-color: #FFFACD;
border-bottom: 1px solid #fff;
}

ul#hauptmenue li b
{
display: block;
padding:3px;
background-color: #036;
}

ul#hauptmenue li ul
{
margin:0;
padding:0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 5px solid #fff;
}

ul#hauptmenue  li ul li
{
font-size:130%;
color: #036;
display: block;
padding: 3px;
background-color: #B0C4DE;
border-bottom: 1px solid #fff;
}

object.buttons{
/*  Mit zusätzlichem Wahlbutton:
height:361px;
*/
height:229px;
margin-bottom:20px;
width:454px;
}

div#pagernavi { margin-bottom:20px;background-color: #FDDE00; padding:5px;}
div#pagernavi.nav a { font-size:90%; color: #005C9E; padding: 0 7px 0 0; text-decoration:none;}
div#pagernavi.nav a.highlight { font-weight: bold; }