/* copyright 2008 by graue*zellen; www.grauezellen.de*/

body, div, span, p, a, td, th, ol, ul, li, h1, h2, h3, h4, h5, h6, adress
{
font-family : Arial, Helvetica, sans-serif;
}


body
{
background-color : #7EA811;
background-image: url(../gfx/body2_bg.png);
background-repeat : repeat-y;
background-position : center;
margin : 0px;
padding : 0px;
}


#center
{
position:absolute;
width:1000px;
left:50%;
top:0px;
margin-left:-500px;
background-color:#ffccff;
background-image: url(../gfx/body2_bg.png);
background-repeat : repeat-y;
}


body.htmlarea-content-body
{
background-color : #FFFFFF;
background-image: url(../gfx/green_bgx.gif);
}

#greenbar_top
{
z-index : 0;
position : absolute; left : 0px; top : 0px;
width : 1000px;
height : 50px;
margin : 0px;
padding : 0px;
background-color : #7EA811;
}

/*#greenbar_bottom
{
z-index : 12;
position : fixed; left : 0px; bottom : 0px;
width : 1000px;
height : 50px;
margin : 0px;
padding : 0px;
background-color : #7EA811;
}*/

#header
{
background-color : #FFFFFF;
z-index : 1;
position : absolute; left : 50px; top : 25px;
width : 900px;
height : 150px;
margin : 0px;
padding : 0px;
}

#contentframe
{
background-color : #FFFFFF;
z-index : 0;
position : absolute; left : 50px; top : 175px;
width : 900px;
height : 200px; 
/*height : 100%;*/
margin : 0px;
padding : 0px;
}

/*
#container1
{
background-color : #FFFFFF;
z-index : 0;
margin : 0px;
padding : 0px;
background-image: url(../gfx/body2_bg.png);
background-repeat : repeat-y;
height:100%;
}
*/

#logo
{
z-index : 1;
position : absolute; left : 20px; top : 23px;
width : 130px;
height : 52px;
margin : 0px;
padding : 0px;
}

#faq, #service_nav1
{
z-index : 1;
position : absolute; left : 750px; top : -20px;
margin : 0px;
padding : 0px;
vertical-align : bottom;
}

#impressum
{
z-index : 1;
position : absolute; left : 800px; top : -17px;
margin : 0px;
padding : 0px;
}

#topnav, #nav_level1
{
z-index : 1;
position : absolute; left : 200px; top : 15px;
margin : 0px;
padding : 0px;
}

#subnav, #nav_level2
{
z-index : 1;
position : absolute; left : 350px; top : 15px;
margin : 0px;
padding : 0px;
}

#subnav, #nav_level3
{
z-index : 1;
position : absolute; left : 500px; top : 15px;
margin : 0px;
padding : 0px;
}

#backgroundpic
{
z-index : 1;
position : absolute; left : 0px; top : 0px;
width : 900px;
height : 600px;
margin : 0px;
padding : 0px;
}

#headerpic
{
z-index : 1;
position : absolute; left : 0px; top : 0px;
width : 725px;
height : 200px;
margin : 0px;
padding : 0px;
overflow : hidden;
}

#subheaderpic
{
z-index : 1;
position : absolute; left : 0px; top : 200px;
width : 175px;
height : 220px;
margin : 0px;
padding : 0px;
}

#content
{
z-index : 1;
position : absolute; left : 0px; top : 200px;
width : 900px;
min-height : 100%;
height:100%;
background-image: url(../gfx/body2_bg.png);
background-repeat : repeat-y;

}

#leftcolumn_bg
{
z-index : 1;
position : absolute; left : 0px; top : 0px;
width : 175px;
min-height : 100%;
height : 100%;
margin : 0px;
padding : 0px;
background-color : #E2F1B5;
background-image: url(../gfx/spacer.gif);
}

#content_bg
{
z-index : 1;
position : absolute; left : 175px; top : 0px;
width : 425px;
min-height : 100%;
margin : 0px;
padding : 0px;
background-image: url(../gfx/content_bg.png);
}

#header_bg
{
z-index : 5;
position : absolute; left : 0px; top : 0px;
width : 175px;
height : 200px;
margin : 0px;
padding : 0px;
background-image: url(../gfx/header_bg.png);
filter : alpha(opacity:80);
}

#headline_bg
{
z-index : 4;
position : absolute; left : 0px; top : 150px;
width : 725px;
height : 50px;
margin : 0px;
padding : 0px;
background-image: url(../gfx/headline_bg.png);
filter : alpha(opacity:80);
}

