/* (c) 2008 vom-stausee.de */
* { padding: 0; margin: 0; line-height: 20px;}
body {
 font-family: Arial, Verdana, Helvetica sans-serif;
 font-size: 14px;
 margin: 20px;
 background-color: #004488;
 background-image : url(images/bglogo.gif);
}
p { margin: 0 0 5px; text-align: left; }
li {list-style: none; padding-left: 8px; }
hr { background-color: #048; border: 0; height: 2px; }
pre { font-size: 12px; padding: 10px; background: #88a; border-color: #ddd #ddd #ddd #d5dce7; border-style: solid; border-width: 1px 1px 1px 10px; }
h1 { color: #EEE; font-size: 14px; line-height: 20px; font-weight: bold; }
h2 { color: #EEE; font-size: 13px; line-height: 15px; font-weight: bold; }
h3 { color: #EEE; font-size: 12px; line-height: 12px; font-weight: bold; }
h4 { color: #EEE; font-size: 11px; line-height: 11px; font-weight: bold; }
A:link  { color : #003366; text-decoration: none; font-weight : bold; }
A:active  { color : #003366; text-decoration: none; font-weight : bold; }
A:visited  { color : #002255; text-decoration : none; font-weight: bold; }
A:hover  { color : #f50; text-decoration: none; font-weight : bold; }
/* layout */
#page {
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(images/faux.gif);
 margin-bottom: 0px;
 border: 1px solid #222;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #333;
 width: 902px;
 padding: 10px;
 border: 1px solid #222;
 height: 60px;
 margin: 10px 0px 0px 0px;
 background: #004488;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px; 
}
#uheader {
 color: #EEE;
 width: 902px;
 padding: 5px 10px 5px 10px;
 border-left: 1px solid #222;
 border-right: 1px solid #222;
 margin: 0px 0px 0px 0px;
 background: #4466AA;
}
#sidebar {
 display: inline;
 color: #EEE;
 padding: 5px;
 width: 155px;
 float: left;
}
/* 150 + 2x5 = 165px 
   740 + 2x5 = 750px
=              915px + 2px border = 917   
internet explorer officialy sucks, five 
px less to make it work in ie6 and ie7
*/
#maincont {
 float: right;
 color: #EEE;
 padding: 5px;
 width: 740px;
 display: inline;
 position: relative;
}
#footer {
 width: 902px;
 clear: both;
 color: #EEE;
 background: #4466AA;
 border-left: 1px solid #222;
 border-right: 1px solid #222;
 border-bottom: 1px solid #222;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: right;
 margin: 0px 0px 10px 0px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
}
.clear { clear: both; background: none; }
/* newsticker div */
#newsticker {
 height: 25px;
 margin: 5px;
 font-weight: bold;
 display: block;
 text-align: center;
}
/* #header img,
#sidebar img,
#maincont img {border: 0;} */
img { border: 0; }
#maincont a:hover,
#uheader a:hover { border-bottom: 1px dotted #f50; }
#footer a:hover { background-color: #048;}
#maincont .pbox a:hover,
#maincont .pbox2 a:hover,
#maincont .thumbs a:hover,
#maincont .nhpics a:hover { border: 0; }
#uheader span.B_crumbBox { float: left; text-align: left; }
#uheader span.B_currentCrumb { color: #fff; font-weight: bold; }
#uheader span.curdate { float: right; text-align: right; }
/* menu */
.mainmenu li {list-style: none; padding-left: 6px; width: 145px;}
.mainmenu .topnav li a,
.mainmenu .topnav li a:active,
.mainmenu .topnav li a:visited {
 color:#000000;
 text-decoration: none;
 font-weight: bold;
 font-size: 14px;
 display: block;
 height: 20px;
 padding-left: 4px;
}
.mainmenu .topnav li a:hover {
 color: #EEE;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 display: block;
 height: 20px;
 background-color: #048;
}
.mainmenu .subnav li a,
.mainmenu .subnav li a:active,
.mainmenu .subnav li a:visited {
 color:#000000;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 display: block;
 height: 18px;
 line-height: 18px;
 width: 130px;
}
.mainmenu .subnav li a:hover {
 color: #EEE;
 font-size: 12px;
 text-decoration: none;
 font-weight: bold;
 display: block;
 height: 18px;
 width: 130px;
}
.mainmenu ul.topnav .active a {
 color: #eee;
}
.mainmenu ul.subnav .active a { 
 border-left: 3px solid #222;
 border-bottom: 1px dotted #222;
}
/* guestbook */
.guestbook_top { background-color: #048; height: 25px; color: #fff; padding: 5px 5px 0 }
.guestbook_big { float: left; font-size: 14px; color: #fff; font-weight: bold; margin-right: 5px;}
.guestbook_small { float: left; font-size: 11px; color: #fff; font-weight: bold; line-height: 20px; }
.guestbook_admincomment { margin-left: 10px; margin-right: 10px;  padding: 10px; padding-bottom: 15px; margin-bottom: 8px; background-color:#048; border-right: #ededed solid 5px; border-left: #ededed solid 5px; color: #666666 }
.guestbook_contact { float: right; margin-left: 5px }
.guestbook_content { padding: 5px; clear: right }
.guestbook_mod { float: right; margin-left: 5px }
.guestbook_extra { float: right; padding-bottom: 10px }
.guestbook_vote { float: right }
.guestbook_big_start { font-size: 14px; color: #fff; font-weight: bold; margin-right: 10px }
.guestbook_small_start { font-size: 12px; color: #fff; font-weight: bold }
.guestbook_start { margin: 3px 0 5px; padding: 5px; border: solid 1px #222 }
.smilie { vertical-align: middle }
.smilies { margin: 5px 0 5px 150px }
.smilieSelect { float: left; margin-right: 5px }
/* Form Elemente */
form { margin:10px; padding: 0; }
label { display:block; font-weight:bold; margin:5px 0; }
input { 
 padding: 2px; 
 border: 1px solid #eee; 
 font: normal 14px Verdana, sans-serif;
 color:#444;
 background-color: #eee
}
textarea {
 width:350px;
 padding:2px;
 font: normal 14px Verdana, sans-serif;
 border:1px solid #eee;
 height:100px;
 display:block;
 color:#444;
 background-color: #eee;
}
input.text {
 background-color: #eee;
}
input.button { 
 margin: 0; 
 font: bold 1em Arial, Sans-serif; 
 border: 1px solid #CCC;
 background: #eee; 
 padding: 2px 3px; 
 color: #333;	
}
input.hidden {
 background: none;
 border: 0;
}
/* EmailForm */
#EmailForm {
 width: 360px;
 text-align: left;
 padding-bottom: 20px;
 border: none;
}
#EmailForm.full { width: 100%; }
fieldset {
 border: none;
}
legend {
 display: none;
}
#EmailForm h3 {
 clear: both;
 padding: 15px 0 5px;
 font-size: 14px;
 font-family: Helvetica, Arial, sans-serif;
 color: #000;
 font-weight: bold;
}
#EmailForm label,
#EmailForm p {
 display: block;
 clear: both;
 width: 310px;
 font-size: 1em;
 line-height: 1.5em;
 padding: 0 0 9px;
}
#EmailForm input {
 display: block;
 margin-top: 3px;
}
#EmailForm select {
 float: left;
 display: block;
}
#EmailForm label.first,
#EmailForm label.city {
 clear: left;
 margin-right: 10px;
 width: 150px;
}
#EmailForm label.second,
#EmailForm label.state {
 float: left;
 clear: none;
 margin: 0 10px 0 0;
 width: 150px;
}
#EmailForm label.state { width: 60px; }
#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
 float: left;
 width: 150px;
 padding: 0;
}
#EmailForm label.state select {
 width: 60px;
 float: left;
 margin-top: 3px;
}
#EmailForm label.zip,
#EmailForm label.zip input {
 float: left;
 width: 80px;
}
#EmailForm label.zip { clear: none; }
#EmailForm label {
 float: left;
 clear: left;
 width: 310px;
 margin: 0;
 line-height: 1.5em;
}
#EmailForm label input {
 float: left;
 width: 310px;
 background-color: #eee;
 padding: 0;
} 
#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
 clear: left;
 float: left;
 padding: 0;
 margin: 0;
}
#EmailForm label.radio,
#EmailForm label.radioitem {
 clear: none;
 margin: 0 0 0 25px;
 padding: 0 0 15px;
}
#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
 clear: both;
 float: left;
 padding: 0;
 margin: 0;
}
#EmailForm label.checkbox {
 clear: none;
 margin: 0 0 0 25px;
 padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
 border: 1px solid #ddd;
 border-left-color: #c3c3c3;
 border-top-color: #7c7c7c;
 padding: 0 2px;
 height: 18px;
 line-height: 20px;
 background: #eee;
}
#EmailForm input.checkbox,
#EmailForm select {
 border: 1px solid #ddd;
 border-left-color: #c3c3c3;
 border-top-color: #7c7c7c;
 background-color: #fff; }
