@charset "utf-8";
/* CSS Document

Hellgrau: #909294;
Mittelgrau: #909294;
Dunkelgrau: #747577;
Logo BG Grau: #a0a3a4
Rot: #fc0404;
Schrift: Geneva, Arial, Helvetica, sans-serif;
Schriftfarbe: #000000
*/


/* abstaende aller elemente werden auf null gesetzt */
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, input, img, li {
   margin: 0;
   padding: 0;
   font-family: Geneva, Arial, Helvetica, sans-serif;
}


/* HTML und Body */
body {
   overflow: scroll;
}

html, body {
   background-color:#b9bcbb;
}

.bold {
   font-weight: bold;
}

.underline {
	text-decoration:underline;
}

.italic {
	font-style: italic;
}

.c {
   clear: both;
}

.center {
   text-align: center;
}

img {
   border: 0;
   margin: 0;
   padding: 0;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}

.top {
   vertical-align: top;
}
.bgred {
	background-color:#fc0404;
}

.black {
   color:#000000;
}

.hl_green {
	font-size: 12px;
   font-weight: bold;
   color:#05652B;
}

h1 {
   font-size: 15px;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 20px;
   
}

h2 {
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   line-height: 20px;
   
}

h3 {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	line-height: 15px;   
}

h4{
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   line-height: 20px;
   
}

h5, h6 {
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	line-height: 8px;
}
/* Buttons
------------------------------------------------ */
.btn_anmelden2 {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_anmelden2.jpg);
}

.btn_anmelden2:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_anmelden2_over.jpg);
}

.btn_abmelden {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_abmelden.jpg);
}

.btn_abmelden:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_abmelden_over.jpg);
}
.btn_abschicken {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_abschicken.jpg);
}

.btn_abschicken:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_abschicken_over.jpg);
}

.btn_loeschen {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_loeschen.jpg);
}

.btn_loeschen:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_loeschen_over.jpg);
}

.sterntext {
	font-size: 10px;
}
/* Links im Contentbereich
------------------------------------------------ */
a.blackbold {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
.blackbold:visited {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
.blackbold:hover {
  color: #666666;
  font-weight: bold;
  text-decoration: underline;
}
.blackbold:active {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

a.black {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
.black:visited {
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
.black:hover {
  color: #666666;
  font-weight: normal;
  text-decoration: underline;
}
.black:active {
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
/* Rahmen für Kontakt-Seite
------------------------------------------------ */
#page {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	width: 992px;
	/*height: 100%;*/
	height: 786px;
	background-image:url(pix/bg_kontakt.jpg);
	background-position: top;
	background-repeat:no-repeat;	
}

/* Rahmen für Leistungen-Seite
------------------------------------------------ */
#page2 {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	width: 992px;
	/*height: 100%;*/
	height: 786px;
	background-image:url(pix/bg_leistungen.jpg);
	background-position: top;
	background-repeat:no-repeat;	
}

/* Rahmen für Garantien-Seite
------------------------------------------------ */
#page3 {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	width: 992px;
	/*height: 100%;*/
	height: 786px;
	background-image:url(pix/bg_garantien.jpg);
	background-position: top;
	background-repeat:no-repeat;	
}

/* Rahmen für Lösungspartner-Seite
------------------------------------------------ */
#page4 {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	width: 992px;
	/*height: 100%;*/
	height: 786px;
	background-image:url(pix/bg_loesungspartner.jpg);
	background-position: top;
	background-repeat:no-repeat;	
}

/* Rahmen für Referenzen-Seite
------------------------------------------------ */
#page5 {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	width: 992px;
	/*height: 100%;*/
	height: 786px;
	background-image:url(pix/bg_referenzen.jpg);
	background-position: top;
	background-repeat:no-repeat;	
}
/* Rahmen für Presse-Seite
------------------------------------------------ */
#page6 {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	width: 992px;
	/*height: 100%;*/
	height: 786px;
	background-image:url(pix/bg_presse.jpg);
	background-position: top;
	background-repeat:no-repeat;	
}

/* 1. Breich Navi
------------------------------------------------ */
#navi {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 100%;

}
/* 2. Bereich Content
------------------------------------------------ */

#content {
	position: absolute;
	top: 143px;
	left: 194px;
	width: 798px;
	/*height: 100%;*/
	

}
/* 3. Bereich News Rechts/ im Content
------------------------------------------------ */	
	
#news {
	width: 198px;
	height: 100%;
	
}


/* box content grau/ mit Bild 
------------------------------------------------ */
#box_greypic {
	position:absolute;
	margin: 0;
	width: 575px;
	/*height: 62px;*/
	z-index:99;
	
}

