/* ************************************************************ */
/* Allgemein */

html, body {
	height: 100%;
	width:100%;padding:0px;margin:0px;
	overflow:hidden;
        background-image:url(../../assets/gfx/left_grey.gif);background-position:0px;
        background-repeat:repeat-y;
	background-color:#FFFFFF;
}

body {

      scrollbar-base-color:#FFFFFF;
      scrollbar-3dlight-color:#FFFFFF;
      scrollbar-arrow-color:#808080; 
      scrollbar-darkshadow-color:#FFFFFF;
      scrollbar-face-color:#FFFFFF; 
      scrollbar-highlight-color:#808080;  
      scrollbar-shadow-color:#808080; 
      scrollbar-track-color:#FFFFFF

}

* html body {
 overflow:hidden;
}

form {
 padding:0;margin:0;
}

img {
	border: none;
}

div.illuleft {
 float:left;margin: 0 15px 10px 0;
 font: normal 10px Verdana,Arial,Helvetica,sans-serif;color:rgb(153,153,178); 
 width:202px;
}

img.motiv {
 margin: 0 15px 0px 0;
}

img.icon {
 margin: 0 5px 0px 0;
}


img.dummy {
 background-color:#F0F0F0;
}


#logo {
 position:absolute;
 top:30px;left:25px;
 height:66px; width:210px;
 background-image:url(../../assets/gfx/logo.gif);
 z-index:100; 
 background-repeat:no-repeat;
}


#box_claim{
 position:absolute;
 top:110px;left:0px;
 width:250px;
 z-index:100; 
}

#content_claim {
 padding:0px 38px 0 0px;
 font: bold 16px Verdana,Arial,Helvetica,sans-serif;color:rgb(153,153,178);
 text-align:right;
}


#box_gesamtangebot{
 position:absolute;
 bottom:5%;left:0px;
 width:250px;
 z-index:120; 
 background-color:rgb(217,217,226);

}

#content_gesamtangebot{
 padding:0px 38px 0 0px;
 font: bold 16px Verdana,Arial,Helvetica,sans-serif;color:rgb(153,153,178);
 text-align:right;
}

#content_gesamtangebot a:link, #content_gesamtangebot a:visited {
font: bold 16px Verdana,Arial,Helvetica,sans-serif;
color:rgb(153,153,178);	
text-decoration:none;
} 

#nav_gesamtangebot{
 padding: 10px 0 0 0 ;
 background-image:url(../../assets/gfx/mensch_klein.gif);background-position:50px top;
 background-repeat:no-repeat;
 height:70px;
 text-align:right;
}

#nav_gesamtangebot a:link, #nav_gesamtangebot a:visited {
 font: bold 13px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); text-decoration:none;
}
#nav_gesamtangebot a:focus,#nav_gesamtangebot a:active, #nav_gesamtangebot a:hover {
 text-decoration:underline;
}




#box_newsletter{
 position:absolute;
 top:345px;left:0px;
 width:250px;
 z-index:100; 
 background-color:rgb(217,217,226);

}

#content_newsletter{
 padding:0px 38px 0 0px;
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;color:rgb(0,0,0);
 text-align:right;
}
#content_newsletter table{
 font: normal 10px Verdana,Arial,Helvetica,sans-serif;color:rgb(0,0,0);
}



#content_newsletter input.feld{
 width:125px;margin:0;height:18px;
 font: normal 11px Verdana,Arial,Helvetica,sans-serif;color:rgb(0,0,0);
 border: 1px solid #000000;
}

#content_newsletter input.submit{
 margin:0 0 0 10px;
}


#box_nav{
 position:absolute;
 top:200px;left:0px;
 width:390px;
 text-align:right;
 z-index:100; 
}

.navmain,.navmainon {
 float:left;
 width:210px;
 margin-bottom:4px;
}

.navsub {
 float:right;
 width:180px;
 border-top: solid 1px rgb(235,60,40);
 padding:2px 0px 1px 0;
}

html>body .navsub { /* FF / Opera */
 margin-top:-1px;
}

.navsub div {
 margin-bottom:4px;
}

/* Links */
/* aktive Kategorie, aktiver Hauptmenüpunkt */
.navmainon a.on {
 font: bold 13px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(235,60,40); text-decoration:none;
 width:50px;
 border-top: solid 1px rgb(235,60,40);
}

.navmainon a.onsingle {
 font: bold 13px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(235,60,40); text-decoration:none;
 width:50px;
}


/* aktive Kategorie, aktiver Untermenüpunkt */

.navsub a.on {
 font: normal 13px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(235,60,40); text-decoration:none;
}

/* aktive Kategorie, inaktiver Untermenüpunkt */
.navsub a.off:link, .navsub a.off:visited {
 font: normal 13px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); text-decoration:none;
}
.navsub a.off:focus,.navsub a.off:active, .navsub a.off:hover {
 color:rgb(0,0,0);  text-decoration:underline;
}


/* inaktive Kategorie, inaktiver Hauptmenüpunkt */
.navmain a.off:link, .navmain a.off:visited {
 font: bold 13px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); text-decoration:none;
}
.navmain a.off:focus,.navmain a.off:active, .navmain a.off:hover {
 text-decoration:underline;
}