#introtext_bg
{
z-index : 1;
position : absolute; left : 175px; top : 200px;
width : 550px;
height : 200px;
margin : 0px;
padding : 0px;
background-color: #E2F1B5;
}

#picsubline_bg
{
z-index : 4;
position : absolute; left : 0px; top : 400px;
width : 725px;
height : 25px;
margin : 0px;
padding : 0px;
background-color : #7EA811;
}

#maincontent_bg
{
z-index : 1;
position : absolute; left : 175px; top : 0px;
width : 550px;
min-height : 100%;
height : 100%;
margin : 0px;
padding : 0px;
background-color : #FFFFFF;
background-image: url(../gfx/spacer.gif);
}

#directlink_bg
{
z-index : 8;
position : absolute; left : 725px; top : 0px;
width : 175px;
height : 200px;
margin : 0px;
padding : 0px;
background-image: url(../gfx/directlink_bg.png);
}

#directlink, .accordion_title, .accordion_title_active
{
z-index : 10;
width : 175px;
height : 40px;
background-image: url(../gfx/directlink2.png);
background-repeat : repeat-x;
padding-left : 15px;
cursor: pointer;
}

#greencover
{
z-index : 10;
position : absolute; left : 950px; top : 175px;
width : 50px;
height : 800px;
background-color : #7EA811;
}

#accordion_menue {
   width : 125px;
   height : 150px;
   margin : 0px;
   padding : 0px;

}

#sublayer,  .accordion_content
{
z-index : 10;
background-color : #E7F3C3;
width : 175px;
/*min-height : 170px;*/
margin : 0px;
/*padding : 0px 30px 15px 15px;*/
padding:0px;
overflow : hidden;
}

#upperfreespace_right
{
z-index : 1;
position : absolute; left : 725px; top : 200px;
width : 175px;
height : 225px;
background-color: #B3CD26;
}

#rightcolumn_bg
{
z-index : 1;
position : absolute; left : 725px; top : 0px;
width : 175px;
min-height : 100%;
height : 100%;
margin : 0px;
padding : 0px;
background-color : #E2F1B5;
background-image: url(../gfx/spacer.gif);
}

#introcontent
{
z-index : 3;
position : absolute; left : 200px; top : 25px;
width : 375px;
height : 600px;
margin : 0px;
padding : 0px;
}

#subintrocontent
{
z-index : 3;
position : absolute; left : 200px; top : 225px;
width : 500px;
height : 180px;
margin : 0px;
padding : 0px;
}

#picsubline1
{
z-index : 4;
position : absolute; left : 0px; top : 0px;
width : 150px;
height : 25px;
}

#picsubline2
{
z-index : 4;
position : absolute; left : 200px; top : 0px;
width : 525px;
height : 25px;
}

#sidenavcontent
{
z-index : 3;
position : absolute; left : 755px; top : 15px;
width : 130px;
height : 180px;
margin : 0px;
padding : 0px;
}

#customerlogincontent
{
z-index : 3;
position : absolute; left : 755px; top : 225px;
width : 130px;
height : 180px;
margin : 0px;
padding : 0px;
}

#back_nav
{
z-index : 3;
position : absolute; left : 25px; top : 25px;
width : 175px;
height : 25px;
margin : 0px;
padding : 0px;
text-align : left;
}

#forward_nav
{
z-index : 3;
position : absolute; left : 350px; top : 25px;
width : 175px;
height : 25px;
margin : 0px;
padding : 0px;
text-align : right;
}

#maincontent
{
/*z-index : 3;*/
z-index : 1;

position : absolute; left : 0px; top : 50px;
width : 500px;
min-height : 100%;
padding : 0px 25px 100px 25px;
background-color : #FFFFFF;
}

#teaserbox_1_left
{
position : relative; left : 0px; top : 50px;
width : 175px;
height : 200px;
margin : 0px;
padding : 0px;
background-image: url(../gfx/teaserbox_bg.png);
background-repeat : no-repeat;
}

#teaserbox_2_left
{
position : relative; left : 0px; top : 300px;
width : 175px;
height : 200px;
margin : 0px;
padding-bottom : 50px;
background-image: url(../gfx/teaserbox_bg.png);
background-repeat : no-repeat;
}

#teaserbox_1_right
{
position : relative; left : 0px; top : 50px;
width : 175px;
height : 200px;
margin : 0px;
background-image: url(../gfx/teaserbox_bg.png);
background-repeat : no-repeat;
}
/* ######################################################################## */
#teaserbox_1, div.teaserbox_1
{
#position : relative; left : 0px;
margin-top : 50px;
width : 175px;
height : 200px;
/*margin : 0px;*/
background-image: url(../gfx/teaserbox_bg.gif);
background-repeat : no-repeat;
overflow:hidden;
}

