/*

	website: http://www.usabilityengineering.de
	author: Robert Rotter

*/

*{ margin: 0; padding: 0; }*
body {background: #EDEDED; font: 74% Arial, Helvetica, Sans-Serif; color: #454545; line-height: 1.6em;  }

li {
margin-left: 15px;
}

ul {
margin-top: -10px;
margin-bottom:5px;
}


a { color: #C40000; background: inherit;}
a.nounderline {
text-decoration: none;
}

a:hover { color: #808080; background: inherit; }
a:focus { outline: 0; }
h1 { font-size: 2.8em; line-height: 38px; }
h2, h3 { color: #AA000A; font: bold 170% Arial, Sans-Serif; letter-spacing: -1px; padding: 0; margin: 0 0 10px; }
h3 {
  font: bold 120% Arial, Sans-Serif;
}

img { border: 0; }

.grey { color: #454545; } /*header top, menu2: #416271, info: #f4f4f4,  */
.rot { color: #AA000A; }
.orange { color: #f7951e; }
.gruen { color: #7F7F00; }
.grau1 { color: #919191; }
.grau2 { color: #BABABA; }
.grau3 { color: #E7E7E7; }
.grau4 { color: #EDEDED; }

.Hervorhebung {
font-weight: bold;
}


#wrap { background: white; width: 930px; margin: 10px auto 0; }

#logo { background: white; float: left; width: 400px; margin: 0 0 7px; padding-left:10px; }
	#header_top { background: url(../images/top1.png) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 0px; clear: both; margin: 0 0 0px 0; height: 88px; }
	#header_top p { padding: 0; margin: 0; }

		#header_top ul { float: right; padding: 12px 215px 0 0; margin: 0 0 5px 0; }
			#header_top ul li { list-style-type: none; display: inline;  font-weight: bold; margin-left: 0px; }
			#header_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000;; text-decoration:none; }
			#header_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; text-decoration:none;}
			#header_top ul li .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

	#header_bottom { background: #3E4542 url(../images/bottom1.jpg) no-repeat top right; color: #EBEBEB; padding: 20px 290px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
  	#header_bottom h2 { color: #E7E7E7; width: 490px; margin: 0 0 10px; background: #3E4542; }
	#header_bottom p { font-size:9pt; width: 590px;}
#slogan { clear: left; width: 670px; border-top: 2px solid #eee; margin: 0; padding: 0px 0 0 0; padding-left:10px;padding-right:0px;}





/*----------------------menu-------------------------*/
#menu2{

height:42px;
margin-left:2px;
margin-right:2px;
clear:both;
background-color:#416271;
}
#menu2 ul{
list-style:none;padding:0 0 0 10px;margin: auto;display:block;
}
#menu2 ul li{
margin-left: 0px;
list-style:none;display:inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menu2 ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#menu2 ul li a:hover{
height:42px;width: auto;text-decoration:none;color: #fff;padding:0 0 0 25px; background:url(../images/menu_arrow.gif) no-repeat left;
}
#menu2 ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(../images/menu_arrow.gif) no-repeat left;

}

#info ul{
list-style:none; ;padding:0 0 0 7px; margin: auto;display:block;
}
ul.ulinfo {
  margin:0;
}


#info ul li{
    list-style:none;
    display:inline;
    width:auto;
    height:11px;
    padding:0px;
    line-height:18px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    margin-left:17px;
}

#info ul li a{
height:11px; width: auto;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;
}
#info ul li a:hover{
height:11px;width: auto;text-decoration:underline; padding:0 0 0 25px; background:url(../images/liste3.png) no-repeat left;
}
#info ul li a.current{
    height:11px;
    width: auto;
    text-decoration:none;
    padding:0px;
    padding:0 0 0 25px;
    background:url(../images/liste3.png) no-repeat left;
    font-weight: bold;
}

#info a.eingerueckt, #info a.infolink{

text-decoration: underline;
color: #AA000A;
}

#info a.eingerueckt:hover, #info a.infolink:hover {
      color: #808080;
      font-size: 1.0em;
}

#info a.infolink  {
  font-size: 1.0em;
}



.Icons {
float: right;
vertical-align:top;
margin-top:-2px;
margin-right:230px;
text-align:right;
}

.Icons2 {
margin-left:315px;
padding-bottom:-100px;

}

.Iconstext1 {
vertical-align:top;
margin-top:-60px;
color:#EDEDED;
text-align:left;
padding-left:500px;
}