/* ************************************************************ */
/* 2b) CONTENT 
/* ************************************************************ */




/* Angaben für IE */

* html #content_container {
  padding: 110px 20px 0px 410px;
  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
  height:90%;width:100%;overflow:auto;
  z-index:1; position:relative;
}

* html #content {
  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
   width:520px;padding-bottom:20px;
}

* html #content.eng {
   width:440px;
}



/* Angaben für FF / Opera */

html>body #content_container {
  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
  position:absolute;
  top:0px; left:0px;
  height:90%;
  width:100%;
  margin:0;padding:0;
  overflow:auto;
  z-index:1; 
}


html>body #content_container #content { /* FF / Opera */
 width:520px;
 padding-left:420px;
 padding-top:110px;
 overflow-y:auto;
 overflow-x:hidden;
padding-bottom:20px;
}

html>body #content_container #content.eng {
   width:440px;
}


/* ALLE */

.rotezahl {border: 1px solid #FF0000;}


#content_container.kontakt {

 /*background-image:url(../../assets/gfx/mensch_mittel.gif);
 background-position:right bottom ;
 background-repeat:no-repeat;
 z-index:2;*/
 

}


#content input.nofield {
 background:none;
}

#content input,textarea,select {

 background-color:rgb(242,242,245);
 border: 1px solid rgb(217,217,226);
}

#content table.news td {
 padding:5px 20px 5px 0;
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); 
}

#content table#anmeldung td {
 padding:5px 20px 5px 0;
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0);
}



#content table#kontakt td {
 padding:5px 20px 5px 0;
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0);
}

#content table#kontakt input {
 width:210px;
}

#content table#kontakt textarea {
 width:440px;height:200px;
}


#content table#kooperationspartner td {
 padding:5px;
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); 
}

#content table#kooperationspartner td.telefon {
 white-space: nowrap;
 vertical-align:top;
}



#content table#kreuzwege td
 {
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); 
 border-top: solid 1px rgb(217,217,226);
 padding:3px 0 3px 0;
}

#content table#newsletter td {
 padding:0px;
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); vertical-align:top;
}

#content table#newsletter input.field {
 width:210px;
}



#content a {
 padding-left:14px;
 background-image:url(../../assets/gfx/pfeil.gif);background-position:0px;
 background-repeat:no-repeat;
}

#content a.noarrow {
 padding:0px;
 background-image:none;
}



#content a:link, #content a:visited {
  color:rgb(153,153,178);text-decoration:none;
  font-weight:bold;
}
#content a:focus,#content a:active, #content a:hover {
 color:rgb(235,60,40); text-decoration:underline;
}

#content a.frage, #content a.frage:link, #content a.frage:visited, #content a.frage:focus, #content a.frage:active,#content a.frage:hover
 {
 padding:0 0 0 30px;

 font: bold 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); 
}

#content a.ruf, #content a.ruf:link, #content a.ruf:visited, #content a.ruf:focus, #content a.ruf:active,#content a.ruf:hover
 {
 padding:10px 0 0 30px;
 background-image:url(../../assets/gfx/icon_ruf.gif);
 background-repeat:no-repeat;height:40px;
 font: bold 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); 
}


h1 {
 font: bold 17px Verdana,Arial,Helvetica,sans-serif;
 color:#000000; margin-top:0px;
}

h1.2zeil {
 margin-bottom:50px;
}


h2 {
 font: bold 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(0,0,0); margin:0;
}
h2.red {
 font: bold 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(235,60,40); margin:0;
}

h2.markise {
 font: bold 12px Verdana,Arial,Helvetica,sans-serif;
 color:rgb(235,60,40); 
 background-color:rgb(253,235,234);
 margin:0;padding: 8px 10px 8px 10px;
 background-image:url(../../assets/gfx/markise.gif);background-position:0px bottom;
 background-repeat:no-repeat;

}


.frame {
 border:solid 1px rgb(217,217,226);border-top:none;
}

.frame div {
 margin:0;padding: 8px 10px 8px 10px;
}

hr.grey {
border:0;height:1px;margin:10px 0 10px 0;
color:rgb(217,217,226);
background-color:rgb(217,217,226);

}


p.grey {

 color:rgb(153,153,178);

}




/* ************************************************************ */
/* 2c) FOOTER  */

* html #footer {
 position:relative;
 width:100%;height:10%;
 background-color:rgb(217,217,226);
 z-index:101;
}

html>body #footer { /* FF / Opera */
 position:absolute; 
 bottom:0; left:0;
 width:100%;height:10%;
 background-color:rgb(217,217,226);
 z-index:101;
}


#corner {
 position:absolute;
 bottom:10%;left:250px;
 background-image:url(../../assets/gfx/bottom_viertel_white.gif);
 background-repeat:no-repeat; height:19px; width:19px;
 z-index:101;
}

* html #corner {
 margin-bottom:-1px;
}

#cornerman {
 position:absolute;
 bottom:11%;right:25px;
 background-image:url(../../assets/gfx/mensch_mittel.gif);
 background-repeat:no-repeat; 
 height:136px; width:132px;z-index:0;
}