/* Reset
--------------------------------------------------*/

html {
height:100.1%;
font-size:100.1%;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {
margin:0;
padding:0;
}

/* Body
--------------------------------------------------*/
body {
height:100%;
font:.75em/1.7em "lucida grande", verdana, sans-serif;
color:#383D44;
/*background:#fff;*/
background: #fff url(../images/body_bg.jpg) left top repeat-y;
}

/* Paragraphs, Listen, etc
--------------------------------------------------*/

p {
margin:0;
padding:0 0 18px 0;
}

ul {
margin:0 0 0 0;
padding:0 0 18px 0;
}

ul ul {
padding:0;
}

/* Header
--------------------------------------------------*/

#header{
margin:50px 0 0 0;
}

#headertop{
height:64px;
background: #fff url(../images/headerbg_top.jpg) left top no-repeat;
}

#headertop a{
height:64px;
width:100px;
font:normal 220%/1.2em georgia,"lucida grande", verdana, sans-serif;
float:right;
margin: 0;
padding:0;
color:#fff !important;
background:transparent url(../images/info_2.jpg) right -64px no-repeat;
text-decoration: none !important;
}

#headertop a:hover,
#headertop a:focus,
#headertop a:active{
background:transparent url(../images/info_2.jpg) right 0 no-repeat;
}

#headercontent{
background: #fff url(../images/headerbg_middle.jpg) left top repeat-y;
}

#headerbottom{
margin:0;
height:15px;
background: #fff url(../images/headerbg_bottom.jpg) left top no-repeat;
}

#header h1{
margin:0 70px 15px 69px;
padding-top:0px;
font:bold 190%/1.2em georgia,"lucida grande", verdana, sans-serif;
color: #fff;
background-color:transparent;
}

#headercontent h1 a{
color:#fff;
text-decoration:none;
background-color:inherit;
}

#headercontent h1 a:hover{
color:#fff;
text-decoration:none;
background-color:inherit;
}

#headercontent h1 a:focus,
#headercontent h1 a:active{
color:#a1c468;
text-decoration:none;
background-color:#fff;
}

#headercontent p{
margin:0 70px 0 69px !important;
color:#000;
background:#f8b628 !important;
}

/* Monat
--------------------------------------------------*/

#date{
height:88px;
background: #fff url(../images/datebg.jpg) left top no-repeat;
}

#date h2{
padding:30px 0 0 69px;
margin:0;
font:normal 180%/1.2em georgia,"lucida grande",verdana, sans-serif;
}

#date img{
float:right;
margin:-29px 80px 0 0;
}

.left{
float:left;
}

#date p.monthright{
width:40px;
float:right;
margin:46px 70px 0 0;
background:transparent !important;
}

#date p.monthright a.prevmonth{
float:left;
height:20px;
width:12px;
background:transparent url(../images/prevmonth.gif) 0 0 no-repeat !important;
}

#date p.monthright a:hover.prevmonth{
float:left;
height:20px;
width:12px;
background:transparent url(../images/prevmonth.gif) 0 -20px no-repeat !important;
}

#date p.monthright a.nextmonth{
float:right;
height:20px;
width:12px;
background:transparent url(../images/nextmonth.gif) 0 0 no-repeat !important;
}

#date p.monthright a:hover.nextmonth{
float:right;
height:20px;
width:12px;
background:transparent url(../images/nextmonth.gif) 0 -20px no-repeat !important;
}

/* Navigation
--------------------------------------------------*/

#navigation {
height:3em;
width:530px;
margin:0 70px 0 69px;
padding:0;
background-color:#a1c468;
border:4px solid #fff;
}

#navigation ul{
padding-top:7px;
padding-bottom:7px;
padding-left:10px;
margin:0;
list-style: none;
}

#navigation li {
float: left;
list-style-type:none;
margin:0 0 0 0;
padding:0 11px 0 0;
width:auto;
}

