/* CSS Document */

* {
padding:0;
margin:0;
}


body {
text-align:center;
font-family: Arial Narrow, Trebuchet, Helvetica, Sans Serif;
background-color:#ccc;
color:#000;
}



/* CONTAINER */

/* Kopfbereich */

#container {
position:relative;
background-color:#fff;
width:1022px;
margin:0 auto;
}

#kopf {
text-align:left;
background:url(../images/kopf.jpg) bottom left no-repeat #000;
height:240px;
color:#fff;
}

#karteireiter {
height:40px;
padding-left:27px;
font-size:0.9em;
font-weight:bold;
}

#karteireiter ul {
margin:0;
padding-top:10px;
}

#karteireiter li {
background:url(../images/bg_karteireiter_black.jpg) left bottom no-repeat #000;
display:inline;
list-style-type:none;
padding-bottom:10px;
padding-right:20px;
padding-left:20px;
margin-right:15px;
}

#karteireiter a {
color:#fff;
text-decoration:none;
}

#karteireiter a:hover,
#home-jugend #kartei1 a,
#wirkung #kartei1 a,
#nebenwirkung #kartei1 a,
#test #kartei1 a,
#notfall #kartei1 a,
#katerpflege #kartei1 a,
#rezepte #kartei1 a,
#quiz #kartei1 a,
#ecards #kartei1 a,
#arbeit_start #kartei3 a,
#medikamente_start #kartei4 a,
#strasse_start #kartei5 a {
color:#FF0000;
}


#logo {
height:135px;
margin:0;
}

#logo img {
margin:5px 25px 10px 25px;
}


/* Navigation */


#hauptnav {
height:35px;
padding-left:25px;
background-color:transparent;
font-size:1.1em;
font-weight:bold;
}

#hauptnav li {
display:inline;
list-style-type:none;
}

#hauptnav li img {
border:none;
vertical-align:middle;
}

#hauptnav a {
color:#fff;
text-decoration:none;
margin-right:40px;
}

/* rote Navibuttons für aktive Links */

#hauptnav a:hover,
#wirkung #navi1 a,
#wirkung #navi1_1 a,
#nebenwirkung #navi1 a,
#nebenwirkung #navi1_2 a,
#test #navi1 a,
#test #navi1_3 a,
#notfall #navi2 a,
#notfall #navi2_1 a,
#katerpflege #navi2 a,
#katerpflege #navi2_2 a,
#rezepte #navi3 a,
#quiz #navi4 a,
#ecards #navi5 a {
color:#FF0000;
}


#seknav {
height:20px;
margin-top:3px;
padding-left:25px;
background-color:transparent;
font-size:1em;
}

#seknav li {
display:inline;
list-style-type:none;
}

#seknav a, #seknav a:visited {
color:#fff;
text-decoration:none;
margin-right:20px;
}

#seknav a:hover, #seknav a:active, #seknav a:focus {
color:#FF0000;
font-weight:bold;
}

#servicenav {
font-size:0.7em;
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
float:right;
padding-right:25px;
margin-top:10px;
}

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

#servicenav a {
color:#CC0000;
text-decoration:none;
}


/* Inhalt  */

#content {
text-align:left;
background-color:#FFFFFF;
padding:40px 25px 40px 25px;
}

#content p {
margin:0 0 0.7em 0;
}

#content h1 {
font-size: 1.3em;
margin: 0 0 0.7em 0;
font-weight: bolder;
color: #000;
}

#content h2 {
font-size:1em;
margin:0;
font-weight:bold;
color:#000;
}

#content h3 {
font-size:1em;
font-weight:bold;
margin: 0 0 0.7em 0;
color:#c00;
}

#content a, #content a:visited {
color:#c00;
}

#content ul {
list-style-image:url(../images/dataicon_strich.gif);
margin: 1em 1em 1em 1em;
}

#content ul li {
padding: 0;
margin: 0 0 0 7px;
}

* html #content ul li { /* Korrektur fuer IE 5.x */
margin-left: 0;
ma\rgin-left: 0;
padding-top: 0;
padd\ing-top: 0;
}

.text {
width:480px;
float:left;
}

.text_rechts {
width:480px;
float:right;
}

#teaser {
clear:both;
background-color:#FFFFFF;
padding:0 0 50px 23px;
}

.teaser_box {
position:relative;
float:left;
width:174px;
height:193px;
margin-right:20px;
background:url(../images/teaser_rahmen.gif) left top no-repeat;
color:#FFFFFF;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
line-height:120%;
}

.teaser_box img {
margin:20px 5px 5px 7px;
border:none;
}

.teaser_box p {
margin:5px 18px 0 18px;
}

.teaser_box_pfeil {
position:absolute;
bottom:15px;
right:15px;
z-index:80;
}

.linkimg {
vertical-align:middle;
}

/* Fuss  */

#fuss {
background-color:#FFFFFF;
text-align:left;
padding:25px;
margin-bottom:20px;
}

#fuss img {
margin-right:15px;
vertical-align:middle;
}

/* Sonstiges */

.rechts {
float:right;
margin:0 5px;
}

.links {
float:left;
}

.mitte {
text-align:center;
margin:0.5em 2em;
}

.clear {   
clear: both;
}

.marker1 {
color:#c00;
}

.hinweis {
color:#c00;
font-weight:bold;
background:url(../images/dataicon_pfeilrot.gif) top left no-repeat;
padding-left:2em;
}

#Button1, #Button2, #Button3, #Button4, #Button5, #Button6, #Button7, #Button8 {
  width: 40px;
  height: 29px;
  padding: 0px 0px 0px 0px;
  margin: 0;
  border: 0;
  background: transparent url(../images/pfeil_quiz_rechts.gif) no-repeat center top;
  color:#c00;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.quiz_box {
position:relative;
width:393px;
height:137px;
background:url(../images/quiz_hinweis.jpg) left top no-repeat;
color:#000;
text-align:left;
}

.quiz_box img {
vertical-align:middle;
border:none;
}

.quiz_box p {
padding:8px 30px 5px 25px;
} 

.klein {
font-size:0.8em;
color:#999999;
}

.grau {
color:#999999;
}