.box_greypicTop {
	width: 575px;
	height: 13px;
	background-image: url(pix/start_box_pix_top.jpg);	
}

.box_greypicMid {
	width: 575px;
	background-image: url(pix/start_box_pix_mid.jpg);
	height: 36px;
}

.box_greypicMid267 {
	width: 575px;
	height: 262px;
	background-image: url(pix/start_box_pix_mid.jpg);
	
		
}

.box_greypicBot {
	width: 575px;
	height: 13px;
	background-image: url(pix/start_box_pix_bot.jpg);	
}

.box_greypicBot2 {
	width: 575px;
	height: 13px;
	background-image: url(pix/start_box_pix_bot2.jpg);	
}

.pix_head {
	margin-left:10px;
	border:0;	
}

#bild_greybox {
	position: absolute;
	margin-top: 4px;
	padding-left: 10px;	
	width: 366px;
	z-index:99;
	border:0;	
}

/* box weiß auf grau
------------------------------------------------ */
#textbox_grey {
	position: absolute;
	margin-left: 388px;
	margin-top: 4px;
	width: 174px;
	height: 216px;
	overflow: hidden;
}

.textbox_greyTop {
	width: 174px;
	height: 10px;
	background-image: url(pix/textbox_white_top.jpg);	
}

.textbox_greyMid {
	width: 174px;
	background-image: url(pix/textbox_white_mid.jpg);
	height: 195px;
}

.textbox_greyBot {
	width: 174px;
	height: 10px;
	background-image: url(pix/textbox_white_bot.jpg);	
}

.textbox_greyMidtext {
	font-size: 11px;
	line-height: 18px;
	margin-left: 10px;
	width: 155px;
	height: auto;
	overflow: hidden;
	color: #333333;	
}

/* box content weiß 
------------------------------------------------ */
#box_white {
	margin:0;
	width: 575px;
	height: auto;
	overflow: hidden;
}

.box_whiteTop {
	margin:0;
	width: 575px;
	height: 13px;
	background-image: url(pix/start_box_white_top.jpg);	
}

.box_whiteMid {
	width: 575px;
	background-image: url(pix/start_box_white_mid.jpg);
	height: auto;
}

.box_whiteBot {
	width: 575px;
	height: 13px;
	background-image: url(pix/start_box_white_bot.jpg);	
}

.bildtop_whitebox {
	position: absolute;
	padding-top: 49px;
	width: 183px;
	z-index:99;
	
}

.text_whitebox {
	padding-top: 60px;
	padding-left:200px;
	width: 360px;
	height: auto;
	font-size: 11px;
	line-height: 18px;
}

.text_whiteboxlev2 {
	padding-top: 290px;
	padding-left:30px;
	width: 450px;
	height: auto;
	overflow: auto;
	font-size: 11px;
	line-height: 18px;
}
/* Style für Textbereich der Suche */
.text_whitebox_search {
	padding-top: 60px;
	padding-left:30px;
	width: 450px;
	height: auto;
	overflow: auto;
	font-size: 11px;
	line-height: 18px;
}
/* Style für Textbereich der Seitenübersicht */
.text_whitebox_sitemap {
	padding-top: 60px;
	padding-left:200px;
	width: 360px;
	height: auto;
	font-size: 11px;
	line-height: 18px;
}
.bild_whitebox {
	float:right;
	padding-left:5px;
	padding-right:5px;
}

.bullets ul {
	width: auto;
	line-height: 18px;
	padding-left: 10px;	
}

.bullets li {
	list-style-image: url(pix/bullet_black.gif);
	list-style-position: inside;
	line-height: 18px;
	margin-left: 0px;
	margin-top: 5px;
	vertical-align:text-top;
	overflow:hidden;
}


/* Copyyright
------------------------------------------------ */
#copyright {
	font-size: 11px;
	font-color: #000000;
	margin-right: 30px;
	margin-top: 15px;	
}

/* Logo
------------------------------------------------ */
#logo {
	position: absolute;
	margin:0;
	top:24px;
	left:24px;
	width: 140px;
	height: 90px;
	z-index: 99;
	/*background-color:#33CC33;*/
}


/* box navi grau 
------------------------------------------------ */
#box_navi {
	margin:0;
	width: 380px;
	height: 432px;		
}

.box_naviTop {
	width: 380px;
	height: 10px;
	background-image: url(pix/nav_top.jpg);	
}

.box_naviMid {
	width: 380px;
	background-image: url(pix/nav_mid.jpg);
	height: 412px;	
}

.box_naviBot {
	width: 380px;
	height: 10px;
	background-image: url(pix/nav_bot.jpg);	
}

.mainnav_bg {
	position: absolute;
	top: 0;
	left: 194px;
	width: 176px;
	height: 143px;
	
}