/* ######################################################################## */
#teaserbox_2, div.teaserbox_2
{
#position : relative; left : 0px;
margin-top : 50px;
width : 175px;
height : 200px;
/*margin : 0px;*/
background-image: url(../gfx/teaserbox2_bg.gif); 
background-repeat : no-repeat;
overflow:hidden;
}


/*csc-header csc-header-n1*/

div.csc-header {
  margin-top:0px;
}
.teaserbox_header, div.teaserbox1, div.csc-header h1.csc-firstHeader, div.csc-header h1
{
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
letter-spacing : 1px;
color : #FFFFFF;
text-decoration : none;
line-height : 20px;
padding-left : 25px;
padding-top : 0px;
margin-top:0px;
vertical-align : bottom;
}

a.teaserbox_header:link, a.teaserbox_header:visited
{
font-weight : bold;
text-decoration : none;
}

a.teaserbox_header:hover, a.teaserbox_header:active, a.teaserbox_header:focus
{
font-weight : bold;
text-decoration : underline;
color : #FFFFFF;
}
/* ######################################################################## */


#teaserbox_2_right
{
position : relative; left : 0px; top : 300px;
width : 175px;
height : 200px;
margin : 0px;
padding-bottom : 50px;
background-image: url(../gfx/teaserbox_bg.png);
background-repeat : no-repeat;
}

#teaserbox_pic

{
position : absolute; left : 0px; top : 20px;
overflow : hidden;
width : 175px;
height : 180px;
padding : 0px;
margin : 0px;
}

/*navigation*/

.nav0
{
line-height : 15px;
font-family : arial, helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #FFFFFF;
text-decoration : none;
}

a.nav0:link, a.nav0:visited
{
text-decoration : none;
}

a.nav0:hover, a.nav0:active, a.nav0:focus
{
text-decoration : underline;
color : #FFFFFF;
}

.nav1_0
{
line-height : 15px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #9C9D9F;
text-decoration : none;
}

a.nav1_0:link, a.nav1_0:visited
{
font-weight : normal;
text-decoration : none;
}

a.nav1_0:hover, a.nav1_0:active, a.nav1_0:focus
{
font-weight : normal;
text-decoration : underline;
color : #51872C;
}

.nav1_1
{
line-height : 15px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #51872C;
text-decoration : none;
}

a.nav1_1:link, a.nav1_1:visited
{
font-weight : normal;
text-decoration : none;
color : #51872C;
}

a.nav1_1:hover, a.nav1_1:active, a.nav1_1:focus
{
font-weight : normal;
text-decoration : underline;
color : #51872C;
}

.nav2_0, .accordion_title
{
line-height : 40px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
vertical-align : middle;
color : #FFFFFF;
text-decoration : none;
}

a.nav2_0:link, a.nav2_0:visited
{
text-decoration : none;
}

a.nav2_0:hover, a.nav2_0:active, a.nav2_0:focus
{
text-decoration : underline;
color : #FFFFFF;
}

.nav2_1
{
line-height : 40px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
vertical-align : middle;
color : #FFFFFF;
text-decoration : none;
}

a.nav2_1:link, a.nav2_1:visited
{
line-height : 40px;
text-decoration : none;
}

a.nav2_1:hover, a.nav2_1:active, a.nav2_1:focus
{
text-decoration : underline;
color : #FFFFFF;
}

.subnav_0
{
line-height : 15px;
font-family : arial, helvetica, sans-serif;
vertical-align : middle;
font-size : 11px;
font-weight : normal;
color : #7EA811;
text-decoration : none;
}

a.subnav_0:link, a.subnav_0:visited
{
font-weight : normal;
text-decoration : none;
}

a.subnav_0:hover, a.subnav_0:active, a.subnav_0:focus
{
font-weight : normal;
text-decoration : underline;
}

.subnav_1
{
line-height : 15px;
font-family : verdana, arial, helvetica, sans-serif;
vertical-align : middle;
font-size : 11px;
font-weight : bold;
color : #FFFFFF;
text-decoration : none;
}

a.subnav_1:link, a.subnav_1:visited
{
font-weight : bold;
text-decoration : none;
color : #FFFFFF;
}

a.subnav_1:hover, a.subnav_1:active, a.subnav_1:focus
{
font-weight : bold;
text-decoration : underline;
color : #FFFFFF;
}

/*headline klassen*/

#headline_bg h1
{
vertical-align : middle;
margin-left : 200px;
line-height : 20px;
font-family : arial, helvetica, sans-serif;
font-size : 26px;
font-weight : bold;
letter-spacing : 0px;
color : #FFFFFF;
text-decoration : none;
}

