body { background-color:#fff; color:#585858; font:12px verdana, sans-serif; margin:0; padding:0px;}
#container {background:#fff; margin:0px auto 0px; padding:0px 10px 0px 10px; width:950px;}
body :focus {outline: solid 0;}
/* Oben */
#oben {background-color: #fff; width:100%;}
#logo {float:right; background-color: #fff; padding:15px 25px 0px 0px;}
#hauptmenue {float:left; height:auto; padding:0px;}

/* Trailer einlesen */
#trailer {clear:both; color:#fff; height:140px; margin-bottom:20px;}

/* Inhalt */
#links {float:left; margin:0; padding:0 15px 0 0; width:200px;}
#inhalt {float:left; width:500px; padding-left:7px; padding-right:7px; padding-top:0px;}
#rechts {float:right; width:200px; background-color:#fff; }
#inhalt .internal-link{
  color: #B6C3A3;
}
#inhalt a {
  color: #B6C3A3;
}

#inhalt h1 {
  font: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight:bold;
  color: #B6C3A3;
  margin-top:2px;
  width:auto;
  clear:both;
  border-bottom: none; 
}
#inhalt .csc-textpic-caption {
  font-size:10px;
  font-weight:bold;
  color: #B6C3A3;
}
#rechts .bodytext {
  font: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top:5px;
  margin-left:0px;
  margin-bottom:10px;
  padding:2px 4px;
}
#rechts a {
  color: #B6C3A3;
}
#rechts h1 {
  font: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #B6C3A3;
  margin-top:0px;
  margin-left:0px;
  margin-bottom:0px;
  padding:2px 4px;
  width:auto;
  clear:both;
  border-top: 1px solid #B6C3A3;
  border-bottom: 1px solid #B6C3A3;
  display:block;
}
#links h1 {
  font-size: 13px;
  color: #fff;
  width:200px;
  clear:both;
  border-bottom: none; 
  background-color: #B6C3A3;
  padding:2px 4px;
}
/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}


/* Submenue */
.menu_left{
  font-size: 13px;
  color: #333333;
  margin-top:0px;
  margin-left:0px;
  width:200px;
  clear:both;
  border-bottom: none; 
}
.menu_left_top, .menu_left_top_tut{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  height:17px;
  padding:2px 4px;
  width:200px;
}
.menu_left_top_tut{
  background-color: #B6C3A3; 
}
.menu_left_bottom{
  height:5px;
  font-size:1px;
}
.menu_left_menu{

  padding-left:1px;
  padding-right:1px;
}
a.menu_left_link, a.menu_left_link_act{
    font-weight:normal;
    color:#333;
    text-decoration:none;
    font-size:13px;
}
a.menuLink, 
a.menuLink:link, 
a.menuLink:visited, 
a.menuLink:hover, 
a.menuLink:active,
a.menuLinkAct, 
a.menuLinkAct:link, 
a.menuLinkAct:visited{
  display:block;
  margin:0px;
  padding:2px 2px 2px 15px;
  font-size:13px;
  font-weight: normal;
  text-decoration:none;
  color:#333;
 border-bottom: none; 
 	background:url(../grafik/submenu_pfeil1.gif) no-repeat;
}
a.menuLink, a
.menuLink:link, 
a.menuLink:visited, 
a.menuLink:hover, 
a.menuLink:active{
       background-color:#fff;
}
a.menuLink:hover {
  background-color:#fff;
}