.Iconstext2 {
color:#EDEDED;
}

#leftnav { float: left; width: 195px; padding: 5px 15px 0 5px; margin: 0 0 25px 0; }
	#leftnav p { margin: 0 0 15px; }
    #info { border: 1px solid #BABABA; padding: 7px; font-size: .9em; background: #f4f4f4; }

#maincontent {
padding: 20px 0;
padding-right:10px;
clear: both;
background: url(../images/bg.gif) repeat-x; }

#left {
float: left;
overflow:visible;
width: 460px;
padding: 5px 15px 0 5px;
margin: 0 0 25px 0; }

#left p { margin: 0 0 15px; }

p.normal {
  font-size:9pt;
}



#right { width: 220px; float: right;}
	#info { border: 1px solid #BABABA; padding: 7px; font-size: .9em; background: #f4f4f4; margin-bottom:10px;}
	#info1 { border: 1px solid #BABABA; padding: 7px; font-size: .9em; background: #f4f4f4; margin-bottom:10px;}
   	#info2 { border: 1px solid #BABABA; padding: 3px; padding-left:7px; font-size: .9em; background: #3E4542; margin-bottom:0px;color: #E7E7E7;
        font-weight:bold;
        font-size:9pt;
        color:white;
    }
    #info3 { border: 1px solid #BABABA; padding: 7px; font-size: .9em; background: #f4f4f4; margin-bottom:3px;}


   #info a, td.nolink {
      font-size:9pt;
      text-decoration:none;
      color: #416271;
    }

    td.nolink{
    font-weight: bold;
    }


     #info a:hover {
      font-size:9pt;
      color: #C40000;
      text-decoration:underline;
    }


	#searchform { background: url(../images/suche.gif) no-repeat; padding: 8px 4px 10px 4px; height: 27px; font: bold 0.9em Arial, Sans-Serif; margin: 0 0 20px; }
		#searchform p { padding: 0; margin: 0; }
		input.search { width: 127px; border: none; background: url(../images/eingabe.gif) no-repeat; padding: 7px; margin: 0 4px 0 5px; }
		input.submit { cursor:pointer; width: 53px; height: 29px; border: none; background: #FFF url(../images/sf1.png) no-repeat; font: bold 1.2em Arial, Sans-Serif; padding: 0px; color: #FFF; }

#footer { clear: both; padding: 10px; background: #E7E7E7; margin: 10px 0 0 0; border-top: 1px solid #BABABA;
line-height: 2em;
font-size:8pt;
 }

#contact_form{
width:440px;
height:auto;
padding:0px;

}
.form_row{
float:left;
padding:4px 0 4px 10px;
}
.send input{
width:112px;
height:24px;
display:block;
background:url(../images/sf4.png) no-repeat ;
line-height:24px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
padding-left:20px;
padding-top:0px;
float:right;
margin-top:10px;
margin-right:10px;
font: bold 1.2em Arial, Sans-Serif;
cursor:pointer;
}

input.contact_input{
width:407px;
height:18px;
float:left;
border:1px #ced6ec solid;
background-color:#FFFFE4;
color: #000;
}
textarea.contact_textarea{
width:407px;
height:90px;
float:left;
border:1px #ced6ec solid;
background-color:#FFFFE4;
color: #000;
font:1.0em Arial;
}

fieldset{
  padding: 5px;
  border: 1px solid #BABABA;
}

fieldset legend{
  padding: 5px;
}

/* Detail Links als CSS Popup*/
a.detail{
    position:relative;
    z-index:24;
    background-color:transparent; /*#EDEDED; */
    color:#000;
    text-decoration:none;
    /*text-decoration: underline;*/}

a.detail:hover{
    z-index:25;
    background-color:transparent;
    font-weight:bold;
    color:#AA000A;}

a.detail span{display: none}

a.detail:hover span{ /*span Anzeige bei on :hover state*/
    display:block;
    overflow:visible;
    position:absolute;
    top:-500px; left:2em; width:360px;
    border: 1px solid #BABABA;
    padding: 7px;
    font-size: 1.0em;
    background: #f4f4f4;
    font-weight: bold;
    text-align: left;
    text-decoration:none;
    color:#000;}

samp.text{
  font: 74% Arial, Helvetica, Sans-Serif;
  font-size: 1.0em;
}
/* Detail Links als CSS Popup*/