/*||||||||||||||||||||BODY||||||||||||||||||*/
html {
        height:100%;
}

body {
        height:100%;
        margin:0px;
        padding:0px;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:76%;
        /* font sizing in ems, baby. if you want to change anything, just change this.*/
        /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
        color:#000000;
        background:#F6F6F6 url(../img/bg_left.gif) top left repeat-y;
        /*scrollbar formatting, only ie 5.5+*/
        /*Scrollbar musste dem Drang nach der Validität leider weichen
        scrollbar-face-color:#D1D1D3;
    scrollbar-highlight-color:#D1D1D3;
           scrollbar-shadow-color:#D1D1D3;
           scrollbar-3dlight-color:#FFFFFF;
           scrollbar-darkshadow-color:#FFFFFF;
           scrollbar-arrow-color:#FFFFFF;
           scrollbar-track-color:#FFFFFF; */
}


/*||||||||||||||||||||LAYER||||||||||||||||||*/

.clearer {
         clear: both;
         padding: 0px;
         margin: 0px;
}

#page {
        position: relative;
        /*height:100%;*/
        height: 97%;
        overflow: auto;
        /*height:auto;*/
} 

#header {
        width:100%;
        height:155px;
        background:#BECFE4 url(../img/streifen_muster.gif) top right repeat-x;
}

#logo {
        float: left;
        width:215px;
        height:155px;
}

#img_top {
  float: left;
  height:155px;
  width:365px;
  background:url(../img/img_top_03.jpg) top left no-repeat;
}

#titel {
  float: right;
  padding: 115px 10px 5px 0px;
}

#navigation {
        float: left;
        padding-top: 25px;
        min-height:350px; 
        width:215px;
}

#menu {
}

#content_normal {
        /*position:relative;*/
        width:365px;
        border-left:#E2E2E2 1px dotted;
        border-right:#E2E2E2 1px dotted;
        background:#FCFCFC;
        float: left;
}


#inhalt_normal{
        padding:25px 15px 15px 15px;
}

#content_right {
        position:absolute;
        left:615px;
        top:185px;
        width:298px;
        height:420px;
        /*height: auto;*/
        background:#FCFCFC;
        border:#E2E2E2 1px dotted;
        overflow:hidden;
        
}

#inhalt_right {
        margin:15px 50px 15px 15px;
}

#img_right {
        position:absolute;
        right:0px;
        top:0px;
        border-left:#E2E2E2 1px dotted;
        background: #01112a;
        height: 100%;
}

#footer {
        width:100%;
        height:3%;
        background:#B8B8B8;
        overflow: hidden;
}

#breadcrumb {
        font-size:0.9em;
        font-weight:normal;
        color:#7D7D7D;
}

#breadcrumb a {
        text-decoration:none;
        color:#7D7D7D;
}

#breadcrumb a:hover {
        border-bottom:1px #7D7D7D dotted;        
}

#adresse {
        display:none;
}


/*|||||||||||||||||||TYPO3 TEXTUAL MENU|||||||||||||||||||*/

#textmenu a {
        text-decoration:none;
}

#textmenu a:hover {
        text-decoration:none;
        border-bottom:1px #000000 dotted;
}

/*original first nav-level  was made smaller, because the main categories are not displayed anymore (in this textmenu)*/

.nav_one_off {
        margin:0px 0px 5px 25px;
}

.nav_one_on {
        margin:0px 0px 5px 25px;
}

.nav_one_off a {
        font-size:0.9em;
        font-weight:normal;
        line-height:1.2em;
        color:#313131;
}

.nav_one_on a {
        font-size:0.9em;
        font-weight:bold;
        line-height:1.2em;
        color:#313131;
}

.nav_two_off {
        margin:0px 0px 5px 35px;
}

.nav_two_on {
        margin:0px 0px 5px 35px;
}

.nav_two_off a {
        font-size:0.8em;
        font-weight:normal;
        line-height:1.1em;
        color:#313131;
}

.nav_two_on a {
        font-size:0.8em;
        font-weight:bold;
        line-height:1.1em;
        color:#313131;
}

/*third nav-level most likely not used anymore*/
.nav_three_off {
        margin:0px 0px 5px 45px;
}

.nav_three_on {
        margin:0px 0px 5px 45px;
}

.nav_three_off a {
        font-size:0.8em;
        font-weight:normal;
        line-height:1.1em;
        color:#313131;
}

.nav_three_on a {
        font-size:0.8em;
        font-weight:bold;
        line-height:1.1em;
        color:#313131;
}



/*|||||||||||||||||||TYPOGRAPHY|||||||||||||||||||*/

a {
        text-decoration:underline;
        /*font-weight:normal;*/
        color:#26354D;
}

a:hover {
        /*font-weight:normal;*/
        color:#172335;
}