#maincontent h1
{
vertical-align : top;
line-height : 20px;
font-family : arial, helvetica, sans-serif;
font-size : 22px;
font-weight : bold;
letter-spacing : 1px;
color : #7EA811;
text-decoration : none;
}

h1
{
vertical-align : top;
line-height : 22px;
font-family : arial, helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
letter-spacing : 1px;
color : #4D4D4D;
text-decoration : none;
}

#maincontent h1
{
  margin-top:0px;
  margin-bottom:8px;
}

#sublayer h2
{
line-height : 100%;
vertical-align : top;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #7EA811;
text-decoration : none;
}

#maincontent h2, #ergebnis
{
line-height : 22px;
font-family : arial, helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
letter-spacing : 1px;
color : #7EB61C;
text-decoration : none;
}

#maincontent h2
{
  margin-top:0px;
  margin-bottom:4px;
}


h3
{
line-height : 18px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
letter-spacing : 1px;
color : #4D4D4D;
text-decoration : none;
}

#maincontent h3
{
  margin-top:0px;
  margin-bottom:6px;
}


h4
{
line-height : 18px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #7EB61C;
text-decoration : none;
}

#maincontent h4
{
  margin-top:0px;
  margin-bottom:6px;
}


.link
{
text-decoration : none;
}

.link:link, .link:visited
{
font-weight : bold;
text-decoration : none;
}

.link:hover, .link:active, .link:focus
{
font-weight : bold;
text-decoration : underline;
color : #7EB61C;
}


/*textklassen*/

p, 
{
margin-bottom : 20px;
}

#subintrocontent p
{
line-height : 24px;
font-family : arial, helvetica, sans-serif;
font-size : 20px;
font-weight : normal;
letter-spacing : 1px;
color : #7EA811;
text-decoration : none;
margin : 0px;
padding : 0px;
}

.teaserbox_header
{
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
letter-spacing : 1px;
color : #FFFFFF;
text-decoration : none;
line-height : 20px;
padding-left : 25px;
padding-top : 3px;
vertical-align : bottom;
}

a.teaserbox_header:link, a.teaserbox_header:visited
{
font-weight : bold;
text-decoration : none;
}

a.teaserbox_header:hover, a.teaserbox_header:active, a.teaserbox_header:focus
{
font-weight : bold;
text-decoration : underline;
color : #FFFFFF;
}

.introtext
{
line-height : 25px;
font-family : arial, helvetica, sans-serif;
font-size : 16px;
font-weight : normal;
letter-spacing : 1px;
color : #4D4D4D;
text-decoration : none;
}

a.introtext:link, a.introtext:visited
{
font-weight : bold;
text-decoration : none;
}

a.introtext:hover, a.introtext:active, a.introtext:focus
{
font-weight : bold;
text-decoration : underline;
color : #9AAD00;
}

.directlink
{
line-height : 100%;
font-family : arial, helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #4D4D4D;
text-decoration : none;
}

a.directlink:link, a.directlink:visited
{
font-weight : normal;
text-decoration : none;
}

a.directlink:hover, a.directlink:active, a.directlink:focus
{
font-weight : normal;
text-decoration : underline;
color : #9AAD00;
}

.sidenav_header
{
line-height : 16px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #707173;
text-decoration : none;
}

a.sidenav_header:link, a.sidenav_header:visited
{
font-weight : bold;
text-decoration : none;
}

a.sidenav_header:hover, a.sidenav_header:active, a.sidenav_header:focus
{
font-weight : bold;
text-decoration : underline;
}

.sidenav_text
{
line-height : 18px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #707173;
text-decoration : none;
}

a.sidenav_text:link, a.sidenav_text:visited
{
font-weight : normal;
text-decoration : none;
}

a.sidenav_text:hover, a.sidenav_text:active, a.sidenav_text:focus
{
font-weight : normal;
text-decoration : underline;
}


.login
{
line-height : 15px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #CDDF94;
text-decoration : none;
}

a.login:link, a.login:visited
{
font-weight : bold;
text-decoration : none;
}

a.login:hover, a.login:active, a.login:focus
{
font-weight : bold;
text-decoration : underline;
}

.text_grey, .bodytext, li
{
line-height : 18px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #4D4D4D;
letter-spacing : 1px;
text-decoration : none;
}

a.text_grey:link, a.text_grey:visited, 
{
font-weight : bold;
text-decoration : none;
}

a.text_grey:hover, a.text_grey:active, a.text_grey:focus
{
font-weight : bold;
text-decoration : underline;
}


