/************************************/
/* Projekt: Herz Kreislauf-Praxis
/* Autor: pinx.
/* Datum: 26.01.2007
/************************************/

/* Normalizing */
* {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ol, ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

img {
border: 0;
display: block;
}

/************************************/
/* Layout
/************************************/
html {
text-align: center;
}

body {
width: 932px;
margin: 25px auto;
text-align: left;
}

/* Div Logo */
#logo {
position: relative;
height: 213px;
}

#logo ul {
top: 200px;
left: 0;
margin: 0; /* Fuer OPERA WIN - sonst Spalte unterhalb #logo */
}

#logo ul li {
position: absolute;
display: inline;
}

li#impressum {
top: 178px;
left: 785px;
}

li#hkp_medicum a, li#hkp_bad_schwalbach a, li#hkp_rheingau a {
display: block;
height: 20px;
width: 370px;
text-indent: -99999px;
}


/* Links */
li#hkp_medicum {
top: 101px;
left: 150px;
}

li#hkp_bad_schwalbach {
top: 129px;
left: 150px;
}

li#hkp_rheingau {
top: 156px;
left: 150px;
}


li#impressum a {
display: block;
height: 20px;
width: 75px;
}

/* Div Navigation */
#nav {
position: relative;
height: 133px;
}

/* Bilderreihe */
#nav ul#bilder {
position: absolute;
top: 10px;
left: 16px;
}

#nav ul#bilder li {
position: absolute;
display: inline;
width: 170px;
height: 80px;
}

li#bild_1 { top: 0; left: 0; }
li#bild_2 { top: 0; left: 190px; }
li#bild_3 { top: 0; left: 380px; }

/* Hauptnavigation */
#nav ul#hauptnav {
position: absolute;
top: 103px;
left: 20px;
}

#nav ul#hauptnav li {
display: inline;
}

ul#hauptnav li a {
margin: 0 1px;
padding: 0 5px 0 0;
}

/* Suche */
form#suche {
position: absolute;
top: 102px;
left: 670px;
}

#suche input {
width: 130px;
}

#suche label {
margin: 0 10px 0 0;
}

/* Inhalt */
#inhalt {
padding: 12px 0 0 50px; /* AUCHTUNG - siehe #umbruch */
}

/* Subnavigation */
ul#subnav {
margin: 0 0 33px 0;
}

ul#subnav li {
display: inline;
}

ul#subnav li a {
margin: 0 3px;
padding: 0 5px 0 0;
}

/* Hauptspalte */
#inhalt_hauptspalte {
width: 420px;
float: left;
}

/* Marginalspalte */
#inhalt_marginalspalte {
margin: 0 0 0 516px;
}

#inhalt_marginalspalte img {
padding: 10px;
margin: 0 0 25px 0;
border: 1px solid #a7a8aa;
background: #6B6B6D;
}

#inhalt_marginalspalte #googlemap img {
padding: 0;
margin: 0;
border: 0;
background: none;
}

#umbruch {
clear: both;
padding: 1px 0 0 0; 
/* Ist noetig wg. der Spalte zwischen Inhalt und Footer (IE WIN) - Loesung: padding-bottom bei #inhalt auf 0 setzen,  padding-top bei #umbruch auf 1px */
}

/* Footer */
#footer {
height: 22px;
}

/* Medicum-Link */
#medicum {
position: relative;
height: 40px;
}

#medicum a {
position: absolute;
top: 5px;
left: 732px;
display: block;
width: 128px;
height: 30px;
text-indent: -99999px;
}

/************************************/
/* Typo
/************************************/
body {
font: 69%/1.5 Verdana;
}

h1 {
font-size: 110%;
margin: 0 0 1em 0;
}

h2 {
font-size: 100%;
margin: 0 0 .2em 0;
}

p, ul {
margin: 0 0 1em 0;
}

p.trenner {
border-bottom: 1px solid #a7a8aa;
padding: 0 0 10px 0;
}

em {
font-style: italic;
}

a:link, a:visited, #inhalt_hauptspalte li a {
text-decoration: none;
}

#inhalt_hauptspalte a, #inhalt_hauptspalte ul.adresse a {
text-decoration: underline;
}

#logo a, #nav a, #subnav a, form#suche label {
text-transform: uppercase;
}

ul#subnav a, #logo a {
font-size: 91%;
}

#inhalt_hauptspalte li {
padding: 0 0 0 11px;
margin: 0 0 2px 0;
background: transparent url("../i/ly/bullet.png") no-repeat 0 7px;
}

#inhalt_hauptspalte ul.adresse li {
padding: 0;
background: none;
}

form input {
font-size: 100%;
}


/************************************/
/* Farben
/************************************/
body {
color: #666;
}

em {
color: #ccc;
}

a, #logo a, ul#subnav a, p a {
color: #666;
}

#nav, #nav a, #subnav a, form#suche label {
color: #fff;
}

#logo a:hover, #nav a:hover, #subnav a:hover, p a:hover,  li a:hover, h2 a:hover {
color: #f00;
}

#logo a.hi, #nav a.hi, #subnav a.hi {
color: #f00;
}

form input {
border: 1px solid #f00;
}

#inhalt_marginalspalte form input {
border: 1px solid #ccc;
}