@charset "utf-8";
/* CSS Document */

/* nur eine Stylesheet-Datei, hier Stylesheets für alle Templates */

html {
	height:100%;
} 

a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }

body,td,th,p,ol,div {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #000;
}
p {
	margin: 0.5em 0 0.5em 0;
}
body {
	height: 100%; 
	background-color: #CCC;
	margin: 0 0 0 0;
	padding: 18px 0 0 0;
}

sup {  
vertical-align:top;  
font-size:0.8em;  
line-height:100%; 
}

sub {  
vertical-align:bottom;  
font-size:0.8em;  
line-height:100%;
}



#outer {
	width: 786px;
	margin: 0 auto;
	background-color: #ccc;
	background-image: url(bilder/scha_2.jpg);
	background-repeat:repeat-y;
	background-position: right;
}

#scha_1 {
	width: 25px;
	height: 25px;
	background-image: url(bilder/scha_1.jpg);
	float: right;
}

#bereich {
	width: 758px;
	background-color: #FFF;
	border: 1px solid #666;
	/*float: left;*/
}

#links {
	width: 130px;
	height: 124px;
	background-color: #ccc;
	float: left;
	background-image: url(bilder/vierecke_links.gif);
}

#lang {
	width: 118px;
	height: 20px;
	margin: 36px 6px 0 12px;
}

#navi_links {
	width: 130px;
	margin: 65px 0 0 0;
	text-align: right;
}

#links_unten {
	width: 130px;
	height: 41px;
	background-image: url(bilder/vierecke_links_unten.gif);
	margin: 24px 0 0 0;
}

#mitte {
	width: 584px;
	background-color:#FFF;
	float: left;
	background-image: url(bilder/vierecke_mitte.gif);
	background-repeat:no-repeat;
}
#logo {
	width: 150px;
	height: 60px;
	margin: 15px 0 0 0;
	float: right;
}
#content {
	width: 580px;
	min-height:630px;
	height:auto !important;
	height:630px;
	background-color: #FFF;
	margin: 15px 0 24px 0;
	border: 2px solid #039;
}
#content_frontseite {
	width: 580px;
	min-height:692px;
	height:auto !important;
	height:692px;
	background-color: #FFF;
	margin: 28px 0 24px 0;
	border: 2px solid #039;
}

#content_allgemein {
	padding: 18px;
}

#content_links {
	width: 156px;
	float:left;
	margin: 28px 0 0 12px;
}
#content_rechts {
	width: 374px;
	min-height:570px;
	height:auto !important;
	height:630px;
	background-color: #FFF;
	float:right;
	border-left: 2px solid #039;
	margin: 12px 0 12px 0;
	padding: 18px;
}
#content_rechts_front {
	width: 398px;
	min-height:570px;
	height:auto !important;
	height:630px;
	background-color: #039;
	float:right;
	border-left: 2px solid #039;
	margin: 12px 12px 12px 0;
	padding: 0;
}
#workshop_nr {
	padding: 12px 18px 12px 18px;
}
#workshop_datum {
	padding: 12px 18px 24px 18px;
}
#workshop_titel {
	width: 326px;
	min-height:200px;
	height:auto !important;
	height: 200px;
	background-color:#CCF;
	padding: 18px 18px 0 18px;
	margin: 0 18px 0 36px;
}

#rechts {
	width: 44px;
	height: 160px;
	background-color: #fff;
	float:right;
	background-image: url(bilder/vierecke_rechts.gif);
}

#clearer {
	clear: both;
}

#scha_bottom {
	width: 786px;
	height: 26px;
	background-image: url(bilder/scha_4.jpg);
}

#scha_5 {
	width: 26px;
	height: 26px;
	background-image: url(bilder/scha_5.jpg);
	float: left;
}

#scha_3 {
	width: 26px;
	height: 26px;
	background-image: url(bilder/scha_3.jpg);
	float: right;
}



.navi_no A {
padding: 0 6px 1px 0;
display: block;
margin: 4px 0 4px 0;
text-align: right;
background-color: #039;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFF;
}

.navi_no A:hover {
background-color: #06C;
}

.navi_act A {
padding: 0 6px 1px 0;
display: block;
margin: 4px 0 4px 0;
text-align: right;
background-color: #CCF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #000;
}

.navi_eb2_no A {
padding: 0 6px 0 0;
margin: 0 0 0 0;
text-align: right;
font-size: 11px;
text-decoration: none;
color: #039;
}

.navi_eb2_no A:hover {
color: #000;
}

.navi_eb2_act A {
padding: 0 6px 0 0;
margin: 0 0 0 0;
text-align: right;
font-size: 11px;
text-decoration: none;
color: #000;
}

.language A {
color: #039;
padding: 0 6px 0 14px;
text-decoration: none;
font-weight: bold;
display: block;
}
.language A:hover {
color: #000;
text-decoration: none;
}
.language_oh {
font-weight: bold;
padding: 0 6px 0 14px;
color: #000;
display: block;
background-image: url(bilder/bullet.jpg);
background-repeat: no-repeat;
background-position: 0px 5px;
}