/* CSS Document */
/* grundfarbe 963232 */

/* ========kein ruckeln (nur firefox)================= */
html{
	height:100%;
	margin-bottom: 1px;
}

/* ========body allgemein================= */

body {
	margin:0;
	padding:0;
	background-image:url(../images/site/hg.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:67%;
	color:#963232;
	text-align: center;
}

* {
	font-size:1em;
}












/* ========homepage================= */
div#start {
	width:900px;
	height:530px;
	top:0;
	left:0;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	border:1px solid #000;
}

div#start h1{
	font-size:1.6em;
	margin-top:10px;
}

div#start h2{
	font-size:1.4em;
}

div#start a:link,a:hover,a:visited{
	color:#963232;
	text-decoration:none;
}

div#start .min {
	font-size:0.8em;
}














/* ========rundherum================= */

div#container {
	width:97%;
	max-width:1000px;
    margin: 0px auto;
	background:#FFFFFF;
	text-align:left;
	border:1px solid #000;
}



/* ========infos================= */
/* ========versteckt================= */
div#info_suche {
	position:absolute;
	width:250px;
	height:100px;
	border-top:1px solid #666666;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:1px solid #666666;
	right:50px;
	background-color:#FFFFFF;
	color:#666666;
	font-weight:bold;
	text-align:center;
	visibility:hidden;
	z-index:10000;
}

/* ========versteckt================= */
div#info_aendern {
	position:absolute;
	width:250px;
	height:50px;
	padding:2px;
	border-top:1px solid #666666;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:1px solid #666666;
	left:450px;
    top:320px;
	background-color:#33CC66;
	color:#666666;
	font-weight:bold;
	text-align:center;
	visibility:hidden;
	z-index:10000;
}


/* ========versteckt================= */
div#info_loeschen {
	position:absolute;
	width:250px;
	height:40px;
	padding:2px;
	border-top:1px solid #666666;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:1px solid #666666;
	right:550px;
	background-color:#FF0000;
	color:#666666;
	font-weight:bold;
	text-align:center;
	visibility:hidden;
	z-index:10000;
}
/* ========versteckt================= */
div#warnung {
	position:fixed;
	width:150px;
	height:50px;
	border-top:1px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:1px solid #000000;
	top:350px;
	right:200px;
	background-color:#ff0000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	visibility:hidden;
	-moz-opacity:0.8;
	filter:Alpha(opacity=80);
	z-index:10000;
}
/* ========infos================= */

div#weih {
	position:fixed;
	width:250px;
	height:200px;
	border-top:1px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:1px solid #000000;
	top:300px;
	right:200px;
	padding:2px;
	background:url(../images/weih/innerer.jpg) #ffffff;
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:10000;
}

















/* ========logo================= */

div#logo {
	width:100%;
	padding: 0px;
	margin: 0 auto;
	height: 161px;
	text-align: right;
	background-color:#FFFFFF;
	border-bottom: 1px solid #000;
	background-image:url(../images/site/logo.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div#logo h1{
	font-size:1.2em;
	margin-top:1px;
	margin-bottom:3px;
}

div#logo a{
	color:#000000;
	text-decoration: none;
}

div#logo a:hover{
	color: #963232;
}














/* ===========pfad================ */

div#pfad {
	width:100%;
	padding: 0;
	margin: 0;
	height:25px;
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
}


div#pfad a {
	color:#000000;
	text-decoration: none;
}

div#pfad a:hover {
	color: #963232;
}






























/* ===========spalten================ */

div#nav {
	float: left;
	width: 170px;
	margin: 0;
	padding: 5px;
}

div#rechts {
	float: right;
	width: 160px;
	margin: 0;
	padding: 5px;
}





















/* ========mitte================= */

div#content {
    margin-left: 200px;
    margin-right: 180px;
	padding: 0px 0px 10px 0px;
}

div#content h1 {
	color: #963232;
	font-size: 1.5em;
}

div#content h2 {
	color: #000000;
	font-size: 1.3em;
	margin: 5px 0px 5px 0px;
}

div#content h3 {
	color: #963232;
	font-size: 1.2em;
}

div#content h4 {
	color: #963232;
	font-size: 1.2em;
	margin-top:15px;
	margin-bottom:4px;
}

div#content h5 {
	color: #963232;
	font-size: 1.2em;
	font-weight:bold;
	background: url(../images/site/rst_h2.gif) repeat-x; 
	margin:1px 0px 1px 0px;
	padding: 0px; 
	border:1px #37436b solid;
}

div#content h9 {
	color: #fff;
	font-size: 1.2em;
    font-weight:bold;
}

div#content .details {
	color: #963232;
	font-size: 1.3em;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px;
	background-image:url(../images/site/h6.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#content a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

div#content a:hover {
	color: #963232;
	text-decoration:underline;
}

div#content .min {
	font-size:0.8em;
}

div#content .fehler {
	font-weight: bold; 
	color: #ff0000; 
}

div#content img.re{
	margin-right:5px;
}

div#content li{
	margin-bottom:6px;
}

