/* Stylesheet für www.impfzentrum.ch
format.css
   Medium=Screen
   Autor:Konrad Pozniak */

/* Allgemeine Styles */

* { padding: 0; margin: 0;}

html {
height:101%;     /* Firefox-Patch */
background-color: #ccc;} 

body {
font-family: Lucida, Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: black;
padding-top: 30px;
padding-bottom: 10px;
background-image: url(img/background-back.jpg);
background-repeat: repeat-x;
background-position: 100px 135px;
}


/*Styles für den Kopf und Menübereich */
#wrapper {
margin: 0 auto 40px auto;
width: 85%;
min-width: 950px;
}

#head {
position: relative;
background: #5696ff url(img/background-head.jpg) no-repeat top left;
height: 120px;
border: 2px solid #445577;
margin-bottom: 10px;
}

address {
position: absolute;
top: 10px;
right: 10px;
padding: 10px;
}

#head img {
margin-left: 25px;
}

#menu {
background: #5696ff url(img/background-head.jpg) no-repeat top left;
padding: 10px 10px 10px 10px;
border: 2px solid #445577;
margin-bottom: 10px;
text-align: center;
}

#menu li {
display: inline;
list-style-type: none;
padding: 4px 0px 4px 0px;
margin: 0 5px 0 0;
}

#menu a,
#menu strong {
background: #6d88be url(img/tab.jpg) repeat-x left top;
font-weight: normal;
padding: 4px 4px 4px 8px;
text-decoration: none;
color: black;
text-align: center;
border: 1px solid #445577;
}

#menu a:hover,
#menu a:focus,
#menu strong{
background: #bbe1f8 url(img/tab_active.jpg) repeat-x left top;
}


/*Styles für den Textbereich */

#text {
background: #ffffff url(img/background-text.jpg) no-repeat left top; 
padding: 50px 60px 80px 50px;
background-color: white;
border: 2px solid #445577;
color: #333333;
line-height: 1.5;
font-size: 110%;

overflow: hidden;
}

#text h2 {
text-decoration: none;
background: url(img/background-headline.jpg) no-repeat left bottom;
margin-bottom: 1em;
padding-left: 2em;
font-family: Constantia, Georgia, "Times New Roman", serif;
font-size: 180%;
}

#text h3 {
margin-bottom: 1em;
font-size: 110%;
text-decoration: none;
}

#text h4 {
font-size: 120%;
text-decoration: none;
}

#text p {
padding-left: 1em;
margin-bottom: 1em;
}

#text blockquote {
padding: 0.5em 2em;
margin-bottom: 1em;
border-top: 2px solid #6d88be;
border-bottom: 2px solid #6d88be;
}

#text ul {
list-style-type: circle;
margin-left: 40px;
margin-bottom: 1em;
}

#text ol {
margin-left: 40px;
}

#text img {
float: right;
padding: 1px;
margin: 5px;
border: 2px solid #6d88be;
}

#text img#baden {
float: none;
}

#text img#africa {
float: none;
width: 120px;
height: 84px;
}

#text img#america {
float: none;
width: 92px;
height: 84px;
}

#text img#malaria {
float: none;
width: 141px;
height: 86px;
}

#text img#typhus {
float: none;
width: 114px;
height: 84px;
}

#text span {
height: 90px;
display: block;
}

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

#text p.center img {
float: none;
}

#text img#africa:hover,
#text img#america:hover ,
#text img#malaria:hover,
#text img#typhus:hover {
background-color: white;
position: absolute;
width: auto;
height: auto;
}

#text a {
color: #333333;
text-decoration: underline;
}

#text li {
position: relative;
}

#text li span {
height: 100%;
position: absolute;
left: 20em;
top: 0px;
}

#text a:hover,
#text a:active,
#text a:focus {
color: #2b5cbe;
}

#text a[href^="http:"] {
padding-right: 18px;
margin-right: 1px;
background: url(img/link.gif) no-repeat right center;
}
#text a[href^="http:"]:hover,
#text a[href^="http:"]:active,
#text a[href^="http:"]:focus {
background: url(img/link_active.gif) no-repeat right center;
}

/*Spezielle styles */
#toplink {
background: url(img/toplink.jpg) top right;
float: right;
height: 60px;
width: 40px;
}

#backlink {
background: url(img/backlink.jpg) top right;
float: right;
height: 40px;
width: 60px;
}

.hidden {
position: absolute;
left: -9999px;
top: -9999px;
display: inline;
width: 0;
height: 0;
}

/* Patches für IE6 */
* html body { font-size: x-small; text-align:center;}
* html div#wrapper { text-align:left; width: 950px;}
* html #menu a:active {margin: 0;} 
* html #head h1 {display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png');}
* html #head img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
* html div#text {padding-bottom: 140px}
* html #text span {display: inline;}
* html #text img#africa, * html #text img#america , * html #text img#typhus, * html #text img#malaria{ width: auto; height: auto; display: block;}