/* --------------- Allgemein --------------- */

BODY
{
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #F3F3F3;
scrollbar-shadow-color: #CCCCCC;
scrollbar-arrow-color: #CCCCCC;
background-color: #FFFFFF;
background-image: url('bg.gif');
}

a { color:#555555; text-decoration: underline}

table.bg { background-color: #D9E8AA }
tr.bg { background-color: #FFFFFF }
td.bg { background-color: #FFFFFF }

#text { font-family: arial; font-size: 13px; color: #222222; }
td.text { font-family: arial; font-size: 13px; color: #222222; }
td.textpad {padding-right: 50px;}

table.line { border: 1px solid #333333; }

td.navitop {background: #81A824 ; border-bottom:0px solid; border-color:#333333; padding-left: 0px; height: 80px;}

td.date {font-family: arial; font-size: 11px; color: #333333; padding-left: 5px; padding-right: 5px; padding-bottom: 1px;}
a.date:link { font-family: arial; font-size: 11px; font-weight: 400; color: #555555; text-decoration: none }
a.date:visited { font-family: arial; font-size: 11px; font-weight: 400; color: #555555; text-decoration: none }
a.date:hover { font-family: arial; font-size: 11px; font-weight: 400; color: #999999; text-decoration: none }

input.search {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 11px; font-weight: 400; color: #777777; height: 19px;}

a.index:link { font-family: arial; font-size: 13px; font-weight: 400; color: #003366; text-decoration: underline }
a.index:visited { font-family: arial; font-size: 13px; font-weight: 400; color: #003366; text-decoration: underline }
a.index:hover { font-family: arial; font-size: 13px; font-weight: 400; color: #990000; text-decoration: underline }
td.index-sub {font-family: arial; font-size: 11px; font-weight: 400; color: #555555;}
a.index-sub:link { font-family: arial; font-size: 11px; font-weight: 400; color: #555555; text-decoration: none }
a.index-sub:visited { font-family: arial; font-size: 11px; font-weight: 400; color: #555555; text-decoration: none }
a.index-sub:hover { font-family: arial; font-size: 11px; font-weight: 400; color: #990000; text-decoration: none }
a.index-sub-sub:link { font-family: arial; font-size: 10px; font-weight: 400; color: #888888; text-decoration: none }
a.index-sub-sub:visited { font-family: arial; font-size: 10px; font-weight: 400; color: #888888; text-decoration: none }
a.index-sub-sub:hover { font-family: arial; font-size: 10px; font-weight: 400; color: #990000; text-decoration: none }

table.navibottom {background: #648737; border-top: 1px solid #333333;}
td.navibottom {font-family: arial; font-size: 11px; font-weight: 400; color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px;}
a.navibottom:link { font-family: arial; font-size: 11px; font-weight: 400; color: #FFFFFF; text-decoration: none}
a.navibottom:visited { font-family: arial; font-size: 11px; font-weight: 400; color: #FFFFFF; text-decoration: none }
a.navibottom:hover { font-family: arial; font-size: 11px; font-weight: 400; color: #FFAC84; text-decoration: none }

#socialize { color: #4d2408; bottom: -5px; }
#socialize p { display: none; }
#socialize li { display: inline; padding-left: .25em; margin-right: .25em; }
#socialize a img { background-color: transparent; background-image: none; padding: 2px; border: 1px solid #aaa; }
#socialize a:hover img { border-color: #288C73; }

h1, h2, h3 { font-weight: normal; margin-bottom: 1em; }
h1 em, h2 em, h3 em, h4 em { font-style: normal; }
h1 { font-size: 2.4em; letter-spacing: 1px; color: #648737; margin-bottom: 1em; }
h2 { font-size: 1.6em; }
h2 em { font-size: .85em; text-transform: uppercase; }
h3 { font-size: 1.6em; color: #648737; }
h4 { font-size: 1em; text-transform: uppercase; text-indent: 1px;  padding: .25em; margin-top: 2em; }

.col { width: 50%; float: left; }
.col-100 { width: 100%; }

th { font-weight: bold; }
thead th { font-weight: normal; font-size: 1em !important; }
tr.even td,  tr.even th { background-color: #f7e6b7; }
tr th, td {  font-size: .8em; font-weight: normal !important; }
th,  td { pa padding: 3px 6px; }

.bar { position: relative; height: 2em; margin: 2em 20px; }
.bar hr { margin: 0 !important; width: 100%; position: absolute; bottom: 0; }

.smallprint { font-size: .75em; }

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// FORM /////////////////////////////////////// */
/*	  */

form th { padding-top: .5em; width: 120px; float:left; margin-left:auto;}
form td { vertical-align: middle; }

input {
	font-size: .9em;
	color: #6e6e6e;
	border: 1px solid #CCC;
	padding: .2em;
}

input[type=text], input[type=password] {
	width: 200px;
	background-color: #fcfcfc;
	border: 1px solid #CCC;
	margin-bottom: .25em;
}

input[type=text]:focus, input[type=password]:focus {
	color: #333;
	background-color: #fff;
	border: 1px solid #288c73;
}

input[type=checkbox] {
	width: auto;
	color: #6e6e6e;
	border: none;
	margin-right: .25em;
}

input[type=hidden] { display: none; }

input[type=submit] {
	width: 80px;
	font-size: .9em;
	color: #fff;
	background-color: #999999;
	border: none;
}

input[type=submit]:hover {
	color: #fff;
	background-color: #648737;
}

textarea {
	width: 200px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #6e6e6e;
	padding: .2em;
	border: 1px solid #CCC;
	overflow: auto;
}

textarea:focus {
	color: #333;
	border: 1px solid #288c73;
}

label { float: left; }

form label { width: 180px; /* Breite.*/ }

input, select { /* Alle Labels UND Formularelemente auswhlen */
	border: 1px solid #CCC;
	display: block;
	width: 180px; /* Breite.*/
}

form br { /* Alle Zeilenumbrche in Formularen auswhlen */
	clear: left; /* das floating der labels und inputs aufheben */
}

.error { color: #FF0000; }
.obligate { font-weight: bold; }
.obligate strong { color: #288c73; }



/* ----------------clearfix------------------ */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


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

a.navi:link { font-family: arial; font-size: 13px; color: #555555; text-decoration: none }
a.navi:visited { font-family: arial; font-size: 13px; color: #555555; text-decoration: none }
a.navi:hover { font-family: arial; font-size: 13px; color: #990000; text-decoration: none }


/* --------------- Body --------------- */

td.ad1 {border:1px solid; border-color:#bbbbbb; background: #f3f3f3; padding:4px;}

td.ad { height: 5px; }
a.adlink:link { font-family: arial; font-size: 11px; font-weight: bold; color: #39759A; text-decoration: underline }
a.adlink:visited { font-family: arial; font-size: 11px; font-weight: bold; color: #39759A; text-decoration: underline }
a.adlink:hover { font-family: arial; font-size: 11px; font-weight: bold; color: #39759A; text-decoration: underline }
td.adtext { font-family: arial; font-size: 11px; color: #333333; }
div.ad {padding-bottom: 5px;}

img.pics {border: 3px double #bbbbbb;}

div.bl {padding: 4px; background: #f3f3f3; border:1px solid #bbbbbb;}


/* --------------- Admin --------------- */

option.rubrik2 { background-color: #333333; color: #dddddd; }

option.urubrik { background-color: #dddddd; }

option.eintrag { color: #000000; }



input.adm1 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 13px; color: #666666; height: 21px; width: 200px;}
input.adm2 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 13px; color: #666666; height: 21px;}
select.adm1 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 13px; color: #666666; height: 21px;}
textarea.adm1 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 13px; color: #666666; height: 100px; width: 300px; overflow: visible;}