html {height:100%}

body {
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 100.01%; /* Rundungsfehlers Opera */
	font-size: 80%;
	color: #000;
	background: #fff;
	margin:10px;
	min-height: 101%;
	position: relative;
}



#page_margins {width:910px; margin:auto; text-align: left;}



/* --- Markupfreie CSS-Floatclearing-Loesungen -- */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Diese Angabe benoetigt der Safari-Browser zwingend !! */

.clearfix {display: block;}



/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */

hr.clear_columns{

        content: ".";

        display: block;

        height: 0;

        line-height: 0px;

        clear: both;

        float: left;

        visibility: hidden;

        border: 0;

        padding: 0;

        margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */

}



/* --- Schriftformatierungen allg.--------------- */

h1,h2,h3,h4 {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; display:block;}



h1 {font-size: 1.1em; font-weight:bold; color: #666;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
h2 {font-size: 1.0em; font-weight:bold; color: #fff; background-color: #006699;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 0.8em; font-weight:bold; color: #ccc; margin:0.4em 0 0.3em 0;}
h4 {font-size: 1.0em; font-weight:bold; color: #888; margin:0.4em 0 0.3em 0; border-bottom: 1px #ccc solid;}



p,ul {line-height: 1.5em;}

p {margin: 0 0 1em 0;}



hr {color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 1px #eee solid;}



.detail {font-size: 0.9em; font-weight:bold; color: #999; margin:0.4em 0 0.3em 0; line-height: 1em;}

tr td{font-size: 1.2em; font-weight:bold; color: #999; margin:0.4em 0 0.3em 0; line-height: 2em;}

/* --- Formatierung der Inhaltsspalten ---------- */



#nav    {clear:both; width: 100%; z-index: 100;}
#main   {clear:both; width: 100%; z-index: 10;}





#col1 { float:left; width:170px;}
#col2 { float:right; width:180px;}
#col3 { width:auto; margin-left: 200px; margin-right:200px;}





/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor

** dem Spaltenhintergrund erscheinen. */

#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1, #col2, #col3 { position: relative; }



#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}
#col1_content, #col2_content, #col3_content { position: relative; }



#main {color: #000; background: #fff ; padding: 1em 0 0em 0em;}



/* linke Spalte */

#col1_content {padding-top:1.5em; margin-left: 1em; margin-right: 1em; color: #444; background:inherit;}



/* Rechte Spalte */

#col2_content {padding-top:1.5em; margin-left: 1em; margin-right: 1em;}



/* Mittlere Spalte */

#col3         {
               margin-left: 170px;
               margin-right: 180px;
               border-left: 0px dotted #ddd;
               border-right: 0px dotted #ddd;
}



#col3_content {padding-top:1.5em; margin-left: 1em; margin-right: 1em;}



/* Spaltentrenner */

#col3 {border-left: 2px #ddd dotted; border-right: 2px #ddd dotted;}



#col1_content h1 {color: #222;}

#col1_content h3 {color: #222; border-bottom: 1px #ccc solid;}

#col2_content h3 {border-bottom: 1px #ccc solid;}





/* --- Header ----------------------------------- */

#header {position:relative; height: 190px; color: #fff; background: #848685 url("../img/misc/header.jpg") no-repeat right;}

#header img {position:absolute; top: 0px; right: 0px; font-size:208%;}



/* --- Hauptnavi -------------------------------- */

#menu1 {background: #999; border-top:1px solid #666;}

#menu2 {background: #bbb;}

#menu1, #menu2 {float:left; width: 100%; border-bottom: 1px #666 solid;}



#menu1 ul, #menu2 ul {

	white-space: nowrap;

	line-height: 100%;

	margin:0;

	padding:0 0 0 14px;

	list-style:none;

}



#menu1 ul li, #menu2 ul li {

	float:left;

	padding: 0;

	margin: 0;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	margin-left:-1px;

}





#menu1 a, #menu2 a {

    display:block;

    font-size: 100%;

    font-weight: bold;

    background: transparent;

    text-decoration: none;

    color: #000;

    margin: 0;

    padding: 6px 10px;

}



#menu1 ul li a:hover {

        background: #bbb;

        color: #333;

        text-decoration: none;

}

#menu2 ul li a:hover {

        background: #fff;

        color: #333;

        text-decoration: none;

}



/* --- Menu current Stati ------------------- */

#menu1 ul li#current, #menu2 ul li#current {

        border-left: 1px #444 solid;

        border-right: 1px #888 solid;

}



#menu1 ul li#current1 a, #menu1 ul li#current1 a:hover {

        color: #333;

        background:#bbb;

        text-decoration: none;

}



#menu2 ul li#current2 a, #menu2 ul li#current2 a:hover {

        color: #333;

        background:#fff;

        text-decoration: none;

}





/* --- Footer ----------------------------------- */

#footer { clear:both; width:auto; }

#footer {color:#888; background:#fff; padding: 0.2em 0 0 0; border-top: 1px #ddd solid; line-height: 1em;}

#footer ul {}

#footer li{list-style:none; display:inline;}

#footer a {padding:0 10px;}



/* --- Sitemap ---------------------------------- */

.sitemap1, .sitemap2, .sitemap3, .sitemap4, .sitemap5 {list-style:none;}

.sitemap1 a, .sitemap2 a, .sitemap3 a, .sitemap4 a, .sitemap5 a{display:block;}

.sitemap1 a:hover, .sitemap2 a:hover, .sitemap3 a:hover, .sitemap4 a:hover, .sitemap5 a:hover{text-decoration:none; background-color:#FEE;}

.sitemap1 a{font-size:18px; padding-left: 20px;}

.sitemap2 a{font-size:16px; padding-left: 40px;}

.sitemap3 a{font-size:14px; padding-left: 60px;}

.sitemap4 a{font-size:12px; padding-left: 80px;}

.sitemap5 a{font-size:10px; padding-left: 100px;}





/* --- Auszeichnung lokaler und externer Links --- */

a, a em.file {color: #900; text-decoration:none;}

a:hover {background-color: #fee; text-decoration:underline;}



#topnav a {color: #fff; background:transparent; text-decoration:none;}

#topnav a:hover {text-decoration:underline; background-color: transparent;}



a.dl_link {

        display: block;

        padding: 0;

        margin: 0.5em auto 0 auto;

}



a.dl_link:hover {text-decoration: none; background-color: transparent;}



#footer a {color: #669; font-size:90%;}

#footer a:hover {background-color: #eef;}



#col3 a external-link-new-window[href^="http:"], #col3 a[href^="https:"],

#col1 p a external-link-new-window[href^="http:"], #col1 p a[href^="https:"],

#col2 p a external-link-new-window[href^="http:"], #col2 p a[href^="https:"]

{

        /*padding-left: 12px;

        background-image: url('../img/misc/ext_link.gif');

        background-repeat: no-repeat;

        background-position: left;*/

        border-width: 0px;

}



#col3 external-link-new-window{border-width: 0px;}

/* --- Formulare --------------------------------- */

input, textarea {

        width: auto;

        font: 1em Verdana, Arial, Helvetica, Sans-Serif;

        border: 1px #ccc solid;

        background: #fafafa;

        padding: 3px;

        color: #777;

}



input[type=text]:focus, textarea:focus {

        background: #f0f0f0;

        color: #333;

        border-color: #666;

}



fieldset.csc-mailform label {float:left; width:110px;}

fieldset.csc-mailform {border:0;}



/* Sprache --------------------------------------- */

#language {

        text-align: center;

        margin-left: 12px;

        margin-right: 12px;

        border-bottom: 1px #ccc solid;

}



b, strong{ font-weight:bold;}