/*

Mein Arzt in Wiesbaden
V1 06 2007
V2 11 2010

*/


/*****************************************************
* Normalisieren
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}

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

ul, ol {
list-style: none;
}

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

fieldset, img {
border: none;
}

a:focus {
-moz-outline: 0;
}

a:active {
-moz-outline: none;
}

a {
outline: none;
}

input {
outline: none;
}

/******************************
 * Layout
******************************/

html {
text-align: center;
}

body {
position: relative;
width: 806px;
margin: 25px auto;
text-align: left;
color: #333;
background: #fff;
font: 13px/1.5 "Trebuchet MS", Verdana, sans-serif;
}


#kontakt_impressum {
position: relative;
}

#kontakt_impressum ul {
position: absolute;
top: 0; 
left: 527px;
color: #999;
position: relative;
width: 270px;
margin: 0 0 5px 0;
}

#kontakt_impressum ul li {
display: inline;
}

#kontakt_impressum a {
color: #999;
text-decoration: none;
}

#kontakt_impressum a:hover, #kontakt_impressum a.hi {
color: #75A90A;
text-decoration: none;
}

#logo {
position: relative;
height: 123px;
background: transparent url(../i/ly/bg-head.png) no-repeat top left;
}

#logo h1, #logo h2 {
text-indent: -99999px;
}

#logo h1 {
position: absolute;
top: 18px;
left: 24px;
display: block;
width: 162px;
height: 98px;
background: transparent url(../i/ly/logo.png) no-repeat top left;
}

#logo h2#notfall {
position: absolute;
top: 24px;
left: 524px;
display: block;
width: 200px;
height: 35px;
background: transparent url(../i/ly/notfall.png) no-repeat top left;
}

#logo h2#interaktiv {
position: absolute;
top: 64px;
left: 524px;
display: block;
width: 200px;
height: 35px;
background: transparent url(../i/ly/interaktiv.png) no-repeat top left;
}

#logo a {
display: block;
height: 35px;
}

#logo a.home {
height: 76px;
}

#suche {
position: relative;
height: 60px;
background: transparent url(../i/ly/bg-suche.png) repeat-y top left;
}

#suche form {
position: absolute;
top: 20px;
left: 528px;
}

#suche span {
display: block;
width: 204px;
height: 21px;
background: transparent url(../i/ly/suchfeld.png) no-repeat top left;
}

#suche input {
position: absolute;
top: 3px;
left: 19px;
width: 170px;
height: 14px;
border: 1px solid ccc;
border: 1px solid #fff;
color: #666;
font-family: verdana;
font-size: 11px;
}

#inhalt {
padding: 20px 0 0 20px;
background: transparent url(../i/ly/bg-content.png) repeat-y top left;
}

#nav {
width: 148px;
float: left;
}

#hauptinhalt {
margin: 0 0 0 185px;
}

#textspalte {
margin: 0 0 20px 0;
width: 430px;
float: left;
}

img.titel {
border: 1px solid #C7DDFB;
margin: 0 0 20px 0;
}

#marginalspalte {
margin: 0 0 0 468px;
width: 110px;
padding: 1px 0 1px 0; /* Das muss da stehen, damit der IE 6 bei leerer Marginalspalte nicht kollabiert */
}

#clear {
clear: both;
}

#footer {
height: 24px;
background: transparent url(../i/ly/bg-footer.png) repeat-y top left;
}

/******************************
 * Navigation
******************************/

#nav a {
display: block;
height: 30px;
line-height: 30px;
padding: 0 0 0 24px;
text-decoration: none;
color: #234A9D;
background: transparent url(../i/ly/nav-bullet.png) no-repeat center left;
border-bottom: 1px solid #C7DDFB;
}

#nav a:hover, #nav a.hi {
color: #75A90A;
background: transparent url(../i/ly/nav-bullet-hi.png) no-repeat center left;
border-bottom: 1px solid #C7DDFB;
}