a.menuLinkAct, 
a.menuLinkAct:link, 
a.menuLinkAct:visited {
  background-color:#fff;
}
a.submenuLink, 
a.submenuLink:link, 
a.submenuLink:visited, 
a.submenuLink:hover, 
a.submenuLink:active,
a.submenuLinkAct, 
a.submenuLinkAct:link, 
a.submenuLinkAct:visited, 
a.submenuLinkAct:hover, 
a.submenuLinkAct:active{
  display:block;
  margin:0px;
  padding:1px;
  padding-left:30px;
  font-size:12px;;
  font-weight: normal;
  text-decoration:none;
  background-image:url(../grafik/submenu_kreis.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
a.submenuLink, 
a.submenuLink:link, 
a.submenuLink:visited, 
a.submenuLink:hover, 
a.submenuLink:active {
  color:#666666;
}
a.submenuLink:hover {
  text-decoration: underline;
}

a.submenuLinkAct, 
a.submenuLinkAct:link, 
a.submenuLinkAct:visited, 
a.submenuLinkAct:hover, 
a.submenuLinkAct:active {
  color:#99756d;
}
#tutorials a.submenuLinkAct, 
a.submenuLinkAct:link, 
a.submenuLinkAct:visited, 
a.submenuLinkAct:hover, 
a.submenuLinkAct:active {
color:#B6C3A3;
}

a.submenuLink3, 
a.submenuLink3:link, 
a.submenuLink3:visited, 
a.submenuLink3:hover, 
a.submenuLink3:active,
a.submenuLinkAct3, 
a.submenuLinkAct3:link, 
a.submenuLinkAct3:visited, 
a.submenuLinkAct3:hover, 
a.submenuLinkAct3:active{
  display:block;
  margin:0px;
  padding:1px;
  padding-left:30px;
  font-size:12px;;
  font-weight: normal;
  text-decoration:none;
  background-repeat:no-repeat;
  background-position:top left;
}
a.submenuLink3, 
a.submenuLink3:link, 
a.submenuLink3:visited, 
a.submenuLink3:hover, 
a.submenuLink3:active {
  color:#666666;
  font-size:11px;
}
a.submenuLink3:hover {
  text-decoration: underline;
  font-size:11px;
}


a.submenuLinkAct3, 
a.submenuLinkAct3:link, 
a.submenuLinkAct3:visited, 
a.submenuLinkAct3:hover, 
a.submenuLinkAct3:active {
  color:#666666;
    font-size:11px;
}
#tutorials a.submenuLinkAct3, 
a.submenuLinkAct3:link, 
a.submenuLinkAct3:visited, 
a.submenuLinkAct3:hover, 
a.submenuLinkAct3:active {
color:#666666;
  font-size:11px;
}

#menuDiv {
  width:200px;
  margin:0px;
  padding:0px;
  padding-top:0px;
  padding-left:2px;
  text-align:left;
}
li.menuItem {
  list-style-type:none;
  text-align:left;
        border-bottom: 1px solid #ccc;
 
}
li.submenuItem {
  list-style-type:none;
  color:#666666;
  text-align:left;
  border-top:1px solid #fff;
  border-bottom: 1px solid #fff;
}
#menuList {
  margin:0px;
  padding:0px;
   
}
ul.submenuList {
  margin:0px;
  padding:0px;
     
}

/* Sitemap */
div.csc-sitemap2 ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
div.csc-sitemap2 li a.sm_1,
div.csc-sitemap2 li a.sm_2,
div.csc-sitemap2 li a.sm_3,
div.csc-sitemap2 li a.sm_4{
	display:block;
	font-size:12px;
	width:125px;
	padding:6px 4px 4px 30px;
	color: #585858;
}
div.csc-sitemap2 li li{
	margin-left: 30px;
	padding:3px 0px;
}
div.csc-sitemap2 li li a{
	font-weight:normal;
	color:#585858;
}
div.csc-sitemap2 li li a:hover{
	color:#585858;
}
div.csc-sitemap2 li li li{
	font-size:11px;
}
div.csc-sitemap2 li li li li{
	font-size:11px;
}

/*------------Listenbild Ebene 1----------------------------------*/
div.csc-sitemap2 li a.sm_1{
	background:url(../grafik/sm_01.gif) no-repeat;
}
div.csc-sitemap2 li a.sm_2{
	background:url(../grafik/sm_0_rot.gif) no-repeat;
}
div.csc-sitemap2 li a.sm_3{
	background:url(../grafik/sm_0_gruen.gif) no-repeat;
}
div.csc-sitemap2 li a.sm_4{
	background:url(../grafik/sm_0_blau.gif) no-repeat;
}

/*------------Listenbild Ebene 2----------------------------------*/
div.csc-sitemap2 li.sitemap_1 li{
	list-style-image: url(../grafik/sm_11.gif);
}
div.csc-sitemap2 li.sitemap_2 li{
	list-style-image: url(../grafik/sm_1_rot.gif);
}
div.csc-sitemap2 li.sitemap_3 li{
	list-style-image: url(../grafik/sm_1_gruen.gif);
}
div.csc-sitemap2 li.sitemap_4 li{
	list-style-image: url(../grafik/sm_1_blau.gif);
}
/*------------Listenbild Ebene 3----------------------------------*/
div.csc-sitemap2 li.sitemap_1 li li{
	list-style-image: url(../grafik/sm_22.gif);
}
div.csc-sitemap2 li.sitemap_2 li li{
	list-style-image: url(../grafik/sm_2_rot.gif);
}
div.csc-sitemap2 li.sitemap_3 li li{
	list-style-image: url(../grafik/sm_2_gruen.gif);
}
div.csc-sitemap2 li.sitemap_4 li li{
	list-style-image: url(../grafik/sm_2_blau.gif);
}

