/*
*	@author			PixelProductions GmbH
*
*	@version		1.0
*	@date			2008-06-15
*
*
*	@section 		browser reset
*	@see     		http://www.yaml.de/documentation/...
*
*	Reset any browser specific CSS declaration to known values
*/

* { margin: 0; padding: 0; }

html { height: 100%; margin-bottom: 1px; }

body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #000; background-color: #dedfee; background-image: url(../../Bilder/Layout/bg.jpg); background-repeat: repeat-x; background-position: top; text-align: center; }

table, td, p, div {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 1.5em; line-height: 1.5em; }

h1 { font-size: 16px; color: #009037; font-weight: normal; margin-bottom: 15px; }
h2 { font-size: 14px; color: #f29400; font-weight: normal; }

blockquote, cite { margin: 0 0 1em 1.5em; }

form { display:inline; }
input, select, textarea { border:1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

option { padding-left: 0.4em; }

fieldset, img { border: 0 solid; }

a { color: #000; text-decoration: underline; }
a:hover, a:active { color: #009037; text-decoration: none; }

/* Gestaltungselemente */
#gesamt { width: 900px; min-height: 100%; height: auto; background-image: url(../../Bilder/Layout/bg_main.png); background-repeat: repeat-y; margin: 0px auto; text-align: left; }

#head { height: 185px; width: 900px; background-image: url(../../Bilder/Layout/bg_top.jpg); background-repeat: no-repeat; background-position: top; text-align: left; }
#headnavi { width: 880px; padding: 30px 20px 10px 0px; text-align: right; font-size: 10px; }
#tagebuch { margin-left: 20px; }
#main { width: 860px; height: 446px; text-align: left; margin: 40px 0px 0px 20px; }
#main p { padding-bottom: 13px;}

#main_index { width: 860px; text-align: left; margin: 40px 0px 0px 20px; }
#main_index p { padding-bottom: 13px;}

#buch { width: 860px; height: 580px; float: left; margin-right: 6px; background-image: url(../../Bilder/Layout/bg_buch.jpg); background-repeat: no-repeat; background-position: left top; }
.seite { width: 403px; height: 545px; margin: 10px 15px 10px 10px; float: left; line-height: 1.4; overflow:hidden; }
.seite p { padding-bottom: 13px; line-height: 1.6; }

#right { width: 190px; height: 446px; float: left; }

#kalender { height: 384px; clear: both; margin-left: 20px; padding: 15px 0px; }
.zeile { height: 121px; clear: both; }
.kalender_grau { width: 427px; height: 120px; background-color: #8c2117; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; float: left; text-align: center; }
.jahreszahl { width: 427px; height: 100px; background-color: #1dbbea; border-left: 1px solid #fff; border-bottom: 1px solid #fff; float: left; text-align: center; font-size: 72px; color: #fff; padding-top: 20px; }

.monatsblatt { width: 131px; height: 119px; border: 1px solid #fff; float: left; color: #fff; padding: 5px; }

.zeile_monat { clear: both; }
.tag { width: 18px; margin-top: 1px; text-align: center; float: left; }
.tag a { background-color: #fff; color: #333; text-decoration: none; font-weight: bold; display: block; border: 1px solid #333; }
.tag a:hover, .tag a:active { background-color: #333; color: #fff; text-decoration: none; font-weight: bold; display: block; }

.gruen { color: #009037; font-weight: bold; font-style: italic; font-size: 14px; }
.gruen a { color: #009037; }
.gruen a:hover, .gruen a:active { text-decoration: none;}