#navigation li a {
display:inline;
padding:2px 2px 2px 2px;
color:#fff;
background-color:inherit;
text-decoration:none;
font-weight:bold;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
color: #a1c468;
background-color: #fff;
font-weight:bold;
}

.active{
color: #a1c468 !important;
background-color: #fff !important;
font-weight:bold !important;
}

/* Container Content
--------------------------------------------------*/

#content {
width:676px;
margin:0 auto;
padding: 0;
}

/*#content h2 {
padding:0 0 0 70px;
margin:0 0 20px 0;
font:normal 180%/1.2em georgia,"lucida grande",verdana, sans-serif;
}*/

#content h2:first-letter {
font:normal 165%/1.2em georgia,"lucida grande",verdana, sans-serif;
}

#content p {
margin:10px 0 0px 69px;
font:normal 1em/1.6em "lucida grande", verdana, sans-serif;
color:#31363E;
background-color:inherit;
}

/*#content a {
font-weight:normal;
text-decoration:underline;
color:#000;
background:transparent;
}*/

#content a.top{
float: right;
margin:18px 54px 0 0;
width:20px;
height:12px;
background:#fff url(../images/top.gif) 0 0 no-repeat;
}

#content a:hover.top {
font-weight:normal;
background: #fff url(../images/top.gif) 0 -12px no-repeat !important;
}

#content a:focus.top,
#content a:active.top {
font-weight:normal;
background: #fff url(../images/top.gif) 0 -12px no-repeat !important;
}

#content a img{
border:1px solid #fff;
}

#content a:hover img,
#content a:focus img,
#content a:active img{
border:1px solid #f70000 !important;
}

#content a em {
position:absolute;
top:-500px;
left:-999px;
}

/* Footer
-------------------------------------------------- */
#footer{
margin:0;
}

#footer h2{
margin:10px 0 10px 0;
padding:0;
}

#footer p{
margin:0;
padding:0;
}

#footer a{
padding:3px 4px 3px 4px;
font-weight:normal;
color:#fff;
background:#f8b628;
text-decoration:underline;
}

#footer a:hover,
#footer a:focus,
#footer a:active{
font-weight:normal;
color:#a1c468;
background:#fff;
text-decoration:underline;
border:none;
}

/* Verschiedenes
--------------------------------------------------*/

.clear {
float:none;
clear:both;
width:auto;
height:0;
border:0 none;
margin:0;
padding:0;
line-height:0px;
color:#f3f1e9;
background-color:inherit;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

img {
border:none;
}

.red{
color:#f70000 !important;
background-color:#fff;
}

.green{
color: #00b702 !important;
background:inherit;
}

.white{
font-weight:normal;
color: #fff;
background:inherit;
}

.grey{
font-weight:normal;
color: #cdcdcd;
background:inherit;
}

#newwindow{
margin-bottom:10px;
}

#linkprefs{
margin:0;
padding:0;
}

/* Rotation
--------------------------------------------------*/

#rotation {
width:536px;
height:180px;
margin-bottom:15px;
background: #f9f9f9;
border:1px solid #efefef;
overflow:hidden;
}

#rotation div {
margin:0; 
padding:0 20px; 
width:496px;
height:180px;
}

#rotation a{
color:#000;
background:#f9f9f9;
}

#rotation a:hover,
#rotation a:focus,
#rotation a:active{
color:#000;
background:#f8b729;
}

#rotation h2 {
font:normal 180%/1.2em georgia,"lucida grande",verdana, sans-serif;
}

#editor {
white-space:pre;
}

.monthtop{
height:15px;
margin:0;
padding:0 0 0 0;
background:#fff url(../images/imgbg_top.jpg) left bottom no-repeat;
}

.monthbody{
margin:0;
padding:10px 0 0 69px;
background:#fff url(../images/imgbg_middle.jpg) left top repeat-y;
}

.monthbottom{
height:44px;
margin:0 0 50px 0;
padding:0;
background:#fff url(../images/imgbg_bottom.jpg) left top no-repeat;
}

.monthbody div{
margin:0 70px 0 0;
}