#EmailForm textarea {
 margin-top: 3px;
 width: 383px;
 height: auto;
 display: block;
}
#EmailForm label input.calc {
 text-align: right;
 width: 100px;
 clear: left;
 padding: 0;
}
#EmailForm input.button {
 clear: left;
 border: 1px solid #ddd;
 border-left-color: #c3c3c3;
 border-top-color: #7c7c7c;
 background-color: #eee;
}
.hide {display: none;}
/* AJAX Search */
#ajaxSearch_form {
 color: #444;
 width: auto;
}
#ajaxSearch_input {
 width: 70%;
 display: inline;
 height: 18px;
 border: 1px solid #ddd;
 border-left-color: #c3c3c3;
 border-top-color: #7c7c7c;
 margin: 0 6px 0 0;
 padding: 2px;
 vertical-align: top;
 float: left;
}
#ajaxSearch_submit {
 clear: left;
 border: 1px solid #ddd;
 border-left-color: #c3c3c3;
 border-top-color: #7c7c7c;
 font: bold 1em Arial, Sans-serif; 
 background-color: #eee;
}
#ajaxSearch_output {
 border: 1px solid #222;
 padding: 10px;
 background: #248;
 display: block;
 height: auto;
 vertical-align: top;
}
.ajaxSearch_paging { }
.AS_ajax_result {
 color: #aaa;
 margin-bottom: 3px;
}
.AS_resultLink {
 text-decoration: underline;
}
.AS_resultDescription{
 color: #aaa;
}
.AS_ajax_more {
 color: #aaa;
}
 #ajaxSearch_form img {
 float: left;
 border: 0;
 margin: 0;
 padding: 0;
}
.AS_intro {
 clear: left;
 visibility: hidden;
 height: 0;
 overflow: hidden;
}
/* other custom stuff */
.tatze {
 background:url(images/tatze_klein.jpg) #004488 no-repeat left;
 border: 1px solid #222;
 margin: 0 0 5px 0;
 height: 20px;
 color: #FFF;
 font-size: 14px;
 text-indent: 20px;
 font-weight: bold;
 line-height: 20px;
 width: 100%;
}
.katze {
 text-align: right;
 vertical-align: top;
}
.mitte {
 text-align: center;
 vertical-align: top;
}
.randompic { margin-left: auto; margin-right: auto; text-align: center; }
.pbox { margin-left:auto; margin-right:auto; width: 500px; height: 130px; }
.pboxleft { float: left; width: 150px; height: 130px; text-align: center; display: inline; position: relative; }
.pboxright{ float: right; background-color: #46a; width: 348px; height: 110px; display: inline; position: relative; border: 1px dotted #222; }
.pboxtitle{ vertical-align: top; width: 100%; background: #048; font-size: 18px; font-weight:bold; text-align: center; }
.pboxdscr{ padding: 4px; font-size: 14px; display: block; }
.pbox2 { margin: 0 auto; width: 650px; height: 200px;}
.pboxleft2 { float: left; width: 150px; padding-top: 20px ; text-align: center; display: inline; position: relative; }
.pboxright2{ float: right; background-color: #46a; width: 498px; height: auto; display: inline; position: relative; border: 1px dotted #222; }
.pboxtitle2{ vertical-align: top; width: 100%; text-indent: 5px; background: #35a; font-size: 15px; font-weight:bold; text-align: left; border-bottom: 1px dotted #222; }
.pboxdscr2{ padding: 4px; font-size: 14px; display: block; text-align: left; }
.pbmorepix{ text-align: left; padding: 5px; }
.pbox3 { margin: 0 auto; width: 450px; }
.pboxdscr3 { padding: 4px; font-size: 14px; display: block; text-align: left; width: 100%; background-color: #248; border: 1px dotted #222; }
.nhpics { margin: 0 auto; vertical-align: bottom; width: 100%; text-align: center; }
.hpcode { 
 margin-left: auto; 
 margin-right: auto;
 width: 500px;
 padding:2px;
 font: normal 14px Verdana, sans-serif;
 border:1px solid #eee;
 height:60px;
 display:block;
 color:#444;
 background-color: #eee;
}
#videocontainer { margin-left: 60px;}
.bigfont{ font-size: 18px; font-weight:normal; text-align: left; }
.realbigfont{ font-size: 32px; font-weight:normal; text-align: center; }
.ditto_paging {
    border-top: 1px solid #aaa;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #004488; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #aaa;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #aaa;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #aaa; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}