div#content ul.innen{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#content li.innen{
	display:block;
	margin-bottom:2px;
}

div#content h1.fach{
	font-size:1.5em;
	background-color:#F7F6F6;
	padding:8px;
	border:1px solid #000000;
}

div#content h2.fach{
	font-size:1.3em;
	background-color:#F7F6F6;
	padding:8px;
	border:1px solid #000000;
}

div#content h2.term{
	text-align:center;
	color: #000000;
	font-size: 1.3em;
	margin: 14px 0px 2px 0px;
}

div#content p.term{
	text-align:center;
	color: #963232;
	margin: 2px 0px 2px 0px;
}


div#content hr {
	border-top:1px solid #963232;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

div#content table.in {
	width:98%;
}


div#content td.we {
	border:3px solid #ffffff; 
	color:#fff; 
	font-size:2.3em; 
	font-weight:bold;
}


div#content a.weih {
	color:#fff;
	text-decoration:none;
	display: block;
	padding:27px 20px 27px 20px;
	background-image:url(../images/weih/trans.png);
}



div#content a.weih:hover {
	color:#fff;
	text-decoration:none;
	display: block;
	padding:27px 20px 27px 20px;
	background-image:url();
}


div#content a.vorbei {
	color:#fff;
	text-decoration:none;
	display: block;
	padding:27px 20px 27px 20px;
	background-image:url();
}



/*========container navigation================= */

div#topic {
	width: 170px;
	padding:2px;
	border:1px solid #963232;
}

div#topic h1{
	color: #963232;
	font-size: 1.2em;
	font-weight:bold;
	background-color: #ffffff;
	margin:1px 0px 1px 0px;
	padding: 1px 2px 1px 2px; 
	border:2px solid #963232;
}

div#topic h2{
	color: #ffffff;
	font-size: 1.1em;
	font-weight:bold;
	background-image:url(../images/site/hg_rot.gif);
	margin:1px 0px 1px 0px;
	padding: 2px 2px 2px 2px; 
	border:1px solid #000000;
}

div#topic a {
	color:#000000;
	text-decoration:none;
}

div#topic a:hover {
	text-decoration:none;
}



div#topic ul, div#topic li{
	list-style:none;
	line-height:normal;
	margin:0px;
	padding:0px;
}

div#topic ul li a{
	border:1px solid #963232;
	display: block;	
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	background-image:url(../images/site/nav1.gif);
	background-repeat:repeat-x;
	color: #963232;	
	text-decoration: none;
}

div#topic ul li a:hover {
	background-image:url(../images/site/nav2.gif);
	background-repeat:repeat-x;
	color:#000000;
}


div#topic ul li.akt {
	border:1px solid #963232;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	background: #ffffff;
	color: #000000;	
	text-decoration: none;
	line-height:20px;
}

div#topic ul li.aktiv {
	border:1px solid #963232;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	background: #ffffff;
	color: #000000;	
	text-decoration: none;
}


div#topic ul.nav{
	font-weight:bold;
}

div#topic ul.sub{
	margin-left:10px;
	font-weight:normal;
	text-align:right
}

div#topic ul.sub_sub{
	margin-left:15px;
	font-weight:normal;
	font-size:0.9em;
	text-align:right;
	border:none;
}


/*========fuer IE================= */
* html div#topic ul li {
	height: 1.2em;
}
















/* ========news================= */

div#news {
	width: 155px;
	padding: 2px; 
	text-align: center;
	border:1px #963232 solid;

}

div#news h1 {
	color: #963232;
	font-size: 1.1em;
	font-weight:bold;
	background-image:url(../images/site/nav3.gif);
	background-repeat:repeat-x;
	margin:1px 0px 1px 0px;
	padding: 2px 2px 2px 2px; 
	border:1px solid #963232;
}

div#news h2 {
	line-height:40px;
	margin:1px 0px 1px 0px;
	padding: 2px 2px 2px 2px; 
	border:2px solid #963232;
	background-image:url(../images/site/hg_rot.gif);
}

div#news h3 {
	line-height:40px;
	margin:1px 0px 1px 0px;
	padding: 2px 2px 2px 2px; 
	border:2px solid #2ac12e;
	background-image:url(../images/site/hg_gruen.gif);
}


div#news a {
	color:#000000;
	text-decoration:none;
}

div#news a:hover {
	text-decoration:underline;
}























/* ========navigation unten================= */

div#ende {
	clear:both;
	border-top: 1px #000 solid;
	padding:3px;
	background: #c0c0c0;
	text-align: center;
	color:#333333;
}

div#ende ul {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	list-style-type:none;
	font-weight:bold;
}

div#ende li {
	display: inline;
}

div#ende a:link, a:visited {
	color:#666666;
	text-decoration:none;
}

div#ende a:hover, a:active {
	color:#333333;
}









/* ========diverses================= */

