﻿ body {	font-family: "Trebuchet MS", Arial, Helvetica; margin-left: 10px; margin-right: 10px;	font-size: 13px; line-height: 1.3;	color: #333333;
 background-color:#749B97; font-family:arial,sans-serif;} 


blockquote {  
width: 32.8em; 
border:1px #C7CFD7 solid; 
background-color:#f4f6f8; 
margin: 0 auto 2em auto; 
padding: 0 1em 0 1em; 
padding-top: 5px;
font: italic 1.4em/2em Georgia,"Times New Roman",Times,serif; 
color:#5b6b82 
}

blockquote p {
margin: 0px; 
padding: 0px; 
}

form {}
input, select, textarea { color:#000; }
.Bereich { background-color:#F0F9FA; width:440px; border:1px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Preisaus { background-color:#F0F9FA; width:427px; border:1px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Feld { background-color:#F0F9FA; width:300px; border:1px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Textfeld  { background-color:#F0F9FA; width:300px; height:90px; border:0px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.PLZ { background-color:#F0F9FA; width:60px; border:1px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Ort { background-color:#F0F9FA; width:235px; margin-left:3px; border:1px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Feld2 { background-color:#fff; width:130px; border:0px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Auswahl { background-color:#CFD6E8; width:100px; border:0px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.Captcha { background-color:#EEEEEE; width:100px; border:1px solid #344; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}


ul {
	list-style-image: url(punkt.gif);
	margin-left: 13px; 
	padding-left: 4px;
	margin-top: 0px;
	padding-top: 0px;
	color: #000000;
}

ol {
	
	margin-left: 15px; 
	padding-left: 6px;
	margin-top: 0px;
	padding-top: 0px;
}



/* Dies sind die Klassenstile für das Menü */

ul.menu, ul.menu ul {
	z-index:100;
    list-style-image: url(clear.gif);
	margin-left: 0px; 
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
    /*list-style-type: none;*/
	text-transform:uppercase;
}


ul.menu a {
    display: block;
    padding: 5px 26px 4px 26px;
    font-weight:bold;
	font-size:0.9em;
	color:#444444;
	background-color:#FFFFFF;
}

ul.menu a:hover {
    display: block;
    padding: 5px 26px 4px 26px;
    font-weight:bold;
	font-size:0.9em;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#009D99;
}


.menu-level1-active {
    display: block;
    font-weight:bold;
	font-size:1em;
	color:#ff0000;
	text-decoration:none;
	background-color:#000099;
}

.aktiver {
    display: block;
    font-weight:bold;
	font-size:1em;
	color:#ff0000;
	text-decoration:none;
	background-color:#FF9D99;
}


.aktivermenuepunkt a {
    display: block;
    font-weight:bold;
	font-size:1em;
	color:#ff0000;
	text-decoration:none;
	background-color:#FF9D99;
}

.aktivermenuepunkt a:active {
    display: block;
    font-weight:bold;
	font-size:0.9em;
	color:#ff0000;
	text-decoration:none;
	background-color:#999D99;
}
.aktivermenuepunkt a:hover {
    display: block;
    font-weight:bold;
	font-size:0.8em;
	color:#ff0000;
	text-decoration:none;
	background-color:#00FF99;
}

ul.menu ul a {
    padding: 0 10px;
}



ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    background-color: #FFFFFF;
    float:left;
    border:0px;
}


ul.menu ul {
    margin-left:0;
    padding: 5px 0 6px 0;
    position: absolute;
    background-color: #FFFFFF;
    border:1px solid #4E4E4E;
    display:none;
	min-width:180px;
}

/* IE-Hack für die Breite */
html ul.menu ul {
    width:180px;
}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;	
}


ul.menu ul li {
    float:none;
    background-color: transparent;
}
ul.menu ul li a {
	padding:2px 25px 2px 25px;
	background-color:#FFFFFF;
	font-size:12px;
	text-transform:none;
	color:#666666;
}
ul.menu ul li a:visited {
	padding:2px 25px 2px 25px;
	background-color:#FFFFFF;
	font-size:12px;
	text-transform:none;
	color:#666666;
}
ul.menu ul li a:hover {
	padding:2px 25px 2px 25px;
	background-color:#E4EEF0;
	font-size:12px;
	text-transform:none;
	color:#009D99;
}

h1
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin-top: 10px;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	font-size: 18px;
	font-weight: bold;
	color: #339999;
	}	

h2
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin-top: 10px;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	font-size: 18px;
	font-weight: bold;
	color: #bbbbbb;
	}	
	
