/*** Datum: 1.11.05 ***/
body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin: 0 0 0 0;
	/*padding: 3 3 3 3;	*/
	background-image:  url("../img/design/hg.gif");
	background-attachment: fixed;
}
p {
	margin: 10px 0px 10px 0px;
}
h1 {
	font-size: 16px;
	line-height: 18px;
	/*color: #999999;*/
	color: #f03233;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*background-image: url(../img/linie_grau.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: right;*/
}
h2 {
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #FDB200; /*#999999;*/
	margin: 0px 0 3px 0;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FDB200;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #888888;
	margin:  0px 0px 6px 0px;
}
td {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	padding: 2px 2px;
}

th {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	
}
<!-- li,  ul{	list-style: disc;}-->
.ws {
background-color: #FFFFFF;
font-size: 10px;
color:#666666;
}
.programm {
	width:400px;
	border: 0px;
	margin-top: 10px;
	}
.tbox {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 50%;
	}
	.tbox2 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 50%;
	}
.tbox_ort {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 35%;	
	}
	.tbox_plz{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 14%;	
	}
.anmeldung {
	width: 760px;
	height: 100%;
	border-left: 1px solid #E9EDF3;
	border-right: 1px solid #E9EDF3;
	padding: 20px 10px 0px 10px;
	margin: 0px auto;
	background-image:  url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
	background-color: #FFFFFF;	}
.wichtig {
background-color: #EBF4FF;
}
.kleingedruckte {
font-size: 10px;
color:#666666;

}
.fehler {
background-color:#f03233;
padding: 5px;
font-weight: bold;
color:#FFFFFF;}
.korrekt{
border: 1px solid #FDB200;
background-color: #E9EDF3;
padding: 5px;}
.umgekert {
unicode-bidi: bidi-override;
direction: rtl;
}
.login {
	width: 560px;
 margin: 0px auto;
 
 }
#box {
	width: 560px;
	text-align: left;
	background-image:  url("../img/design/box_auf.gif");
	background-position: top left;
	background-repeat: no-repeat;
	/*margin-bottom: 15px;*/	
}
#box h2 {
	margin: 6px 0 3px 0;
}
* html #text {
	width: 400px;
	w\idth: 400px; /*(Hack) IE zeigt breite richtig*/
}
* html #box1 {
	width: 540px;
	w\idth: 540px; /*(Hack) IE zeigt breite richtig*/
}
#text {
	background-image:  url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
	padding: 10px 80px 10px 80px;
	width: 400px;
	margin-top: -1px;
}
#text_box1 {
	background-image:  url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
	padding: 10px 10px 10px 10px;
	width: 540px;
	margin-top: -1px;
}
#zusatz{
	width: 400px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #E9EDF3;
	border-top: 1px solid #E9EDF3;
	margin: 5px 0px 10px 0px;
	z-index: 99;
}
#end {
	height: 2px;
	background-image:  url("../img/design/box_zu.gif");
	background-repeat: no-repeat;	
	margin-bottom: 15px;
}
.redtext {
	font-size: 11px;
	color: #f03233;
	font-variant: small-caps;
	padding-left: 10px;
}
.boxtitel {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #f03233;
	text-align: right;
	margin-right: 10px;
}
#team{
	margin: 0 0 0 0;
	width: 560px;
	height: auto;
	background-image:  url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
}
#logo_top{
	position: static;
	top: 0px;
	width: 560px;
	height: 75px;
	/** margin: 25px 0px -2px 0px; */	
	padding-top: 25px;
	z-index: 3;
}
*html #logo_top{
	padding-top: 25px;
}
.logo_top a{
	text-decoration: none;
}
.links {
	float: left;
	margin-right: 5px;
	margin-top: 0px;
}
#titel {
	width: 560px;
	text-align: right;
}
a:link{
	color: #3366CC;
	text-decoration: none;
}
a:visited{
	color: #3366CC;
	text-decoration: none;	
}
a:hover{
	color: #3366CC;
	text-decoration: underline;
}
#boxLinks a:link, #boxLinks a:visited {
	display: block;
	width: 560px;
	height: 24px;
	background-image:  url("../img/design/box_link01.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #3366CC;
	padding: 3px 0px 3px 10px;
	margin-bottom: 15px;
	
}
#boxLinks a:hover{
	background-image:  url("../img/design/box_link02.gif");
	font-weight: bold;
	height: 24px;	
	padding: 3px 0px 3px 10px;
	color: #3366CC;
	margin-bottom: 15px;
}
#right{
	position: static;
	top: 0px;
	width: 73%;
	/*margin-left: auto;*/
	margin-top: 0px;
	float: right;

}
#header{
	padding: 5px 0 5px 0;
	height: 80px;
	margin-bottom: 0px;
	width: auto;
}
.grau {
	font-weight: bold;
	text-indent: 3px;
	background-image: url(../img/design/grau.gif);
	background-repeat: repeat-y;
}