.news-latest-container h2 {
  style:block;
  background:#B6C3A3;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  height:17px;
  padding:2px 4px;
  width:200px;}

.news-latest-container a {
  color: #B6C3A3;
  text-decoration:none;
  display:block;
  margin:0px;
  padding:2px 2px 2px 15px;
  font-size:13px;
  font-weight: normal;
  text-decoration:none;
  border-bottom: none; 
  background:url(../grafik/submenu_pfeil1.gif) no-repeat;
}
hr {
  border: 0px; /* Für Firefox und Opera */
  border-top: solid 1px #585858;
  border-bottom: solid 1px #ffffff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */

}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
font-size:18px;
padding-bottom:0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:13px;
text-decoration:none;
color:#fff;
width:139px;
height:30px;
border:1px solid #fff;
border-width:1px 1px 0 0;
padding-left:10px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:150px;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:30px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0px;;
width:150px;
}
* html .menu ul ul ul{
top:-30px;
t\op:0px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}


* html .menu ul ul a{
width:150px;
w\idth:150px;
}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}

/* hintergrund ebene 1 */
.m1  { background:#B6C3A3; }
.m2  { background:#C50C1F; }
.m3  { background:#53822C; }
.m4  { background:#003986; }

/* hover ebene 1 */
.m1 a:hover { color:#fff; background:#B6C3A3;}
.m2 a:hover { color:#fff; background:#660000;}
.m3 a:hover { color:#fff; background:#38551C;}
.m4 a:hover { color:#fff; background:#000051;}

/* hintergrund ebene 2 */
.m1 ul a{ color:#fff; background:#AFB79D; }
.m2 ul a{ color:#fff; background:#990000; }
.m3 ul a{ color:#fff; background:#639531; }
.m4 ul a{ color:#fff; background:#336699; }
/* hover ebene 2 */
.m1 ul a:hover{ color:#fff; background:#949e7c;}
.m2 ul a:hover{ color:#fff; background:#660000;}
.m3 ul a:hover{ color:#fff; background:#38551C;}
.m4 ul a:hover{ color:#fff; background:#000051;}
/* hintergrund ebene 3 */
.m1 ul ul a{ color:#fff; background:#C2C8B5; height:auto; line-height: 1em; padding:5px;}
.m2 ul ul a{ color:#fff; background:#BF0000; height:auto; line-height: 1em; padding:5px;}
.m3 ul ul a{ color:#fff; background:#78B53C; height:auto; line-height: 1em; padding:5px;}
.m4 ul ul a{ color:#fff; background:#5B92C8; height:auto; line-height: 1em; padding:5px;}
/* hintergrund ebene 3 */
.m1 ul ul a:visited{ color:#fff; background:#C2C8B5; height:auto; line-height: 1em; padding:5px;}
.m2 ul ul a:visited{ color:#fff; background:#BF0000; height:auto; line-height: 1em; padding:5px;}
.m3 ul ul a:visited{ color:#fff; background:#78B53C; height:auto; line-height: 1em; padding:5px;}
.m4 ul ul a:visited{ color:#fff; background:#5B92C8; height:auto; line-height: 1em; padding:5px;}
/* hover ebene 3 */
.m1 ul ul a:hover{ color:#fff; background:#949e7c;}
.m2 ul ul a:hover{ color:#fff; background:#660000;}
.m3 ul ul a:hover{ color:#fff; background:#38551C;}
.m4 ul ul a:hover{ color:#fff; background:#000051;}

/* Formular */
.mailform {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #414141;
}
.mailformrequired {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #414141;
}

.select {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #414141;
background-color:#ffffff;
}
.textarea {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
border:1px solid #333333;
color: #414141;
font-weight : normal;
background-color:#ffffff;
}
.input {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
border:1px solid #333333;
color: #414141;
background-color:#ffffff;
}
.csc-mailform {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
border: none;
}
.csc-mailform-field {
vertical-align:middle;
}
.csc-mailform-field label {
float: left;
width: 130px;
clear:both;
}
.csc-mailform-check {
border: 1px solid;
display: block;
float: left;
}