#nav a.sub, #nav a.sublast {
display: block;
height: 25px;
line-height: 25px;
padding: 0 0 0 24px;
text-decoration: none;
color: #234A9D;
background: none;
border-bottom: none;
}

#nav a.sublast {
height: 25px;
line-height: 25px;
background: none;
border-bottom: 1px solid #C7DDFB;
padding: 0 0 10px 24px;
}

#nav a.sub:hover, #nav a.subhi, #nav a.subhi:hover {
height: 25px;
line-height: 25px;
color: #75A90A;
background: none;
border-bottom: none;
}

#nav a.sublast:hover, #nav a.sublasthi, #nav a.sublasthi:hover  {
height: 25px;
line-height: 25px;
color: #75A90A;
background: none;
border-bottom: 1px solid #C7DDFB;
}

#nav a.sublasthi {
padding: 0 0 10px 24px;
}

/******************************
 * Typo
******************************/

p, ul {
margin: 0 0 15px 0;
}

p.datum {
font-style: italic;
color: #666;
margin: 0;
}

p.datumdetail {
font-style: italic;
color: #666;
margin: 0 0 10px 0;
}

h3, h4, h5, h6 {
font-size: 14px;
margin: 0 0 10px 0;
}

h3.kontakt, h3.zusatzinfo {
border-top: 1px solid #C5DDFC;
padding: 20px 0 0 0;
margin: 25px 0 10px 0;
}

h2 {
font-size: 17px;
line-height: 22px;
margin: 0 0 .5em 0;
}

h3 {
margin: 0 0 2px 0;
}

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

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

p.link, p.download {
padding: 0 0 0 20px;
line-height: 13px;
background: transparent url(../i/ly/info-pfeil.png) no-repeat 0 0;
margin: 0 0 10px 0;
}

/******************************
 * Links Textspalte
******************************/

#textspalte a {
color: #75A90A;
text-decoration: none;
padding: 0 0 1px 0;
}

#textspalte a:hover {
color: #234A9D;
text-decoration: none;
padding: 0 0 1px 0;
}

/******************************
 * Bilder Marginalspalte
******************************/
#marginalspalte img {
padding: 1px;
margin: 0 0 15px 0;
}

#marginalspalte img.portrait {
border: 1px solid #C5DDFC;
padding: 1px;
margin: 0;
}

/******************************
 * Styles fuer Accordion-Boxen
******************************/
#accordion h4  {
display: block;
color: #234A9D;
border: 1px solid #C5DDFC;
background: #f1f1f1 url(../i/ly/nav-bullet.png) no-repeat 5px 2px;
padding: 2px 2px 2px 28px;
margin: 5px 0 0px 0;
}

#accordion div {
padding: 5px;
}

#textspalte #accordion li {
margin: 0 0 10px 0;
}


/******************************
 * Styles Google MAP
******************************/
div.bubble {
border: 1px solid #C5DDFC;
padding: 2px;
background: #f1f1f1;
}

#textspalte div.bubble ul {
list-style: none;
}

#textspalte div.bubble li {
background: none;
padding: 0;
margin: 0;
}

/******************************
 * Tabellen
******************************/
table.notruf {
margin: 0 0 15px 0;
caption-side: bottom;
border-collapse: collapse;
width: 100%;
table-layout: auto;
font: 13px/1.5 "Trebuchet MS", Verdana, sans-serif;
}


table.notruf td {
vertical-align: top;
border: 1px solid #ccc;
padding: 5px;
}



/******************************
 * Liste Uebersicht
******************************/
#textspalte ul.liste {
border-bottom: 1px solid #C7DDFB;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#textspalte ul.listefirst {
border-top: 1px solid #C7DDFB;
border-bottom: 1px solid #C7DDFB;
padding: 15px 0 0 0;
margin: 0 0 15px 0;
}

#textspalte ul.liste li, #textspalte ul.listefirst li  {
background: none;
padding: 0;
}

#textspalte a.info, #textspalte a.info:hover {
padding: 0 0 0 18px;
background: transparent url(../i/ly/info-pfeil.png) no-repeat 0 2px;
}

