/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */



/* Farben
rot: #D2232A
dunkelblau #084554
hellblau: #67A8BD
*/

body {
background-color: #e1ddd9;
font-size: 11px;
font-family: Tahoma, Arial, SunSans-Regular, Sans-Serif;
color:#084554;
padding:0px;
margin:0px;
background-image: URL('images/bg.jpg');
background-repeat: repeat-x;
background-attachment: fixed;

}

a {color: #084554;}
a:visited {color:#084554;}
a:hover {color: #D2232A;}
a:active { color:#D2232A;}

h1 {
font-size: 17px;
font-weight: bold;
padding:5px 0px;
margin:0px;
height: 50px;
background-image: URL('images/verlauf_content.jpg');
background-repeat: repeat-x;
background-position: 1px 35px;
/*border: solid 1px #00CC33;*/
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}




/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
border-left: solid 1px #084554;
border-right: solid 1px #084554;
/*min-height: 580px;
height: 580px;*/
}

*html #container{
height: expression(this.scrollHeight > document.documentElement.clientHeight ? "auto": document.documentElement.clientHeight + "px"); 
}

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
height: 145px;
background-image: URL('images/verlauf_oben.jpg');
background-repeat: repeat-x;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#banner img{
float: right;
}


/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 516px #FFFFFF;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{
margin:0px;
width:100%;
} /* die IE PC schlaufe */ 

/* -------------- Inhalt links------------- */
#content_links{
width:465px; 
float:left; 
position:relative; 
margin-left:-516px; 
margin-right:40px;
padding: 28px 0px 20px 30px;
 }


p{
padding: 2px 10px;
margin:0px;
line-height: 150%;
}

table, td{
padding: 0px 0px;
margin:0px;
line-height: 150%;
}

#content_links table{
margin-left: 10px;
}

i{
background-color: #E1E6EA;
font-weight: normal;
font-style: normal;
padding: 0px 3px 1px 4px;
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}


#content_links img{
float: left;
margin: 0px 15px 5px 0px;
}

.listblock{
clear: both;
float: left;
width: 58px;
}


h4{
padding: 2px 10px;
margin:0px;
line-height: 150%;
font-size: 12px;
font-weight:normal;
}

h4 a{
text-decoration: none;
}

.save{
font-size: 9px;
}

/*-----------Kontaktformular--------------*/

.kontakt td{
padding-bottom: 22px;
}

.kontaktinput{
width: 180px;
background-color: #E1E6EA;
border: solid 1px #084554;
font-size: 10px;
height: 14px;
margin: 3px 0px 3px 8px;
}

.kontaktarea{
width: 195px;
height: 250px;
background-color: #E1E6EA;
border: solid 1px #084554;
font-size: 12px;
margin: 3px 0px 3px 0px;
}


.kontaktselect{
width: 180px;
background-color: #E1E6EA;
border: solid 1px #084554;
font-size: 10px;
height: 18px;
margin: 3px 0px 3px 8px;
}

.kontaktcheck{
background-color: #E1E6EA;
margin: 3px 8px 3px 8px;
vertical-align: middle;
}

.kontaktbutton{
width: 190px;
height: 23px;
font-size: 10px;
color: #084554;
font-weight: bold;
background-color: #E1E6EA;
border: solid 1px #084554;
border-bottom: solid 2px #D2232A;
margin: 4px 0px 4px 8px;
}

/* -----------------Inhalt rechts--------------------- */
#content_rechts{
position: relative;
margin: 0px 0px 0px 0px;
padding-top: 50px;
padding-left: 25px;
text-align: left;
}

#content_rechts h6{
font-size: 12px;
background-image: URL('images/hinweis.jpg');
background-repeat: no-repeat;
height: 80px;
width: 206px;
text-align: left;
vertical-align: bottom;
padding: 58px 0px 0px 0px;
margin: 0px 0px -58px 0px;
}

#content_rechts p{
width: 196px;
background-image: URL('images/verlauf_rot.jpg');
background-repeat: repeat-x;
text-align: left;
font-size: 11px;
line-height: 120%;
padding: 15px 5px 0px 5px;
margin: 0px 0px 0px 0px;

}

/*  ----------------Menü---------------------- */ 

ul#menu
{
margin: 0px 0px 0px -2px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
position: relative;
top: 104px;
float: left;
background-image: URL('images/nav-bg.gif');
background-repeat: repeat-x;
background-position: 1px 5px;
}

#menu li
{
display: inline;
list-style-type: none;
margin:0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
background-image: URL('images/nav-trenn.gif');
background-repeat: no-repeat;
background-position: right -2px;
}

#menu #last, #menu #lastactive{
background-image: URL('images/spacer.gif');
background-repeat: no-repeat;
background-position: right -2px;
}


#menu a {
padding: 0px 5px 4px 5px;
font-size: 11px;
line-height: 27px;
margin: 0px 0px 0px 0px;
}

#menu a:link, #menu a:visited
{
color: #fff;
font-size: 11px;
text-decoration: none;
}

#menu a:hover
{
border-bottom: solid 2px #D2232A;
}

#menu #active a{
font-weight: bold;
border-bottom: solid 2px #D2232A;
}

#menu #lastactive a{
font-weight: bold;
border-bottom: solid 2px #D2232A;
}


/*  ----------------footer---------------------- */ 
#footer {
clear: left;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 83px;
width: 798px;
text-align: right;
background-image: URL('images/verlauf_unten.jpg');
background-repeat: repeat-x;
background-position: 0px 23px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#footer #adress{
float: left;
border-bottom: solid 1px #084554;
font-weight: normal;
text-align: right;
margin: 0px 0px 0px 0px;
}

#footer #adress p{
float: right;
width: 295px;
font-size: 10px;
padding: 0px 12px 2px 0px;
margin: 0 0;
border-bottom: solid 5px #084554;
font-weight: normal;
}

#footer img, #footer object{
float: left;
margin-top: 1px;
}