.ein {
	font-size: 1em; 
	color: #000000; 
	background-color: #FFFFFF; 
	border:1px dotted #c0c0c0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.ein_such {
	font-size: 1em; 
	color: #000000; 
	background-color: #F7F6F6; 
	border:1px dotted #963232;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



.but {
	font-weight: bold; 
	color:#a93a33; 
	border:1px #c0c0c0 solid;
}


/* button zum blaettern */
.blabut {
	width:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color:#000000; 
	background-color:#ffffff;
	border-top:none;
	border-right:1px solid #EEE9E9;
	border-bottom:1px solid #EEE9E9;
	border-left:none;
}

/* button zum blaettern */
.blabu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color:#000000; 
	background-color:#ffffff;
	border-top:none;
	border-right:1px solid #EEE9E9;
	border-bottom:1px solid #EEE9E9;
	border-left:none;
}


.start {
	text-align:center;
	border: 1px #a93a33 solid;
	padding:15px 5px 15px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}

.unten {
	border-bottom:1px #000000 dotted;
	vertical-align:top;
}

.aut {
	color: #B95052;
	font-style: italic;
	font-weight: bold;
}

/* ========forms================= */
.reihe {
	clear:both;
	padding:3px 0px 3px 0px;
}

.label {
	padding:3px 5px 0px 0px;
	float:left;
	width:130px;
	text-align:right;
}

.lab {
	padding:3px 5px 0px 0px;
	float:left;
	width:160px;
	text-align:right;
}

acronym {
	cursor: help;
	font-size:1.2em;
	color:#a93a33;
	font-weight:bold;
}

/*###################################*/
div#newsletter {
}

div#newsletter h1 {
	color: #a93a33;
	font-size: 1.3em;
}

div#newsletter h2 {
	color: #37436b;
	font-size: 1.2em;
}

div#newsletter h3 {
	color: #a93a33;
	font-size: 1.2em;
}

div#newsletter h4 {
	color: #a93a33;
	font-size: 1.2em;
	margin-top:15px;
	margin-bottom:4px;
}

div#newsletter a {
	color:#a93a33;
	text-decoration:none;
}

div#newsletter a:hover {
	text-decoration:underline;
}




/* ========forms================= */
.reihe {
	clear:both;
	padding:3px 0px 3px 0px;
}

.label {
	padding:3px 5px 0px 0px;
	float:left;
	width:180px;
	text-align:right;
}



.a_20 {
	margin-bottom:20px;
}

.a_30 {
	margin-bottom:30px;
}

.o_30 {
	margin-top:30px;
}

.tabo{ 
	border-bottom:1px solid #c0c0c0;
}


div.bo img {
	background-color:#ffffff;
	border:1px solid #666666;
	padding:2px;
}



.rab{ 
	font-size: 0.8em; 
	color: #993333; 
	width: 60%; 
	padding: 3px;
}


 /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
 }
 
/* fuer herba */ 
.gruen {color: #00A384}
.orange {color: #FF6600}


/* loeschen schaltflaeche */
.delete{
	background:url('../images/site/delete.gif');
	border:none;
	width:20px;
	height:20px;
	color:#ffffff;
}

/* aktualisieren schaltflaeche */
.refresh{
	background:url('../images/site/refresh.gif');
	border:none;
	width:20px;
	height:20px;
	color:#ffffff;
}






.tbel {
width:600px;
height:150px;
border-top: 1px solid #000;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
border-left: 1px solid #000;
background-image:url(../images/weih/innerer.jpg);
background-position:bottom right;
background-repeat:no-repeat;
text-align:center;
color:#000000;
}

.best_gruen {
    background-color:#2ac12e;
    color: #000000;
    font-size:1.3em;
    padding:3px;
    border:none;
    text-decoration:none;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow: 0px 3px 4px #030302; /* webkit browser*/
    -moz-box-shadow: 0px 3px 4px #030302; /* firefox */
    box-shadow: 0px 3px 4px #030302;
}


.best_gru {
    background-color:#2ac12e;
    color: #000000;
    font-size:1.3em;
    padding:3px;
    border:none;
    text-decoration:none;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow: 0px 3px 4px #030302; /* webkit browser*/
    -moz-box-shadow: 0px 3px 4px #030302; /* firefox */
    box-shadow: 0px 3px 4px #030302;
}


.buttu {
    background-color:#FFA500;
    color: #000000;
    font-size:1.3em;
    padding:3px;
    border:none;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow: 0px 3px 4px #030302; /* webkit browser*/
    -moz-box-shadow: 0px 3px 4px #030302; /* firefox */
    box-shadow: 0px 3px 4px #030302;
}

.butta {
    background-color:#0066FF;
    color: #fff;
    font-size:1.3em;
    padding:3px;
    border:none;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow: 0px 3px 4px #030302; /* webkit browser*/
    -moz-box-shadow: 0px 3px 4px #030302; /* firefox */
    box-shadow: 0px 3px 4px #030302;
}

.imsh {
    -webkit-box-shadow: 0px 3px 4px #030302; /* webkit browser*/
    -moz-box-shadow: 0px 3px 4px #030302; /* firefox */
    box-shadow: 0px 3px 4px #030302;
}

.ce {
text-align:center;
}