.linie {
	background-image: url(../img/design/box_auf.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
/* ***********************  boxen fuer gruppen ****************** */
#box_kl {
	width: 400px;
	text-align: left;
	background-image: url("../img/design/box_auf.gif");
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 160px;
}
* html #text_kl {
	width: 380px;
	w\idth: 380px;
}
* html #box_kl {
	height: 82px;
	h\eight: 82px;
}
#text_kl {
	background-image: url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
	width: 380px;
	padding: 10px;
	min-height: 82px; /*height: auto;*/
	margin: 0;
}
#boxBild {
	height: 120px;
	width: 150px;
	float: left;
	clear: both;
	border-top: 2px solid #dde5e4;
	border-bottom: 2px solid #BFCFEA; /*margin: 0 0 10px 0;*/
	border-left: 2px solid #dde5e4;
	border-right: 2px solid #dde5e4;
}	
#boxBild a{
	text-decoration: none;
}
#mehr {
	text-align: right;
}
/* *********************** bild platzierung ********************* */
.rbox {
	float: left;
	margin:  0px 10px 0px 0px;
	height: 75px;
}
.lo {
	float: left;
	margin: 3px 10px 5px -70px;
}
.ro {
	float: right;
	margin: 3px -70px 5px 10px; 
	clear:both;

}
.l{
	margin: 3px 10px 5px -70px;
}

.ru {
	float: right;
	margin: auto -70px 0px 10px;
}
#zu {
	position: absolute;
	margin: 0px 0px -12px 0px;
	z-index: 20;
	margin:
}
#foto {
	position: relative;
	float: right;
	margin: 3px;
}
.logo {
	
	margin: 3px 0px 5px 10px;
	float: right;
}

/* *************************   menu   *************************** */
body {
	behavior:url('css/csshover.htc');
}
/* 
body>#left{
position:fixed;
} */
#baner_menu{
	/*position: fixed;*/
	float: left;
	top: 0;
	left: 0;
	background: url(../img/design/baner.jpg);
	width: 180px;
	height: 120px;	
}
#left{
	position:absolute;
	top: 73px;
	left:10px;
	width:195px;
	float: left;
	z-index: 99;
	
}
#menu{	
	min-width: 195px;
	max-width: 300px;
	height: 100%;
	margin-bottom: 10px;
}
#menu ul,menu li,menu a {
	margin: 0;
	padding: 0;
	display: block;	
	list-style: none;
}
#menu ul {
	width: 195px;	
	display: block;	
}
#menu li {
	line-height: 18px;
	background-color: #ffffff;
	border-bottom: 1px solid #E9EDF3;
	display: block;

}
#menu li.folder{
	background-image:  url("../img/design/sub.gif");
	background-repeat: no-repeat;
	background-position: 98%;
	display: block;
}
#menu li.erste{
	background-image:  url("../img/design/menu_erste.gif");
	background-repeat: no-repeat;
	display: block;	
}
#menu li.lezte{
	border-bottom: 1px solid #dde5e4;
	display: block;	
}
#menu li.eins{
	background-image:  url("../img/design/menu_erste.gif");
	background-repeat: no-repeat;
	border-bottom: 1px solid #dde5e4;
	display: block;	
}
#menu a {
	display: block;
	padding: 0 0 0 4px;
	width: 100%; /* fuer IE */
	text-decoration: none;
	z-index: 200;
}
#menu li>a {
	width: auto; /*andere Browser*/	
}

/* ########### Hover-Anweisungen des Pull-down-Menues ########### */	
#menu ul ul{
	/*width: 300px;*/
	visibility: hidden;
	/*display: none; /*Untermenu verstecken*/
	position: absolute;
	z-index: 150;
}
#menu li:hover ul{
	position: absolute;
	z-index: 150;
	visibility: visible;
	display: block; /*Untermenu zeigen*/
	width: 300px;	
	
}
#menu li.folder ul{
	position: absolute;
	left: 98%;
	top: 3px;
	z-index: 199;
}
#menu li:hover{
	z-index: 150;
	line-height: 18px;
	background-image:  url("../img/design/menu_hover.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #BFCFEA;
	display: block;	
}
#menu li{
	position: relative;
	padding: 1px 0;
	display: block;
}
/***    formaten fuer das erste Box   ***/
#box1 {
	position: static;
	background-image: url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
	padding: 0px 10px 0px 10px;
	margin-bottom: 0px;
	width: 540px;
	height: 175px;
	z-index: 5;
}
.bild{
	right: 0px;
	float: right;
}
.foto{
	top:0px;
	left: 0px;
	float: left;
}
#bild{
	text-align: right;
	float: right;
	padding-right: 5px;
	padding-top: 20px;
}
#Anspr {
	position: static;
	background-image: url("../img/design/grau_hg.gif");
	background-repeat: repeat-y;
	padding:  10px 10px 0px 10px;
	margin-bottom: 0px;
	width: 540px;
	height: 100px;
	z-index: 5;
}
#apartner{
	margin-top: 2px;
	text-align: left;
	float: left;
}