a.nav1_1:link, a.nav1_1:visited
{
font-weight : normal;
text-decoration : none;
color : #51872C;
}

.bodytext a:link
{
font-weight : normal;
text-decoration : underline;
color : #51872C;
}



.text_green
{
line-height : 15px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #9AAD00;
text-decoration : none;
}

a.text_green:link, a.text_green:visited
{
font-weight : bold;
text-decoration : none;
}

a.text_green:hover, a.text_green:active, a.text_green:focus
{
font-weight : bold;
text-decoration : underline;
}

/*listen*/


ol
{
}

ul
{
padding-top : 0px;
margin-top : 0px;
}

li.ol
{
list-style-type : decimal;
list-style-position : outside;
margin-left : -20px;
}

li.ul
{
list-style-image : url(../gfx/arrow.png);
list-style-position : outside;
margin-left : -20px;
}

li.ul2
{
color : #4D4D4D;
list-style-type : square;
list-style-position : outside;
margin-left : -20px;
}

#picsubline1 .bodytext, .picsubline1_text 
{
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #FFFFFF;
line-height : 25px;
text-decoration : none;
text-align : right;
vertical-align : bottom;
margin:0px;
}

#picsubline2 .bodytext, .picsubline2_text 
{
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #FFFFFF;
line-height : 25px;
text-decoration : none;
text-align : left;
vertical-align : bottom;
margin:0px;
}

#weiling_form 
{
text-align:center;
line-height : 18px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #4D4D4D;
letter-spacing : 1px;
text-decoration : none;
width : 500px;	
margin-right : auto;
margin-top : 10px;
margin-bottom : 40px;
margin-left : auto;

}


#weiling_form td 
{
line-height : 18px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #4D4D4D;
letter-spacing : 1px;
text-decoration : none;

}

.feld1 {

}


.feld2 {

}

/*formulare*/

form
{
padding : 0pt;
border : 0pt solid #000000;
shadow : none;
}
.checkbox, .radio1
{
font-family: arial, helvetica, sans-serif;	
background-color : #647400;
color : #5e74ad;
width : 20px;
height : 20px;
border : 1px solid #5e74ad;
text-decoration : none;
font-size : 100%;
font-weight : normal;
shadow : none;
}

 .radio1
{
font-family: arial, helvetica, sans-serif;	
background-color : #ffffff;
color : #5e74ad;
width : 13px;
height : 13px;
border : 1px solid #5e74ad;
text-decoration : none;
font-size : 100%;
font-weight : normal;
shadow : none;
}



.feld1
{
background-color : #ffffff;
font-size : 14px;
color : #000000;
width : 350px;
height : 20px;
text-align : left;
vertical-align : middle;
border : 1px solid #7EA811;
text-decoration : none;
font-weight : normal;
padding-left : 5px;
padding-right: 5px;
}

.feld2
{
background-color : #ffffff;
font-size : 14px;
color : #000000;
width : 150px;
height : 20px;
text-align : left;
vertical-align : middle;
border : 1px solid #7EA811;
text-decoration : none;
font-weight : normal;
padding-left : 5px;
padding-right: 5px;
}

.feld3
{
background-color : #ffffff;
font-size : 14px;
color : #000000;
width : 50px;
height : 20px;
text-align : left;
vertical-align : middle;
border : 1px solid #7EA811;
text-decoration : none;
font-weight : normal;
padding-left : 5px;
padding-right: 5px;
}

.textarea
{
background-color : #ffffff;
font-size : 14px;
color : #000000;
width : 350px;
height : 80px;
text-align : left;
vertical-align : middle;
border : 1px solid #7EA811;
text-decoration : none;
font-weight : normal;
padding-left : 5px;
padding-right: 5px;
}

.button1
{
background-color : #7EA811;
color : #ffffff;
/* width : 215px; */
height : 20px;
vertical-align : middle;
border : 1px solid #333333;
text-decoration : none;
font-size : 12px;
font-weight : bold;
padding-left: 5px;
padding-right: 5px;
padding-bottom : 5px;
}

.button2
{
font-family: verdana, arial, helvetica, sans-serif;	
background-color : #CCCCCC;
color : #344348;
width : 90px;
height : 17px;
vertical-align : middle;
border : 1px solid #999999;
text-decoration : none;
font-size : 10px;
font-weight : normal;
padding-left: 5px;
padding-right: 5px;
padding-bottom : 5px;
}  

.feld1, .feld2, .feld3, .textarea {
 font-family : arial, helvetica, sans-serif;
 font-size : 12px;
 font-weight : normal;
 color : #4D4D4D;
 letter-spacing : 1px;
 text-decoration : none;

}