h3
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin: 10px 0 0 0;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	font-size: 15px;
	font-weight: bold;
	color: #339999;
	}	

h4
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin-top: 10px;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	font-size: 13px;
	font-weight: normal;
	color: #339999;
	}	


p, td
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	margin:0px;
	font-size: 13px;
	line-height: 1.3;
	color: #333333;
	}
.csc-mailform-submit
	{
	background-color: rgb(238, 238, 238); 
	font-family: 'Trebuchet MS';
	}
li  {
	list-style-type: square;
/*	list-style-image: url(punkt.gif); */
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	line-height: 1.3;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	margin-bottom: 0px;
	color: #333333;
	}


b, strong  {
	color: #008888;
	}

.fett-grau {
	font-family: "Trebuchet MS", Arial, Helvetica;
	line-height: 1.3;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	margin-left: 0px;
	padding: 0 0 0 0;
}


.news
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	/*margin-left: 5px;*/
	/*margin-right: 5px;*/
	color: #008888;
	}


/*Links*/
a
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	line-height: 1.3;
	font-size: 13px;
	text-decoration: none;
	color: #008888;
	margin-left: 0px;
	padding: 0 0 0 0;
}
a:visited
    {
	color: #008888;
	}
a:hover
    {
	color: #000000;
	text-decoration: underline;
	}

.error {
	font-weight: bold;
	margin-left: 13px;
	color: #FF0000;
	text-decoration: none;
}
	
.eins
	{
	font-weight: bold;
	margin-left: 10px;
	color: #000000;
	text-decoration: none;
	}

.eins a:hover
    {
	color: #000000;
	text-decoration: none;
	}

.eins a:active
    {
	text-decoration: none;
	}
	
.eins a:visited
    {
	color: #000000;
	text-decoration: none;
	}

.eins a:link
    {
	color: #000000;
	text-decoration: none;
	}
	
.zwei
	{
	font-weight: bold;
	margin-left: 5px;
	color: #008888;
	text-decoration: none;
	}

.zwei a:link
    {
	color: #008888;
	text-decoration: none;
	}

.zwei a:visited
    {
	color: #008888;
	text-decoration: none;
	}	
	
.zwei a:hover
    {
	color: #000000;
	text-decoration: none;
	}
	


.drei
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-weight: normal;
	margin-left: 0px;
	line-height: 18px;
	font-size: 13px;
	color: #008888;
	text-decoration: none;
	}
.drei a:link
    {
	color: #008888;
	text-decoration: none;
	}
.drei a:hover
	{
	color: #000000;
	text-decoration: underline;
	}

.drei a:visited
    {
	color: #008888;
	text-decoration: none;
	}

.drei a:link
    {
	color: #008888;
	text-decoration: none;
	}
	
.important {
	color: red;
	
	}

.klickpfad_titel {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:11px;
	text-decoration: none;
	margin-left: 0px;
	height:1.2em;
	background-color:#666666;
	padding: 4px 0px 3px 8px ;
	color:#FFFFFF;
	}

.klickpfad_text a {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:11px;
	text-decoration: none;
	margin-left: 0px;
	height:1.2em;
	background-color:#666666;
	padding: 4px 0px 3px 0px ;
	color:#FFFFFF;
	}
.klickpfad_text a:visited {
	text-decoration: none;
	background-color:#666666;
	color:#FFFFFF;
	}
.klickpfad_text a:hover {
	text-decoration: none;
	background-color:#666666;
	color:#CCFFFF;
	}


/*Links*/
a
	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	line-height: 1.3;
	font-size: 13px;
	text-decoration: none;
	color: #008888;
	margin-left: 0px;
	padding: 0 0 0 0;
}
a:visited
    {
	color: #008888;
	}
a:hover
    {
	color: #000000;
	text-decoration: underline;
	}



.text12 {
        font-size: 12px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
}
.text12_block {
        font-size: 12px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
	text-align:justify;
}
.text13 {
        font-size: 13px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
}

.text14 {
        font-size: 14px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
}
.text14_block {
        font-size: 14px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
	text-align:justify;
}
.text16 {
        font-size: 16px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
}
.text16_block {
        font-size: 16px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
	text-align:justify;
}

.text18 {
        font-size: 18px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
}
.text18_block {
        font-size: 18px; 
        font-family: "Trebuchet MS", Arial, Helvetica;
        color: #000000;
        line-height: 1.3;
	text-align:justify;
}

.text11 {
	font-size: 11px;
}