#kontakt {
	padding: 0px 15px 0px 5px;
	margin: 0 0 0 0;
	width: auto;
	height: 80px;
	float: left;
}
.zfu{
	text-align: right;
	float: right;
	width: 80px;
	height: 80px;
	margin: -2px -0px -25px -15px;
	z-index: 50;
}
.icon {
	margin-right: 10px;
	float: left;	
}
.liste {
	line-height: 20px;
}
blockquote {
	margin:-1px 1em 3px 1em;
}
/********* icon  im top Bereich**********/

#drucker {
	position: absolute;
	margin-top: 50px;
	margin-left: 190px;
}
#lesezeichen{
	position:  absolute;
	margin-top: 50px;
	margin-left: 240px;
}
#empfehlen {
	position: absolute;
	margin-top: 50px;
	margin-left: 290px;
}
#grosser{
	position:  absolute;
	margin-top: 50px;
	margin-left: 255px;
	z-index: 200;
	display: none; /** ausgeblendet **/
}
#lqw{
position:  absolute;
	margin-top: 30px;
	margin-left: 20px;
	z-index: 200;
	
	}

/************************************************/
#team_baner{
	position: absolute;
	background-image: url(../img/design/team_baner.gif);
	height: 70px;
	width: 250px;
	top: 0px;
	left: 380px;
}
.proj {
	min-height: 75px;
}
.proj h2{
	margin-top: 7px;
	line-height: 16px;
}
* html .proj{
	height: 75px;
}
/*Zusatz Kasten - Ikon "zu" und Drucken    */
.zzu{
	position: absolute;
	margin-left:-15px;
	margin-top: -40px;
	z-index: 20;
}
.Zdrucken {
	position: absolute;
	margin-left: 393px;
	margin-top: -30px;
	z-index: 20;
}
.float_end{
	clear: both;
}
/* ************************ Fotogalerie ********************************* */
#Gbox {
	width: 430px;
	height: 450px;
	text-align: left;
	background-image: url("../img/design/box_auf.gif");
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
}
#Gtext {
	background-image:  url("../img/design/Ggrau_hg.jpg");
	background-repeat: repeat-y;
	padding: 10px 20px 10px 20px;
	width: 430px;
	height: 400px;
	margin-top: -1px;
	margin-bottom: -2px;
}
* html #Gtext {
	width: 350px;
	w\idth: 350px; /*(Hack) IE zeigt breite richtig*/
}
#Gklein {
	position: absolute;
	margin: 10px 10px 10px 0px;
	background-color: #ffffff;
	width: 110px;
	height: 439px;
	visibility: visible;
	overflow: auto;
}
#Gnav {
	position:	relative;
	text-align: center;
	height: 10px;
	width: 430px;
}
#Gimg {
	text-align: center;
	vertical-align: bottom;
	height: 350px;
	width: 350px;	
}
#Gzu {
	position: absolute;
	margin: -20px 10px 0px 10px;
	z-index: 20;
}
#Gbox h3{
	margin: 0 0 15px 0;
}
#Gbox h2{
	margin: -10px 0px 0px 0px;
}
#Gbox h4{
	margin: -15px 0px 0px 0px;
	height: 15px;
	color: #CCCCCC;
}
#tabele {
	width: 428px;
	margin-left: -28px;
	text-align:left;
	/*table-layout: auto;*/
}
.tabele_hg {
background-color:#EBEFF4;
text-align: left;
vertical-align: top;
padding:  2px 0px 2px 3px;
}
.tabele_ueber {
background-color:#EBEFF4;
text-align: center;
vertical-align: middle;
}
.tabele_h2{
background-color: #E1E7EE;
}
.Pcast {
float: left;
margin-right: 5px;
margin-top: 3px;}
.Pcast_mini {
text-align: left;
vertical-align: top;
float: left;
margin-right: 5px;
margin-top: 3px;
height: 34px;

}

.Pimg {
text-align: left;
float: right;

}
/*** programm ***/
.prog {
	
	width: 150px;
	font-weight: bold;
	
}