/*||||||||||||||||||||BODY||||||||||||||||||*/

html, body {
        height: 100%;
}

body {
        margin:0;
        padding:0;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:76%;
        color:#000;
        background: #FFF url(../../img/body_bg.gif) top left repeat-y;
}

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

/*------------header-------------------------*/

#header {
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:131px;
        background:#FFF;
        z-index:25;
}

#logo {
        position:absolute;
        left:0px;
        top:0px;
        width:160px;
        height:131px;
}

#img_top {
        position:absolute;
        left:160px;
        top:0px;
        height:131px;
        width:360px;
        background:#fff url(../../swf/images/ritter_gebaeude.jpg) top left no-repeat;
        /*background: #FFF url(../../img/img_top.jpg) top left no-repeat;*/
}

#slogan {
        position:absolute;
        top:0px;
        left:520px;
        padding:60px 5px 10px 10px;
        z-index:60;
        font-size:1.2em;
        color:#fff;
        width:235px;
        height:61px;
        background:#161F62;
        /*filter:alpha(opacity=90); 
        -moz-opacity:0.9;*/
}
#slogan h1 {
        font-size:1.0em;
        color:#fff;
        font-weight:bold;
        margin:0;
        line-height:1.3em;
}

#language-nav {
        position:absolute;
        left:10px;
        top: 145px;
        /*min-height:350px; */
        width:160px;
        z-index:100;
        font-size:0.9em;
}

#language-nav img {
        margin:2px 2px -2px 0;
}

#language-nav a {
        color:#888;
}

#language-nav a#activelang {
        color:#000;
        text-transform:uppercase;
}

/*------------navigation-------------------------*/

#navi_left {
        position:absolute;
        left:0px;
        top: 215px;
        /*min-height:350px; */
        width:160px;
        background:#FFF;
}

#navi_left a:hover {
        border-bottom:1px solid;
}

/*------------first level-------------------------*/

.nav_left_one_off {
        width:145px;
       /* height:20px;*/
        margin:5px 0 0 0;
        
        padding:5px 5px 5px 10px;
        background:#C9CAE5;
} 

.nav_left_one_on {
        width:145px;
       /* height:20px;*/
        margin:5px 0 0 0;
        padding:5px 5px 5px 10px;
        background:#B2B1D7;
}

.nav_left_one_off a {
        color:#000;
        font-size:1.0em;
        font-weight:bold;
}

.nav_left_one_on a {
        color:#C00000;
        font-size:1.0em;
        font-weight:bold;
}


/*------------second level-------------------------*/

.nav_left_two_off {
        width:149px;
       /* height:14px;*/
        margin:2px 0 0 0;
        padding:2px 0 5px 11px;
        background:#D5D6EC;
}

.nav_left_two_on {
        width:149px;
       /* height:14px;*/
        margin:2px 0 0 0;
        padding:2px 0 5px 11px;
        background:#C9CAE5;
}

.nav_left_two_off a {
        color:#000;
        font-size:0.8em;
        font-weight:normal;
}

.nav_left_two_on a {
        color:#C00000;
        font-size:0.8em;
        font-weight:normal;
}

.nav_left_two_off a:hover {
        color:#000;
}


/*------------third level-------------------------*/

.nav_left_three_off {
        width:142px;
        height:12px;
        margin:1px 0 0 0;
        padding:1px 0 4px 18px;
        background:#D5D6EC;
}

.nav_left_three_on {
        width:142px;
        height:12px;
        margin:1px 0 0 0;
        padding:1px 0 4px 18px;
        background:#C9CAE5;
}

.nav_left_three_off a {
        color:#000;
        font-size:0.8em;
        font-weight:normal;
}

.nav_left_three_on a {
        color:#C00000;
        font-size:0.8em;
        font-weight:normal;
}

.nav_left_three_off a:hover {
        color:#000;
}

/*------------content-------------------------*/

#page {
        position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
        width:100%;
        -width:auto;
}
html>body #page {
    height: auto;
}

#content {
        margin:0px 0px 0px 190px;
        /*width:560px;*/
}

#text {
        padding:220px 0px 60px 0px;
        width:560px;
}

#rako {
        position:absolute;
        left:800px;
        top:131px;
        width:152px;
        font-size:0.8em;
        line-height:1.2em;
        color:#777777;
}

#rako p {
        margin:0;
        color:#000;
}

#rako a {
        color:#000;
}


#content_right {
        position:absolute;
        left:800px;
        /*top:235px;*/
        top:10px;
        width:100px;
        font-size:0.8em;
        color:#777777;
        z-index:100;
}
#content_right p {
        margin:3px 0 0 0;
        color:#000;
}
#content_right a {
        color:#000;
}
#content_right h3 {
        /*margin:3px 0 0 0;*/
        font-size:1.1em;
        margin-bottom:9px;
}

/*------------footer-------------------------*/

#footer {
        position:absolute;
        bottom:0px;
        left:0px;
        width:100%;
        height:30px;
        z-index:40;
        -margin-left:-190px;
        
}

#navi_bottom {
        position:absolute;
        bottom:15px;
        left:0px;
        height:17px;
        width:580px;
        background:#B3B6D2;
        padding-left:190px;
        padding-top:3px;
}

#navi_bottom a {
        text-decoration:none;
}

#navi_bottom a:hover {
        text-decoration:none;
        border-bottom:1px solid; /* dotted*/
}

.nav_bot_off {
        display:inline;
        height:15px;
        margin:0px 0px 0px 0px;
        padding:5px 15px 0px 0px;
}

.nav_bot_on {
        display:inline;
        height:15px;        
        margin:0px 0px 0px 0px;
        padding:5px 15px 0px 0px;
}

.nav_bot_off a {
        font-size:0.9em;
        font-weight:normal;
        color:#000;
}

.nav_bot_on a {
        font-size:0.9em;
        font-weight:normal;
        color:#FFFFFF;
}



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

a {
        text-decoration:none;
}

#content a {
        color:#C00000;
}
#content a:hover {
        color:#DB0000;
}

h1 {
        font-size:1.2em;
        line-height:1.7em;
        font-weight:bold;
        margin:0em 1.5em 0.8em 0em;
        color:#000;
        /*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;

}

img {
        border:0;
}

img.right {
        display:block;
        margin:0px 15px 20px 0px;
}

ol, ul {
        margin:-0.5em 0 1.5em 1.5em;
        padding:0;
}

li {
        font-size:1.0em;
        line-height:1.4em;
        list-style:disc;
        margin:0;
        padding:0;
}

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

td {
        font-size: 1.0em;
        line-height:1.4em;
        vertical-align:top;
}

td p {
        margin:0;
        padding:0;
}
        
strong, b {
        font-weight:bold;
}

em {
        color:#4174B7;
        font-style:italic;
}

table.service {
        font-size:1.0em;
        table-layout:fixed;
        width:100%;
        border-collapse:collapse;
        margin:-5px 0 50px 0;
        border-top:2px solid #9695C5;/*#161F62;*/
}

table.service a {
        color:#C00000;
}

table.service td {
        font-size:0.9em;
        padding:5px 0;
        border-bottom:1px solid #DADBE4;/* #DADBE4;*/
}

table.service tr.divide td {
        border-top:2px solid #CACDE6;/*#B2B1D7;*/
}

table.service td.img {
        width:100px;
}


/* 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;
}



/* default styles for extension "tx_croncssstyledimgtext" */
/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */




.tx-flseositemap-pi1 ul {
   margin:0px 0px 6px 10px;
}
.tx-flseositemap-pi1 ul li {
   padding: 2px;
}