/********************************************
   HTML ELEMENTE
********************************************/ 


* { padding: 0; margin: 0; }


body {
	margin-top:0px;
	padding: 0;
	font: .78em/1.3em Verdana, Arial, Helvetica sans-serif;
	color: #545454; 
	/*background: #f3994b url(../img/bg_wasser.jpg) no-repeat center; */
	text-align: center;
}

/********************************************
  LINKS
********************************************/ 

a { 
	color: #2307D9;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #F27922;
	text-decoration:underline;
	background-color: inherit;

}


/********************************************
   UEBERSCHRIFTEN
********************************************/ 

h1 {
	font-size: 1.3em; 
	color: #004080;
    font-family: verdana, times new roman;}
	
h2 { font-size: 1.2em; text-transform:uppercase;}
h3 { font-size: 1.1em; }


/********************************************
   TEXTABSTAND
********************************************/
p, h1, h2, h3 {
	margin: 10px 0px;
	color:#004080;
}

/********************************************
  LISTEN
********************************************/

ul, ol {
	margin: 10px 5px;
	padding: 0 15px;
	color: #004080;
}

ul span, ol span {
	color: #004080; 
}



/********************************************
   BILDER IMAGES
********************************************/

img {
	border: 0px;
}

img.no-border {
	border: none;
}

img.float-right {
  margin: 5px 0px 5px 15px;  
}

img.float-left {
  margin: 5px 15px 5px 0px;
}

a:hover img {  
  border: 0px solid #CCC !important; /* IE fix*/
  border: 0px solid #568EB6;
}


/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position: absolute;
	z-index:20000;
	visibility:hidden;
	zoom: 1;
	margin: 0px;
	padding: 0px;
}


#bild{
background:url(../img/fade/eisschollen.jpg) no-repeat;
height:94px;
}


/***********************
	  WRAP
************************/

#wrap {
   
	z-index:1;
	width: 950px;
	margin: 10px auto;	
	height:auto;
	text-align: left;
	border:1px solid #000;
}

/********************************************
  SCHATTEN FÜR WRAP (derzeit nur bei Firefox
********************************************/
#wrap {
-moz-box-shadow: 5px 5px 5px #999; /* Firefox hack */
-webkit-box-shadow: 5px 5px 5px #999; /* Safari and Chrome hack */
box-shadow: 5px 5px 5px #999;
}

/********************************************
  HEADER-BEREICH 
********************************************/

#header {

	position: relative;
	height: 0px;
	margin-top:0px;
	background: #ffffff ;

	}

#logo {
	position: relative;	
	margin-top:0px;
	height:130px;
	background: url(http://www.individuelle-gesundheit.de/img/header.jpg) no-repeat;
	}


#header2 {
	position: relative;	 
	margin-top:5px;
	height:22px;
	background: #e3e3e3 ;
	border:1px solid silver;
	}

#header2 p {
    margin:0;
    font-size:10px;
	text-align:center;
	padding-top:4px;
}

/********************************************
   Content-Wrap 
********************************************/



#content-wrap {
	position:relative;
	background: #ffffff;
    z-index:5;
    margin:0 px;
	clear: both;
	padding: 0;	
	min-height:560px;

}



/********************************************
   MAIN-1SPALTIG
********************************************/

#main {
    position:relative;
	float: left;
	margin:5px 0 5px 0;
	padding: 5px 25px 5px 25px;
	width: 770px;
	background:#ffffff url(../img/bg_gunas_marke.jpg);
	background-position:bottom;
	height:540px;
	overflow:auto;
	
}


/********************************************
   LINKE SPALTE -SIDEBAR-
********************************************/

#sidebar {
position:relative;
	float: left;
	width: 125px;
	margin: 5px 5px 0 0;
	padding:0;
	background:transparent;
}

#sidebar p{margin:0 0 5px 0;}


#sidebar ul.sidemenu {

	list-style:none;
	margin:0px 10px 0px 0px;
	padding:0;		
}

#sidebar ul.sidemenu li.abstand{
line-height:28px;

}

#sidebar ul.sidemenu a:hover {

	background-repeat:no-repeat;
	background-position:left;
	color: #0060ad;
}




/********************************************
   FUSSZEILE -FOOTER-
********************************************/

#footer { 
    clear:both;
 	color: #666666;
	background:#e3e3e3;
	border: 1px solid silver;
	padding: 0; 
	height: 30px;	  
	font-size: 95%;
}

#footer a { 
	text-decoration: none; 
	font-weight: thin;	
	color: #f4d59e;
	color: #666666;
}

#footer .footer-left{
	float: left;
	width: 40%;
	padding:5px;
	height:30px;
}

#footer .footer-right{
	float: right;
	width: 40%;
	padding:5px;
	height:30px;
}

#footer ul li {display:inline;}


/********************************************
   ALLGEMEINE CLASSEN
********************************************/

.float-left  { float: left; }

.float-right {	float: right; }

.align-left  {	text-align: left; }

.align-right {	text-align: right; }

.align-center {	text-align: center; }



/********************************************
   ZUSAETZLICHE CLASSEN
********************************************/

.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
.blau  {	color: blue; }
.small {font-size:0.8em;}
.center{text-align:center;}
hr{ height:1px; background:silver;}

/********************************************
   STARTSEITE CONTENT ZENTRIERT
********************************************/
.startseite { font-size:16px; 
padding:10px;
line-height:30px;
margin-top:45px;}

/********************************************
   TABELLENDEFINITIONEN
********************************************/

table{
table-layout:fixed;
font-size:0.9 em;
}
td{
vertical-align:top;}