/* *** 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  */

body {
background-color: #50baca;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #c02638;}
a:visited {color:#2f1a80;}
a:hover {color: #2f1a80;}
a:active { color:#2f1a80;}

.img_start {
	background: #E3E4E4;
	border: solid 1px #ffffff;
	border-top: none;
	width: 435px;
	height: 296px;
	margin-top: -15px;
	padding-top: 15px; 
	padding-left: 14px;}


h1 {
	display: block;
	background: #2a1771;
	color: #fff;
	border: solid 1px #ffffff;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	padding: 5px; 
	padding-left: 14px;}

h2 {
	display: block;
	background: #c02638;
	color: #fff;
	border: solid 1px #ffffff;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	padding: 5px; 
	padding-left: 14px;}
	
.leer {
	display: block;
	background: #c02638;
	color: #fff;
	border: solid 1px #ffffff;
	width: 100%;
	height: 22px;
	font-size: 18px;
	margin-top: 20px;
	padding: 5px; 
	padding-left: 14px;}

.h2_gal {
	display: block;
	height: 22px;
	background: #c02638;
	color: #fff;
	border: solid 1px #ffffff;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	padding: 5px; 
	padding-left: 14px;}

h3 {
	display: block;
	background: #2a1771;
	color: #fff;
	border: solid 1px #ffffff;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	padding: 5px; 
	padding-left: 14px;}

h4 {
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	padding: 0px; 
}

ul {
list-style-type: none;
}

#top ul {
margin-top: 0px;
margin-left: -40px;
}

#top li {
float: left;
}

img.download {vertical-align:middle;}

.clear {clear: both;} 

/* ----------container zentriert das layout-------------- */
#container {
width: 1024px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px;
margin-bottom: -2px;}

#banner img {padding:0px;} 

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 200px #b1b3b4; /* linke Menue Spalten Farbe  */ 
border-right: solid 200px #b1b3b4; /* rechte Menue Spalten Farbe  */ 
background-color: #b1b3b4; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------top navigavtion------------- */
#top {
 width:1023px; 
 float:left; 
 position:relative; 
 margin-right:1px;
 height: 31px;
 background: #b1b3b4;
 border-bottom: solid 1px #ffffff;
 border-right: solid 1px #ffffff; 
 }


#top li a.home {
background: url(../images/home.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
#top li a:hover.home {
background: url(../images/home_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }

#top li a.home_h {
background: url(../images/home_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
#top li a.leistungen {
background: url(../images/leistungen.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
#top li a:hover.leistungen {
background: url(../images/leistungen_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }

#top li a.leistungen_h {
background: url(../images/leistungen_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
#top li a.galerie {
background: url(../images/galerie.gif) no-repeat;
width: 115px;
height: 32px;
display: block;	
 }
 
#top li a:hover.galerie {
background: url(../images/galerie_h.gif) no-repeat;
width: 115px;
height: 32px;
display: block;	
 }

#top li a.galerie_h {
background: url(../images/galerie_h.gif) no-repeat;
width: 115px;
height: 32px;
display: block;	
 }

#top li a.links {
background: url(../images/links.gif) no-repeat;
width: 117px;
height: 32px;
display: block;	
 }
 
#top li a:hover.links {
background: url(../images/links_h.gif) no-repeat;
width: 117px;
height: 32px;
display: block;	
 }

#top li a.links_h {
background: url(../images/links_h.gif) no-repeat;
width: 117px;
height: 32px;
display: block;	
 }

#top li a.kontakt {
background: url(../images/kontakt.gif) no-repeat;
width: 117px;
height: 32px;
display: block;	
 }
 
#top li a:hover.kontakt {
background: url(../images/kontakt_h.gif) no-repeat;
width: 117px;
height: 32px;
display: block;	
 }

#top li a.kontakt_h {
background: url(../images/kontakt_h.gif) no-repeat;
width: 117px;
height: 32px;
display: block;	
 }

#top li a.impressum {
background: url(../images/impressum.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
#top li a:hover.impressum {
background: url(../images/impressum_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }

#top li a.impressum_h {
background: url(../images/impressum_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
 #top li a.anfahrt {
background: url(../images/anfahrt.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }
 
#top li a:hover.anfahrt {
background: url(../images/anfahrt_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }

#top li a.anfahrt_h {
background: url(../images/anfahrt_h.gif) no-repeat;
width: 119px;
height: 32px;
display: block;	
 }

/* -----------------Inhalt--------------------- */ 
#seite{
margin:0 auto;
text-align:left;
width:1024px;
}
 
#links{
float:left;
width: 352px;
}

#mitte{
float:left;
width: 450px;
}

#rechts{
float:left;
width: 201px;
}

.text_links{
background: #e3e4e4;
width: 315px;
height: 283px;
border: solid 1px #fff;
margin-top: -13px;
padding: 18px;
padding-top: 10px;
}

.text_rechts{
background: #fff;
width: 184px;
height: 283px;
border: solid 1px #fff;
margin-top: -19px;
padding: 18px;
padding-top: 10px;
}

.wrapper {    
background: #2A1771 ;
margin-left: 1px;
border-bottom : solid 1px #fff;}

.wrapper ul{    
width: 460px;
margin-top: -16px;
margin-left: -42px;
}

/* float & allow room for the widest item */
.wrapper ul li{
float: left;
}

.wrapper li.li_eins{
float: left;
display: block;
background: #2A1771;
width: 205px;
margin-left: 1px;
padding-left: 16px;
padding-top: 7px;
border-top : solid 1px #fff;
border-left : solid 1px #fff;
}

.wrapper li.li_zwei{
float: left;
display: block;
background: #2A1771;
width: 210px;
margin-left: 1px;
padding-left: 16px;
padding-top: 7px;
border-top : solid 1px #fff;
border-left : solid 1px #fff;}



/* wrapper galerie */
.wrapper_galerie {    
background: #b1b3b4;
margin-left: 1px;
border-bottom : solid 1px #fff;
border-left : solid 1px #fff;
margin-left: 0px;
margin-bottom: 40px !important;
width: 801px;}

.wrapper_galerie ul{    
width: 762px;
margin-top: -13px;
}

/* float & allow room for the widest item */
.wrapper_galerie  ul li{
float: left;
}

.wrapper_galerie  li.li_eins{
float: left;
display: block;
background: #b1b3b4;
width: 315px;
height: 236px;
margin-left: -41px;
padding: 18px;
padding-top: 15px;
border-top : solid 1px #fff;
border-left : solid 1px #fff;}

.wrapper_galerie  li.li_zwei{
float: left;
display: block;
background: #b1b3b4;
width: 413px; 
height: 236px;
padding: 18px;
padding-top: 15px;
border-top : solid 1px #fff;
border-left : solid 1px #fff;
}

.wrapper_galerie  li.li_zwei_kontakt{
float: left;
display: block;
background: #e3e4e4;
width: 413px; 
height: 284px;
padding: 18px;
padding-top: 10px;
border-left : solid 1px #fff;
border-bottom: solid 1px #fff;
}

/* stop the float */
br{
clear: left;}

/* separate the list from subsequent markup */
div.wrapper{
margin-bottom: 1em;}


p {
padding: 5px 10px;
margin:0px; }

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


