/*
Styles for http://www.eigenzeit.de
Created by Manuel Molicki
last Update: August 28th 2006
*/
html{height:101%;}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{margin: 0; padding: 0;}
h1{letter-spacing: -1px;font: normal 2.3em/1.2em georgia,"Times New Roman", serif;}
h2{font: normal 1.6em/1.4em Arial, verdana, helvetica, arial, sans-serif;}
h3{font: normal 1.4em/1.4em Arial, verdana, helvetica, arial, sans-serif;}

.txtgrey{color: #999999;}

input, textarea{font-family: Arial, verdana, helvetica, arial, sans-serif;}
h1 .orange, h2 .orange {color: #ff9900;}
body{font: 78%/1.8em Arial, verdana, helvetica, arial, sans-serif;color: #333333;text-align: left;}

*{ padding: 0; margin: 0;}
ul,li{ margin: 0; list-style-type: none; position: relative; }
ul {clear: both;}
blockquote{margin: 10px 0 15px 0;padding: 15px 0 5px 25px;background: #fff4e3 url("../img/anfuehrungszeichen_auf.gif") no-repeat 0 0;}
blockquote .zitat{background: transparent url("../img/anfuehrungszeichen_zu.gif") no-repeat bottom right;margin-bottom: 0;padding: 0 25px 0 0;}
blockquote .startzitat{font-size:16px; background: transparent url("../img/anfuehrungszeichen_zu.gif") no-repeat bottom right;margin-bottom: 0;padding: 0 25px 0 0;}

h2.trenner{background: url("../img/bg_gradient01.gif") no-repeat; padding:20px 0 0 0;margin:10px 0 0 0;clear:both;}

.grey{color:#999;}
.icon{float:left; margin:0 14px 0 0;}

a:link,a:visited{color: #ff9900;text-decoration:none; }
a:hover{color: #ff9900;text-decoration:none;background:#fff5e6;}

.unsichtbar{position:absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline;}
hr {position:absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline;}

.thumbnail { padding: 2px; border: 4px solid #d3d3d3; background: #fff; float: left; margin: 0 0 10px 0; }
a:hover img.thumbnail { border: 4px solid #ff9900; }

#titelnav{font-size:0.9em;background: #434343 url("../img/bg_titelnav.gif") repeat-x bottom left;height:3.7em;clear:both; overflow: hidden;}
#titelnav ul {list-style: none; margin: 0 10px;}
#titelnav ul li{display:inline;float:left;}
#titelnav ul li.deactivated{background:transparent;color: #999;display: block;height:3.7em;padding: 0 10px; line-height:2.2em;float: left;}
#titelnav ul li a:link, #titelnav ul li a:visited{background:transparent;text-decoration: none;color: #f3f3f3;display: block;height:3.7em;padding: 0 10px; line-height:2.2em;float: left;}
#titelnav ul li a:hover{color: #ff9900;background:transparent;}
#titelnav ul li#active a:link, #titelnav ul li#active a:visited{color: #ff9900;background: url("../img/bg_titelnav_active.gif") no-repeat bottom center;}

#header{clear:both;}
#logo{border-right: 1px solid #d3d3d3;width: 188px;float:left;margin:16px 0 16px 20px;height:5.4em;display:inline;}
#desc{float:left;margin:22px 0 0 20px;font-size:1.0em;display:inline;}
#desc h1{font: 2.2em georgia,"Times New Roman";color:#ff9900;margin:0 0 2px 0;}

#mainmenu { float:left;width:100%; background: transparent url("../img/bg.gif") repeat-x bottom; font-size:1.0em;clear:both;}
#mainmenu ul { margin:0;padding:4px 10px 0; list-style:none;}
#mainmenu li {float:left; background:url("../img/left.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 14px;}	
#mainmenu a {display:block;float:left;background:url("../img/right.gif") no-repeat right top;padding:4px 20px 3px 6px;text-decoration:none;color: #333;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#mainmenu a {float:none;}/* End IE5-Mac hack */
#mainmenu #current {background-image:url("../img/left_on.gif");}
#mainmenu #current a {background-image:url("../img/right_on.gif");padding-bottom:4px;color:#000;}
#submenu{height:2.0em;background: #ff9900;clear:both;font-size:0.9em;padding:0.4em 0 0.4em 2.0em;overflow:hidden;}
#submenu li{display:inline;float:left;}
#submenu a:link,#submenu a:visited{color: #000;text-decoration: underline; background: none;}
#submenu a:hover{color: #000;text-decoration: none;}
#submenu span{color: #000; padding:0 6px;}

#container{width:980px; clear:both; margin:10px 0 10px 0;;}

#colleft{float:left; width: 610px; padding: 10px 10px 0 20px; font-size:1.0em;display:inline;}
#colleft ul{margin:6px 0 6px 0;clear:both;}
#colleft ul li{background: transparent url("../img/list_icon.gif") 0 0.4em no-repeat; padding: 2px 0 2px 16px;}
#colright ul li{background: transparent url("../img/list_icon.gif") 0 0.4em no-repeat; padding: 1px 0 1px 16px;}
#colleft p {padding:6px 0;}
#colleft .left{float:left;width:300px;}
#colleft .left h3, #colleft .right h3{padding: 4px; font: bold 1.0em/1.2em Arial, verdana, helvetica, arial, sans-serif;background-color:#f3f3f3; border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;}
#colleft .right{float:left;width:300px;margin:0 0 0 10px;display:inline;}

#colright{float:left; width: 300px; padding: 15px 0 20px 10px;margin:0 0 10px 20px;line-height:1.6em;display:inline;}
#colright.trenner{background: transparent url("../img/dots_y.gif") repeat-y left top;}
#colright h3{background: url("../img/bg_gradient03.gif") no-repeat;clear:both;padding:0 0 10px 0;margin:10px 0 5px 0;font-size:1.6em;}
#colright h3.clear{background:none;}
#colright p {padding: 8px 0 10px 0;font-size:1.0em; line-height:1.8em;}
#colright ul{margin:4px 0 0 0;}

#colright .box{margin:0 0 20px 0;clear:both;}

#colright .inpagenav ul {margin: 10px 0 10px 0;}
#colright .inpagenav li {display: block;line-height: 160%;	background-image:url("../img/pfeil_schwarz.gif");background-repeat:no-repeat;background-position: 4px 6px;padding: 2px 0 2px 20px;}
#colright .inpagenav li a, #colright .inpagenav li a:active {text-decoration: none;display:block;}
#colright .inpagenav li a:hover{text-decoration: underline;}
#colright .inpagenav li:hover{	background-color: #fff5e6;}
#colright .inpagenav li#active{background-color: #fff5e6;}
#colright .firstimg {margin-top:10px; margin-bottom:10px;}
#colright .nextimg {margin-bottom: 10px;}


#teaser { background: transparent url("../img/bg_teaser.gif") top left repeat-y; width:610px; margin: 0 0 20px 0;}
#teaser h1 { background: transparent url("../img/bg_teaser_top.gif") top left no-repeat;padding: 20px 30px 0 30px;}
#teaser p {padding: 10px 30px 0 30px;}
#teaser p.close-teaser { background: #fff url("../img/bg_teaser_bottom.gif") top left no-repeat; width: 550px; margin: 0; }

#colright ul.thumbs li, #colleft ul.thumbs li{list-style-type: none;background:none; display: block; float:left;padding: 0 10px 0 0;}

form#zeitmuenze_contact dl, dl.labels { margin:0em; margin-top:0.5em   }
form#zeitmuenze_contact dt, dl.labels dt { float:left;width:6em;text-align:right; margin-bottom:0.8em;color:#555;font-weight:normal;position:relative /*IEWin hack*/}
form#zeitmuenze_contact dd, dl.labels dd {margin-left:6em;margin-bottom:0.8em;font-style:normal;padding-left:0.5em}
form#zeitmuenze_contact dd input.txtinput{width:320px;padding:2px;}
form#zeitmuenze_contact dd textarea{width:320px;padding:2px;font-size:100%;}
form#zeitmuenze_contact dd select{width:320px;padding:2px;}
form#zeitmuenze_contact dd .btnsubmit  {margin-top:2em;background: #f3f3f3;border: 3px double #999;border-left-color: #ccc;border-top-color: #ccc;padding: 0.1em;margin:0 0 0 4px;}

#footer{color:#666;font-size:0.9em;padding:10px 0 0 20px; background: transparent url("../img/dots_grey_x.gif") repeat-x top left;clear:both;line-height:140%;}