@charset "UTF-8";
/*
    Document   : standard.css
    Created on : 28.11.2012, 19:16:16
    Author     : Mike_
    Description: Standard css für alle Seitenvorlagen
*/


/*Font*/
@import "reset.css";
@import "font.css";


body {

    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    overflow-y:scroll;
    color:#4E4E4E;


}
.active{    
    color:#FFF;
    background-color:#ff9900;
}
li.active a{    
    color:#FFF;
    background-color:#ff9900;
}

a, a:visited{ color: #004388; }
a:hover {
    /* color:#ff9900; */
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass diese Angaben auch für die .nav-Liste gültig sind, wenn Sie keinen spezifischeren Selektor festlegen. */
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;	 /* Durch Entfernen des oberen Randes wird ein Problem vermieden, bei dem Ränder aus dem umgebenden Block entweichen. Der verbleibende untere Rand sorgt für den Abstand von allen folgenden Elementen. */
    /* [disabled]padding-right: 15px; */
    /* [disabled]padding-left: 15px; */ /* Hinzufügen von Auffüllungswerten für beide Seiten jeweils enthaltener Blockelemente statt für die Blöcke macht Box-Modell-Berechnungen unnötig. Alternativ kann auch ein untergeordneter Block mit Auffüllung an den Seiten verwendet werden. */
}
h2{
    margin-bottom: 10px;
}
h2.pressemitteilung_ueberschrift, .news h2, .csc-header h2,.csc-textpicHeader h2 {
    background: url("../Images/dehoga_gross.jpg") no-repeat 0px 7px;
    padding-left:20px;
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
    border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {


    /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {

}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
    text-decoration: none;
}
/* ~~ Dieser Container fester Breite umgibt alle anderen Blockelemente. ~~ */
.container {
    width: 1152px;
    background-color: #FFFFFF;
    margin: 0 auto; /* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
    overflow:hidden;
}
/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. ~~ */
header {
    /*   background-color: #FFFFFF;
       border-bottom: 2px solid #ff9900;
       width: 1160px;
       height: 128px; 
       overflow: hidden; */
}

h1,h2{
    font-weight:bold;
    color:#004388;
    margin-bottom:10px;

}

h1 {

    font-size: 18px;    
}

h2 {

    font-size: 18px;     
}
h3.pressemitteilung_untertitel {
    color: #004388;
    font-weight: bold;
    margin-bottom:10px;
}
p {
    font-size: 13px;
    color:#4e4e4e;
    margin-bottom: 10px;
    /*text-align: justify;*//* Blocksatz */
}

/*
DIV Element rechte Seite
*/
.linkes_menue {
    float: left;
    width: 180px;
    padding-bottom: 10px;
}
/*
Header /  Kopfbild
*/
.header_top {
    border-bottom: 1px solid #ff9900;
    width: 1152px; 
    overflow: hidden;
    position: relative;
}
.header_bild {
    height: 128px;
    width: 930px;
    overflow:hidden;
}
.header_logo {
    overflow:hidden;
}
/*slider*/
#pageSlider{
    width: 930px;
    height: 128px;
    z-index: 1;
    float: left;
}

/*
Inhaltselemente
*/
.content {	
    padding-left:30px;
    padding-right:29px;    
    border-left:1px solid #ff9900;
    border-right:1px solid #ff9900;
    margin-bottom: 15px;
    overflow-x: hidden;
    min-height: 652px;
    margin-bottom: -32000px;
    padding-bottom: 32000px;    
}
.innerwrapper {
    margin-top:15px;	
}

.contentwrapper {
    width: 750px;
    float: left;
}	
/*
DIV auf der rechten Seite
*/
.csc-default {
    margin-bottom: 20px;
}
.content .csc-default {
    padding-bottom: 10px;
    border-bottom: 1px solid #ff9900;
}

.csc-default ul {
    
}

.right_sidebar {
    width:210px;
    float:right;
    overflow: hidden;
    /* margin-right: 10px; */
}	

aside {
    float: left;
    width: 220px;
}


/* ~~ Stile für die Navigationslisten (können entfernt werden, wenn Sie ein vordefiniertes Ausklappmenü wie Spry verwenden) ~~ */
ul.nav {
    list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
    border-top: 1px solid #666; /* Hiermit wird der obere Rahmen für die Hyperlinks erstellt. Alle anderen werden mit einem unteren Rahmen im LI-Element platziert. */
    margin-bottom: 15px; /* Hiermit wird der Abstand zwischen den Navigationselementen und den darunter angeordneten Inhalten erstellt. */
}
ul.nav li {
    border-bottom: 1px solid #666; /* Hiermit wird die Trennung der Schaltflächen erstellt. */
}
ul.nav a, ul.nav a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen das Erscheinungsbild einer Schaltfläche beibehalten. */
    /*padding: 5px 5px 5px 15px;*/
    display: block; /* Hiermit werden die Blockeigenschaften für Hyperlinks angegeben, sodass das gesamte umschließende LI-Element ausgefüllt wird. Hiermit wird angegeben, dass der gesamte Bereich auf einen Mausklick reagiert. */
    width: 200px;  /*Mit dieser Breite reagiert die gesamte Schaltfläche in IE6 auf Mausklicks. Kann entfernt werden, wenn IE6 nicht unterstützt werden muss. Berechnen Sie die exakte Breite durch Subtrahieren der Auffüllung für diesen Hyperlink von der Breite des Containers für die Seitenleiste. */
    text-decoration: none;
    background-color: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
    background-color: #fff;
    color: #004388 ;
}



/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts schweben lassen. Das schwebende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links schweben lassen. Das schwebende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann einem <br />-Tag oder einem leeren Blockelement als abschließendes Element nach dem letzten schwebenden Block (innerhalb von .container) zugewiesen werden, wenn die Fußzeile entfernt oder aus .container verschoben wird. */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*Unterstützung für HTML5 - Legt für die neuen HTML5-Tags die Eigenschaft "display:block" fest, damit die Tags in den Browsern korrekt dargestellt werden. */
header, section, footer, aside, article, figure {
    display: block;
    overflow-x: hidden;
}
/*
Links im Menue auf der linken Seite
*/
.navigation li a {
    text-decoration:none;
    color:#004388;
    display: block;

    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;

}
.navigation li {
    line-height: 2;
    display:block;
    border-bottom:1px solid #ff9900;
    font-weight: bold;
    overflow:hidden;
}

.navigation li.first {
    line-height: 2;
    display:block;
    border-top:1px solid #ff9900;
    font-weight: bold;
    overflow:hidden;
}

.navigation li.last {
    line-height: 2;
    display:block;
    border-bottom:0px none;
    font-weight: bold;
    overflow:hidden;
}

ul.navigation li a:hover,ul.navigation li.active a {
    background-color:#ff9900;
    color:#FFF;

}
ul.navigation li.active ul{
    background: #ffffff;
}
ul.navigation li.active ul li a,ul.navigation li ul li a {
    background: #ffffff;
    color:#004388;
    padding-left:20px;
}

ul.navigation li.active ul li.active a,ul.navigation li ul li.active a {
       background-color:#ff9900;
    color:#FFF;
    padding-left:20px;
}
.navigation {
    font-size: 12px;
    margin-bottom: 30px;
}

/*
Menue im Kopfbereich
*/

.header_logo_wrap {width:222px;float: right;}
.oberes_menu_wrap { position: absolute; bottom: -1px; right:221px; z-index:100;}

.oberes_menu {
    
}
.oberes_menu_zeile li {

    /* height:25px; */
}
li.oberes_menu_link a {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.oberes_menu_link > a{
    color:#004388;
}

.oberes_menu_zeile li:hover{
    background-color: #ff9900;
    color:#FFF; 
}
li.oberes_menu_link a:hover {color:#FFF;}
li.oberes_menu_link a:active {color:#FFF;background-color: #ff9900;}
.oberes_menu_link {
    font-size: 12px;
    float: right;
    display:block;
    background: #FFF;    
    margin-left: 1px;
    margin-right: 1px;
    /*    padding-left: 10px;
	padding-right: 10px; 
    */
    border:1px solid #ff9900; 
    font-weight: bold;
}
ul.oberes_menu li a:hover, a:active {
    background-color:#ff9900;
    color:#FFF;

}

/*
Menue auf der rechten Seite
*/
.linkes_menue {
    display:block;
    /*  border-right: 1px solid #ff9900;*/
}

/*

Style Pressemitteilungen

*/


.pressemitteilungen {
    /*
	overflow-x: hidden;
    */
}

.pressemitteilung_ueberschrift {


}

.pressemitteilungen_liste  {

    /*  list-style-image:url(dehoga_klein.jpg);
    */
    list-style-image: url(../Images/dehoga_gross.jpg);
    list-style-position: inherit;
    margin-left: 18px;
}

ul.liste li.listenelement_h2 {

    font-size: 20px;
}
.presse_bild {

    float:right;
    margin-bottom:10px;
    margin-left:10px;
    /*    height:100px;
	width:150px;*/
    /*   border: 1px solid #E0DBDB;*/
    padding: 3px;
    overflow:hidden; 
}


.news ul li.weiterlesen{
   list-style-image: url(../Images/dehoga_klein.jpg);
   list-style-position: inside;
   vertical-align: middle;
}

.weiterlesen  a {   
    color: #004388;
}

/*

Style Trenner

*/



/*

Styles Liste

*/

.listenname {}

.liste {}

ul.liste {
    /* color: #FF9900;
     font-size: 12px;
     list-style-type: square;
     margin-left:20px;*/
    list-style-image: url(../Images/dehoga_klein_.jpg);
    list-style-position: inherit;
    margin-left: 13px;

}
li {
/*    list-style: inside disc;*/
    color: #333;
    /*color: #ff9900;*/
}

li label {
    color:#004388;
    
}
.listenelement {
    margin-bottom: 5px;
}
.listenelement_link{
    font-size: 13px;
    color:#004388; 
    border-bottom: 1px dotted #FF9900;
}
.listenelement_link:hover  {
    border-bottom: 1px dotted #FF9900;
    color:#ff9900 
}
/*ul {
    color: #FF9900;
    list-style-type: square;
} */

/*

Styles Mitarbeiter

*/

.mitarbeiter {
    /*    margin-bottom:30px;*/
    position: relative;
}
.mitarbeiter_bild {
    float: left;
    height:134px;
    width:100px;
    overflow:hidden;
}
.mitarbeiter_data {
    margin-left:120px;
}
h2.mitarbeiter_funktion { margin-top: 0px;}
.mitarbeiter_name {

    font-weight: bold;
    margin-bottom: 5px;
}
ul li a.mitarbeiter_vita{
    text-decoration: none;
    margin-top: 5px;
}
.mitarbeiter_data ul li{
    list-style-image: url(../Images/dehoga_klein.jpg);
    list-style-position: inherit;
    margin-left: 13px;
}
.mitarbeiter_data ul {
    padding:0px;
}

.mitarbeiter_kontakt_raum {
    font-size: 13px;
    margin-top: 10px;
}
.mitarbeiter_kontakt_telefon,.mitarbeiter_kontakt,.mitarbeiter_name,.mitarbeiter_vita {
    font-size: 13px;
}

/*

Styles News

*/

.news {
    display:block;
    overflow-x: hidden;
}
.news_bild {
    float: right;
    margin-left:10px;
    /* [disabled]margin:10px; */
    width:150px;
    height:100px;
    max-width: 151px;
    max-height: 101px;
    overflow:hidden;
}

/*

Style Tabelle

*/
.contenttable,.contenttable table, table td, tr, th {
    border:1px solid #ff9900;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {color:#4e4e4e;}
.tabelle {
    width:461px;
    height:60px;
    border: 1px solid black;
}

table {
    margin-top: 10px;
    margin-bottom: 10px;

}

.zelle {
    width: 50px;
    height:25px;
}
.zelle_lang {
    width: 100px;
    height:25px;
}

td, tr {
    height: 25px;
    vertical-align: middle;
}

.bilder_linkes_menue {}

/* 
Fusszeile
*/

footer {
    display: none;
    border-top: 2px solid #ff9900;
    height: 30px;
    position: relative;/* Liefert "hasLayout" für Internet Explorer 6, zum korrekten Rücksetzen der schwebenden Ausrichtung. */
    clear: both; /* Diese "clear"-Eigenschaft ermöglicht es dem .container-Block, das Ende der Spalten zu erkennen und sie korrekt zu umschließen. */
}
.footer_link {}
.footer_menu {}
.footer_span {
    margin-top: 15px;
    float: left;
    margin-bottom: 15px;
}
/* Formular */
div.csc-mailform form input[type="submit"],input[type="reset"] {
    margin-left: 182px;
}

input,textarea {
    border:1px solid #ff9900; 
    padding: 4px;
}

div.csc-mailform ol li {
    margin-top: 5px;
}
form {
    font-size: 13px;
    color:#4E4E4E;
}
label em, legend em {
    display: inline;
    margin-left: 3px;
    color:#ff9900;
}

.csc-form-element-submit input {
    border: 1px solid #ff9900;
    background: #ffffff;
    color: #004388;
    font-weight:bold;
    padding:5px 10px 5px 10px;
}

.csc-form-element-submit input:hover {
    background: #ff9900;
    color: #fff;
}


/* Fehlermeldungen */
label strong, legend strong {
    color: #ff9900 !important;
    text-transform: none !important;
}

/* Suche */
.searchbox-sword {
    width:135px;
    margin-right: 6px;
}
*+html .searchbox-sword {width:127px;}
input.searchbox-button {
    border: 1px solid #ff9900;
    padding:3px;
    font-weight: bold;
    color: #004388;
    background: #ffffff;
}

input.searchbox-button:hover {
    border: 1px solid #ff9900;
    padding:3px;
    font-weight: bold;
    color: #fff;
    background-color: #ff9900;
}

.tx-indexedsearch-searchbox input {
    /* margin-left: 20px; */
}
.tx-indexedsearch-searchbox input {
    border: 1px solid #ff9900;
    padding:4px;
    font-weight: bold;
    color: #004388;
    background-color: #fff;
}
.tx-indexedsearch-searchbox input:hover {
    border: 1px solid #ff9900;
    padding:4px;
    font-weight: bold;
    color: #fff;
    background-color: #ff9900;
}
input.tx-indexedsearch-searchbox-button {
    margin-top: 10px;
}

select {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}
/*password eingabefeld*/
#pass ,#user{
    border:1px solid #ff9900;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: normal;
    color:#4E4E4E
}
.tx-felogin-pi1 a {
    display: block;
    margin-top: 10px;
}
/*anmeldem button*/
.tx-felogin-pi1 input {
    padding:4px;
    background-color: #fff;
    color:#004388;
    font-weight: bold;
    border : 1px solid #ff9900;
}
.tx-felogin-pi1 input[type="submit"]:hover {
    padding:4px;
    background-color: #ff9900;
    color:#fff;

}
/*Anmeldung*/
form {
    margin-top: 10px;
}
legend {
    color: #FF9900;
}
.tx-srfeuserregister-pi1-password {
    border: 1px solid #ff9900;
}
select {
    border: 1px solid #ff9900;
}
.tx-srfeuserregister-pi1-uploader {
    border: 1px solid #ff9900;
}
.tx-felogin-pi1 input  {
    margin-top: 10px;
}
.tx-srfeuserregister-pi1 input {
    border: 1px solid #ff9900;
    background-color: #fff;
    color: #4E4E4E;
    padding: 4px;
    margin-top: 10px;
}

.tx-srfeuserregister-pi1 label span {
    color:#ff9900;
}
.tx-srfeuserregister-pi1-submit:hover {
    background-color: #ff9900;
    color:#fff;
}
.tx-srfeuserregister-pi1-submit {
    font-weight: bold;
    color:#004388;
}

.csc-bulletlist li {
    list-style:inside square;
    vertical-align: middle;
}
.right_sidebar #indexedsearchbox form,
.right_sidebar #indexedsearchbox table {
    margin:0px; padding:0px;
}
.right_sidebar #indexedsearchbox table tr td {
    margin:0px; padding: 0px;
    
}
.right_sidebar #indexedsearchbox {
    margin-bottom: 10px;
}

.badge {
    position: absolute;
    top:0;
    left:0;
}

div.csc-mailform form ol li label em {
    display:inline;
}

div.csc-mailform input {margin-bottom: 5px; margin-top: 5px;}

.bildunterschrift, .autordatum {font-size:9px; color: #666;}
ul.cycle li { list-style-type: none;}



/*RasterElemente Styles  RasterElement 50-50 */
.RasterElement50_50{
    padding:0px; margin:0px;
}
div.RasterElement50_50 div.Spalte_1 {
    width: 330px;
    float: left;
    margin-right: 10px; 
}
div.RasterElement50_50 div.Spalte_2 {
    width: 330px;
    float: right;
}



/* RasterElemente Styles RasterElement 33-33-33 */
.RasterElement33_33_33{
    padding:0px; margin:0px;
}
div.RasterElement33_33_33 div.Spalte_1{
    width: 220px;
    float: left;
}
div.RasterElement33_33_33 div.Spalte_2{
    width: 220px;
    float: left;
    margin:  0 10px;
}
div.RasterElement33_33_33 div.Spalte_3{
    width: 220px;
    float: left;
}


/* RasterElemente Styles RasterElement 25-25-25-25 */
.RasterElement25_25_25_25{
    padding:0px; margin:0px;
}
div.RasterElement25_25_25_25 div.Spalte_1{
     width: 162px; 
     float: left;
     margin-right: 10px;
}
div.RasterElement25_25_25_25 div.Spalte_2{
     width: 162px;
     margin-right: 10px;
     float: left;
}
div.RasterElement25_25_25_25 div.Spalte_3{
     width: 162px;
     margin-right: 10px;
     float: left;
}
div.RasterElement25_25_25_25 div.Spalte_4{
     width: 162px;
     float: left;
}


/* RasterElemente Styles RasterElement75_25 */
.RasterElement75_25{
    padding:0px; margin:0px;
}
div.RasterElement75_25 div.Spalte_1 {
    width: 495px;
    float: left;
    margin-right: 10px;
}
div.RasterElement75_25 div.Spalte_2 {
    width: 165px;
    float: right;
}


/* RasterElemente Styles RasterElement25_75 */
.RasterElement25_75{
    padding:0px; margin:0px;
}
div.RasterElement25_75 div.Spalte_1 {
    width: 165px;
    float: left;
    margin-right: 10px;
}
div.RasterElement25_75 div.Spalte_2 {
    width: 495px;
    float: right;
}

.content .RasterElement50_50 .csc-default,
.content .RasterElement25_75 .csc-default,
.content .RasterElement75_25 .csc-default,
.content .RasterElement25_25_25_25 .csc-default,
.content .RasterElement33_33_33 .csc-default {
    border: none;
}

.content ul li {
    list-style-type: square;
    list-style-position: inside;
    color: #4E4E4E;
    padding-left: 13px;
    text-indent: -13px;
}
.content ul li.weiterlesen {
    list-style-type: none;
}

li.level3 {
    padding-left: 20px;
    border-top: 1px solid white;
}

ul.navigation li ul li.active.level3 a {
    background-color: #FFAA2A;
}

.content ul li.download { list-style-type: none; margin-top: 10px; }


/* Sitemap simple Style*/
.csc-sitemap a {
    margin: 10px 0;
}

.csc-sitemap ul li {
    padding-bottom: 2px;
    padding-top: 8px;
    list-style: none;
}

.csc-sitemap ul li:last-child {
    padding-bottom: 0;
}