div.lupe {
position: relative;
width: 100px;
height: 150px;
margin: 0 0 15px 0;
}

div.lupeicon {
position: absolute;
top: 123px;
left: 73px;
width: 22px;
height: 22px;
background: transparent url(../i/ly/lupe.gif) no-repeat 0 0;
}

#textspalte li.name {
margin: 0 0 0 0;
}

#textspalte li.liinfo {
margin: 5px 0 7px 0;
}

#textspalte li.ortsteil, #textspalte li.datum {
margin: 5px 0 7px 0;
font-style: italic;
}


/******************************
 * Tag Cloud
******************************/

#wortwolke {
border-top: 1px solid #C7DDFB;
padding: 15px 0 0 0;
}

#wortwolke a {
text-decoration: none;
font-family: Verdana;
}

#wortwolke a:hover {
color: #75A90A;
}

#wortwolke .mini {
font-size: 11px;
color: #91A4CE;
}

#wortwolke .small {
font-size: 12px;
color: #7B92C4;
}

#wortwolke .normal {
font-size: 14px;
color: #6580BA;
}

#wortwolke .big {
font-size: 16px;
color: #4F6EB0;
}

#wortwolke .xxl {
font-size: 18px;
color: #234A9D;
}

/******************************
 * Mapfilter Tabelle
******************************/
ul.mapfilter {
position: relative;
margin: 0 0 15px 0;
height: 54px;
border-top: 1px solid #C7DDFB;
}

#textspalte ul.mapfilter li {
position: absolute;
top: 15px;
padding: 0;
height: 39px;
}

#textspalte li#lgAlle {
left: 0;
padding: 0 0 0 26px;
background: transparent url(/cnt/i/ly/l-alle.png) no-repeat 0 0;
line-height: 39px;
}

#textspalte li#lgFa {
left: 75px;
padding: 0 0 0 24px;
background: transparent url(/cnt/i/ly/l-facharzt.png) no-repeat 0 2px;
line-height: 39px;
}

#textspalte li#lgHa {
left: 188px;
padding: 0 0 0 24px;
background: transparent url(/cnt/i/ly/l-hausarzt.png) no-repeat 0 2px;
line-height: 39px;
}

#textspalte li#lgMp {
left: 302px;
padding: 0 0 0 24px;
background: transparent url(/cnt/i/ly/l-partner.png) no-repeat 0 2px;
line-height: 39px;
}

#textspalte li input {
vertical-align: middle;
}

/******************************
 * Tabelle Pollenflug
******************************/
table.stripe {
margin: 25px 0;
}

table.stripe td, th {
vertical-align: top;
border-collapse: collapse;
border: 1px solid #b7d5fa;
padding: 4px;
}

table.stripe th {
background: #a0ceec;
}

/******************************
 * Login / Mitgliederbereich
******************************/
#textspalte ul.form li {
margin: 0 0 4px 0;
background: none;
padding: 0;
}

ul.form label {
display: block;
width: 100px;
float: left;
margin: 0 0 5px 0;
}

ul.form input {
font-size: 13px;
width: 200px;
border: 1px solid #b7d5fa;
padding: 2px 4px;
vertical-align: middle;
}

ul.form input.loginbutton {
width: 208px;
background: #679EF1;
border: none;
color: #fff;
-webkit-border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #679EF1;
-moz-border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #679EF1;
border-radius: 4px;
box-shadow: 1px 1px 2px #679EF1;
margin: 10px 0 0 0;
padding: 4px 0;
}


.navbar_mitglieder {
background: #679EF1;
border: 1px solid #679EF1;
padding: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #679EF1;
-moz-border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #679EF1;
border-radius: 4px;
box-shadow: 1px 1px 2px #679EF1;
margin: 20px 0 20px 0;
}

#textspalte .navbar_mitglieder a {
color: #fff;
}

#textspalte .navbar_mitglieder a:hover {
color: #f1f1f1;
}