a.footer {
        text-decoration:underline;
        font-weight:normal;
        color:#515151;
}

a.footer:hover {
        text-decoration:none;
        font-weight:normal;
        color:#515151;
}

h1 {
        font-size:1.2em;
        font-weight:bold;
        margin:0.6em 1.5em 1.4em 0em;
        color:#26354D;
        /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.
        margin-top:0em;
        margin-bottom:0em;*/
}

h2 {
        font-size:1.1em;
        /*line-height:0em;*/
        margin:0.6em 1.5em 0.9em 0em;
        font-weight:bold;
        color:#26354D;
}

h3 {
        font-size:1.0em;
        line-height:0em;
        margin:0.6em 1.5em 1.4em 0em;
        font-weight:bold;
        color:#26354D;
}

p {
        font-size: 1.0em;
        line-height:1.6em;
        margin:0em 0em 2.8em 0em;
}

table {
        font-size: 1.0em;
        line-height:1.4em;
        margin:0em 0em 1.4em 0em;
}

#inhalt_right h1 {
        font-size:1.1em;
        /*line-height:0em;*/
        margin:0.6em 1.5em 1.1em 0em;
        font-weight:bold;
        color:#26354D;
}

#inhalt_right p {
        font-size: 0.9em;
        line-height:1.1em;
        margin:0em 0em 0.6em 0em;
}

#inhalt_right h4 {
        font-size: 0.9em;
        font-weight:bold;
        margin:-0.3em 0em 0.5em 0em;
}

img {
        border:0;
}

ul {
        list-style-position:outside;
        list-style-type:disc;
        margin:1.0em 1.5em 1.5em 1.5em; 
}

li {
        font-size:1.0em;
        line-height:1.2em;
        padding-bottom:0.6em;
}

p.footer_adresse {
        display:inline;
        font-size:0.8em;
        color:#3F474D;
        padding-left:8em;
        padding-bottom:0px;
}

p.footer_impressum {
        display:inline;
        font-size:0.8em;
        color:#3F474D;
        padding-left:3em;
        padding-bottom:0px;
}

pre {
        /*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
        font-family:monospace;
        font-size:1.0em;
}
        
strong, b {
        font-weight:bold;
}

em, i {
        color:#4174B7;
        font-style:normal;
}

form p {
        font-size: 1.0em;
        line-height:1.6em;
        margin:0em 0em 0em 0em;
        color:#3F474D;
}

/* ### Logo fuer print ### */
#logo_print{
	display: none;	
}	

/* FORMULARE ------------------------------------------------ */
/* ---------------------------------------------------------- */
/*
        Im n�chsten Schritt wird das Style Sheet erstellt, um die Labels und 
        Kontrollelemente zu positionieren. Zun�chst werden die Labels mit der 
        Klasse "left" rechtsb�ndig an eine imagin�re Mittelachse gebracht und 
        mit einem Abstand zu den daneben stehenden Kontrollelementen versehen:
*/
/*label.left {
        float: left;
        text-align: right;
        width: 10em;
        margin-right: .3em;
}*/

/*
        Als n�chstes werden die Text- und Auswahlboxen rechts daneben 
        positioniert. Weil diese im HTML ohne einen erzwungenen Zeilenumbruch 
        (z.B. durch <br /> oder die Grenzen einer <td>) nach den Labels kommen, 
        ordnen sie sich durch das float:left; automatisch rechts neben die 
        Beschriftungen ein:
*/ 
/*input[type=text], select {
        float: left;
}*/

/*
        Dann kommen die Radiobuttons und Checkboxen an die Reihe, die ja bereits 
        mit der Klasse "right" versehen sind. Der Abstand ergibt sich hier aus 
        der Breite der Textlabels f�r die vorhergehenden Textfelder (5em) plus 
        dem Abstand dieser Labels zu ihren Kontrollelementen (.3em). Hieraus ergibt 
        sich f�r die folgenden Kontrollelemente inklusive des "Absenden"-Buttons ein 
        linker Abstand von 5.3em, um sich an besagter Mittelachse auszurichten:
*/
/*input.right {
        float: left;
        width: auto;
        clear: both;
        margin-left: 15.3em;
        margin-right: .3em;
}*/

/*
        Aus unerfindlichen Gr�nden braucht diesmal der Mozilla eine Extrawurst 
        in Form eines zus�tzlichen em f�r den Abstand nach links:
*/
/*input[type=checkbox].right,
input[type=radio].right,*/
/* input[type=submit].right {
        margin-left: 6.3em;
}*/

/*
        Durch die folgende Deklaration werden die float-Zust�nde wieder aufgehoben, 
        so dass es danach ganz normal im Fluss des Dokumentes weitergehen kann:
*/
/*form br {
        clear: both;
}*/