.title_newsbox {
        font-size: 15px; 
        font-family: Arial, sans-serif;
        color: #284519;
        line-height: 1.5;
}

.title_newsbox:hover
	{
	color: #000000;
	text-decoration: none;
	}


/*                                         */
/*                                         */
/* Dies sind die Klassenstile für die DIVs */
/*                                         */
/*                                         */

.container {z-index:1; width:960px; padding-top:0px; padding-bottom:0px; margin:0 auto;}

.header {z-index:2; position:relative; width:960px; height:127px /*Non-IE6*/; /*height:auto !important Non-IE6*/; height:127px /*IE6*/;  }

.titel {
    z-index:3;
	position:absolute;
    width: 960px;
    height:127px;
    left:0px;
    top:0px;
}

.navbar {position:relative; z-index:97; width:960px; height:24px /*Non-IE6*/; /*height:auto !important Non-IE6*/; height:24px /*IE6*/; }

.menuebereich {
    z-index:98;
    position:absolute;
    width: 960px;
    height:24px;
    left:0px;
    top:0px;
    background-color:#FFFFFF;
}

.hmenue {
    z-index:99;
    position:absolute;
    width: 960px;
    height:24px;
    left:0px;
    top:0px;
    background-color:#FFFFFF;
}


.abstand_oben {z-index:4; position:relative; width:960px; height:30px /*Non-IE6*/; /*height:auto !important Non-IE6*/; height:30px /*IE6*/;}
.abstand_12 {z-index:6; position:relative; width:960px; height:12px /*Non-IE6*/; /*height:auto !important Non-IE6*/; height:12px /*IE6*/; background-color:#749b94;}
.abstand_fuss {z-index:4; position:relative; clear:both; width:960px; height:12px /*Non-IE6*/; /*height:auto !important Non-IE6*/; height:12px /*IE6*/;}

.main {  z-index:2; width:960px; padding:0 0 0 0;background:#284519}

.content {position:relative; z-index:3;  /*Fix IE floating margin bug*/; float:left; width:960px; height:100%; background:transparent url(abc_back_content.jpg) repeat-y;overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/}



/* SPALTEN */
.links_alt {float: left; width: 185px; margin: 0; padding: 0; height: 110px; background-color:#AFB7B8;}
.links {
    z-index:4; 
    float:left;
    display:inline;
    width: 748px;
    margin-left:0px;
    padding:0;
    background-color:#FFFFFF;
}

.klickpfad{
    z-index:5; 
    position:absolute;
	left:0px;
	top:2px;
	width: 748px;
    height: 20px;
    padding:0;
    background-color:#FFFFFF;
}

.druck {
    z-index:5; 
    position:absolute;
    left:651px;
	top:0px;
	width: 97px;
    height: 26px;
    padding:0;
    background-color:#FFFFAA;
}

.inhalt{
    z-index:6;
    padding:30px 38px 40px 38px;
    }

.mitte {
    z-index:4;
	width: 748px;
    margin: 0 0 0 0;
    padding:0 0 0 0;
    background-color:#FFFFFF;
}


.rechts {
    z-index:4;
	position:relative;
    float: right;
    display:inline;
    bottom:0px;
    width: 200px;
    margin-right:0px;
    padding:0;
}

.termine {
    z-index:5; 
	position:relative;
    width: 200px;
    height: 163px;
    margin:0 0 0 0; padding: 0 0 0 0;
}

.suche {
    z-index:5;
	position:relative;
    width: 160px;
    margin:0 0 0 0; padding: 27px 20px 27px 20px;
}
.twitter {
    z-index:5;
	position:relative;
    width: 200px;
    margin:0 0 0 0; padding: 27px 0 27px 0;
}

.login {
    position:relative;
    width: 250px;
    margin:0px 0 0 0; padding: 10px;
    background-color:#FFFFFF;
}

.footer {z-index:3; position:relative; clear:both; width:960px; height:55px;overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;background:transparent url(abc-fuss.jpg) no-repeat; overflow:hidden;}

.xing-link {
    z-index:4;
	position:absolute;
    width: 67px;
    height:27px;
    left:182px;
    top:20px;
}

.fuss_text {
	padding:12px 0 0 177px;
}

.text13_fuss {
	font-size: 13px; 
        font-family: Arial, sans-serif;
        color: #EBF0E9;
        line-height: 1.3;
}

.link_fuss {
        /*color: #607071;*/
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

.link_fuss:hover
	{
	color: #385529;
	text-decoration: none;
	}

.clearing
        {
            clear: both;
            width: 100%;
        }