.mainnav_bg ul {
	padding-top: 20px;
	padding-left: 40px;
	width: 136px;
	height: 164px;
	list-style:none;
	display:block;
}

.mainnav_bg li {
	width: 136px;
	font-size: 14px;
	line-height: 20px;
}

.mainnav_bg li img {
	line-height: 20px;
	margin-bottom: 10px;
}

.mainnav_bg a {
	text-decoration: none;
	color: #000000;
}

.mainnav_bg a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* Bei Mouse Over auf Startseite sichtbar
------------------------------------------------ */
#menue_on {	
	position: absolute;
	margin:0;
	top: 153px;
	left:0;
	width: 194px;
	height: 279px;
	background-image: url(pix/menue_start_bg.jpg);
	background-repeat:no-repeat;
	background-color:#909294;
	}

#menue_on ul {
	margin-top: 10px;
	margin-left: 0;
	width: 194px;
	height: 250px;
	list-style:none;
	display:block;
}

#menue_on li {
	width: 194px;
	line-height: 25px;
}

#menue_on a {
	text-decoration: none;
	color: #000000;
}

#menue_on a:hover {
	text-decoration: none;
	color: #FFFFFF;
	
}

#menue_on ul .level3 {
	/*margin-top: 10px;*/
	margin-left: 0;
	margin-bottom: 10px;
	width: 194px;
	height: auto;
	list-style:none;
	display:block;
}

#menue_on li .level3 {
	width: 194px;
	font-size: 14px;
	line-height: 20px;
	
}

#menue_on .level3 a {
	text-decoration: none;
	color: #000000;
}

#menue_on .level3 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	
}


.active {
	color: #FFFFFF;
}
/* Suche
------------------------------------------------ */
em {
	font-weight: bold;
	font-style: normal;
}

#output a {font-weight: bold;}

.searchword  {color: #222; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}

.mod {display: block; font-size: .8em;}

#searchfooter {
font-size: .8em;
margin-top: 1em;
}
.suche {	
	font-size: 11px;
	color: #949494;
	margin-left: 0;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align:center;
	background-color:#FFFFFF;
	background-position:left;
	background-image:url(pix/lupe.jpg);
	background-repeat:no-repeat;
}
.btn_suchen {	
	width: 85px;
	height: 19px;
	border: 0;
	margin-left: 0;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-image:url(pix/btn_suchen.jpg);
}

.btn_suchen:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin-left: 0;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-image:url(pix/btn_suchen_over.jpg);
}
/* Login
------------------------------------------------ */
#login {	
	position:absolute;
	left: 20px;
	top: 460px;	
	width: 135px;
	height: 180px;
	z-index:1;
}


#login p {	
	font-size: 14px;
	margin-top: 5px;
}

#login a {	
	color: #BB0000;
	text-decoration: none;
}


.input_sl {	
	font-size: 11px;
	color: #000000;
	margin: 5px;
}
.btn_login {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_login.jpg);
}

.btn_login:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_login_over.jpg);
}
.btn_anmelden {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_anmelden.jpg);
}

.btn_anmelden:hover {	
	width: 85px;
	height: 19px;
	border: 0;
	margin: 5px;
	background-image:url(pix/btn_anmelden_over.jpg);
}

/* Fussleiste
------------------------------------------------ */
#footer {
	width: 768px;
	height: 37px;
	bottom: -10px;
	margin-top: 8px;
}

.footer_top {
	width: 768px;
	height: 10px;
	background-image: url(pix/box_footer_top.jpg);	
}

.footer_mid {
	width: 768px;
	height: 17px;
	background-image: url(pix/box_footer_mid.jpg);
}

.footer_bot {
	width: 768px;
	height: 10px;
	background-image: url(pix/box_footer_bot.jpg);	
}


.footer_text {
	margin-left: 20px;
	font-size: 11px;
	line-height: 14px;
	word-spacing: 0.5em;
	text-align: justify;
}

.footer_text a {
	
	 color: #000000;
	 text-decoration: none;
	 font-weight: bold;
}

.footer_text a:hover {
	
	 color: #666666;
	 text-decoration: none;
	 font-weight: bold;
}


/* Formular
------------------------------------------------ */
.input_form {	
	width: 240px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}

.input_anrede {	
	width: 60px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}
.input_plz {	
	width: 60px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}

.input_ort {	
	width: 170px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}

.input_text {	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 240px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}

.input_zeit {	
	width: 40px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}

.input_datum {	
	width: 60px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	border: 1px solid #747577;
	background-color:#FFFFFF;
}

.btn_senden {	
	width: 86px;
	height: 19px;
	border: 0;
}