/* ===============================
   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: 101%;}

body {line-height: 1; background: #01396a url(../grafik/fond-page.gif) 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/head2.jpg) center top repeat-x;}
.header_3 {background: url(../grafik/head3.jpg) center top repeat-x;}

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

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

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

#navi { width: 454px; padding-top: 32px; text-align: left;}
#navi ul {width: 160px; margin: 0 17px 17px 0;}
#navi ul li {display: block;width: 160px; padding-bottom: 4px;line-height: 18px; height: 18px; }
#navi ul li a {display: block; font-weight: bold; font-size: 12px;color: #4282b3; padding: 0 0 0  5px; height: 18px; text-decoration: none; border-bottom: 1px solid #fff; display: block; background: url('../grafik/navi_back.gif');}
#navi ul li a img {display: block;float: left; margin-right: 5px;}
#navi ul li a:hover,
#navi ul li a.used {color: #f3f3f6; background: url('../grafik/navi_back_hover.gif');}
#navi div.nogap {width: 217px;}
#navi div.nogap ul {margin-right:0px;}

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

#navi ul.subnavi {margin: -19px 0 0 175px; position: absolute;}
*html #navi ul.subnavi {margin-top:0;}
#navi ul.subnavi li {padding-bottom: 4px; width: 240px;}
#navi ul.subnavi li a {color: #f3f3f6; background: url('../grafik/navi_back_hover.gif'); vertical-align: middle;}


#navi ul.subnavi li a:hover,
#navi ul.subnavi li a.used {background-color: #999999;}

/* ===============================
   =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;}
.small { font-size: .825rem;}

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

#spalte-links {float: left; width: 454px; padding-top: 20px;}
#spalte-rechts { float: right; width: 454px; padding-top: 20px;}
#spalte-links-gross { margin: 0 auto;float: left; display: block; width: 757px; padding-top: 20px;}
#spalte-rechts-klein { margin: 0 auto; float: right; display: block; width: 217px; padding-top: 20px;}

/* ===============================
   =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 img {margin: 41px;}
.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 {}
.artikel-text .mce-panel div { padding: 0; }
.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;padding-bottom: 2rem;}
#foot p {float: right; font-size: 70%; color: #fff;}
#foot p a {color: #fff; 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;}
.info, .erfolg, .hinweis, .fehler, .validation {
    border: 1px solid;
    padding-right: 50px;
    background-repeat: no-repeat;
    background-position: 170px 10px;
}
.info {
    background-color: #BDE5F8;
    background-image: url('../grafik/icons/info.png');
}
	.info h2 {color: #00529B;}
.erfolg {
    background-color: #DFF2BF;
    background-image:url('../grafik/icons/success.png');
}
	.erfolg h2 {color: #4F8A10;}
.hinweis {
    background-color: #FEEFB3;
    background-image: url('../grafik/icons/warning.png');
}
	.hinweis h2{    color: #9F6000;}

.fehler {
    background-color: #FFBABA;
    background-image: url('../grafik/icons/error.png');
}
	.fehler h2 {color: #D8000C;}

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

.mce-tinymce { clear: both; }

/* ===============================
   =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 {  width: 350px; border: 1px solid #999;}
.send_image_form{width: auto; padding: 0; margin: 0; border: 0; float: left;}
input.submit {  width: auto;}
form br {  clear: left;}



/*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, Verdana, Tahoma, sans-serif;}
form.kontakt textarea       {width: 230px; height: 172px; padding:3px; font-family: Arial, Verdana, 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:10px;background: #036 url('../grafik/icons/arrow_out.png') no-repeat 380px 10px;}
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;background: #B0C4DE url('../grafik/icons/arrow_out.png') no-repeat 380px 3px;}

object.buttons{
/*  Mit zus�tzlichen Wahlbutton:
height:361px;
*/
height:229px;
margin-bottom:20px;
width:454px;
}
#overlay {	position: fixed;	z-index:100;	top: 0px;	left: 0px;	height:100%;	width:100%;}
.overlayMacFFBGHack {background: url(../front_grafik/macFFBgHack.png) repeat;}
.overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#text_container table { width: auto; }

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

.jconfirm-supervan a {
	color: #fff;
	text-decoration: underline;
}
.jconfirm-supervan .jconfirm-content {
	padding-bottom: 1rem;
}

.artikel-aufbau-klein.warning {
	background-color: #D70011;
	color: #fff;
}
.artikel-aufbau-klein.warning p {
	color: #fff;
}