
/*  // -------------------------------------------------------------------
    //              Name : website_de.css
    //              Type : Cascade Stylesheet
    // -------------------------------------------------------------------
    //           Project : www.zpt-diabetes.de 
    //            Author : Lothar Steidle - lothar@steidle.net
    //              Date : 11.10.2007 / Version 1.0
    // ------------------------------------------------------------------- */



BODY { color: black; font-size: 11px; font-family: Verdana; }
a { text-decoration: underline; }
p { margin-top: 5px; margin-bottom: 10px; clear: both; }
ul { list-style-image: url(../images/de/listitem.gif); }
li { line-height: 20px; }


.error { background-color: White; margin-top: 10px; margin-bottom: 10px; color: Red; border:1px solid red; }
.info { background-color: #3C78B5; color: white; padding: 5px; padding-left: 20px; border: 1px solid #0067A5; }

a.sbuttonselected, a.sbuttonused, a.sbutton { display: block; width: 30px; height: 30px; font-weight: bold; text-align: center; text-decoration: none; vertical-align: middle; padding-top: 5px; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #B5B5B5; border-bottom: 2px solid #B5B5B5; background-color: #0067A5; color: #C18359; margin-right: 2px; margin-top: 3px; height: 22px; }
a.sbutton { border-top: 2px solid #408DBC; border-left: 2px solid #408DBC; border-right: 2px solid #004975; border-bottom: 2px solid #004975; background-color: #0067A5; color: #FFFFFF; height: 22px; }
a.sbuttonused { color: white; background-color: #888888; height: 22px; }
a.sbuttonselected { border-bottom: 2px solid #F1F1F1; border-right: 2px solid #F1F1F1; border-left: 2px solid #AAAAAA; border-top: 2px solid #AAAAAA; background-color: #EFEFEF; color: #EC7616; height: 22px; }
a.sbutton:hover, a.sbuttonselected:hover { display: block; border-bottom: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA; border-left: 2px solid #F1F1F1; border-top: 2px solid #F1F1F1; background-color: #EFEFEF; color: #EC7616; }


/* buttons nur für admin */
a.buttonselected { border-bottom: 2px solid #F1F1F1; border-right: 2px solid #F1F1F1; border-left: 2px solid #AAAAAA; border-top: 2px solid #AAAAAA; background-color: #EFEFEF; color: #EC7616; }
a.button { border-top: 2px solid #408DBC; border-left: 2px solid #408DBC; border-right: 2px solid #004975; border-bottom: 2px solid #004975; background-color: #0067A5; color: #FFFFFF; }
a.button:hover, a.buttonselected:hover { border-bottom: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA; border-left: 2px solid #F1F1F1; border-top: 2px solid #F1F1F1; background-color: #EFEFEF; color: #EC7616; }

.box { padding: 3px; padding-left: 10px; margin-bottom: 5px; margin-top: 5px; border: 1px solid #0067A5; }
.box .date { width: 80px; float: left; }
.box .title { width: 400px; float: left; }
.box .place { width: 80px; float: left; margin-left: 10px; }
.box a { }

#content h1,h1 { margin: 0px; margin-top: 15px; margin-bottom:10px; color: #3C78B5; font-family: verdana,Geneva,Helvetica,sans-serif; font-size: 180%; font-weight: bolder; }
#content span h2, h2 { text-align: left; margin: 0px; margin-bottom: 10px; color: #FF9900; font-family: verdana,Geneva,Helvetica,sans-serif; font-weight: bolder; font-size: 160%; }
h3 { margin: 0px; color: #3C78B5; font-family: verdana,Geneva,Helvetica,sans-serif; font-size: 140%; font-weight: bold; }
h4 { margin: 0px; color: #B2B2B2; font-family: verdana,Geneva,Helvetica,sans-serif; font-size: 140%; font-weight: bold; }

.bordertitel { padding: 10px; width: 500px; }
.border { border: 1px solid #0067A5; padding: 10px; margin-bottom: 15px; }
.borderless { width: 870px; padding: 0px; padding-left: 0px; margin-bottom: 5px; margin-top: 5px; }

#chart { border: 1px solid #0067A5;  }
#navigation { border: 1px solid #0067A5;  }
#footer { position: absolute; /* Nécessaire pour Safari */ background-color: #d4d4d4; width: 100%; border-top: #999999 solid 1px; height: 20px; border-top: #999999 solid 1px; font-size: 10px; margin-top: 30px; }

.footerspan { margin-top: 2px; margin-left: 77px; }
.footerspan a { margin-left: 10px; }

.formend {margin-left:0px; margin-top:20px;}
#cmenavigation {clear:both;}