body {
font-family: "Century Gothic", verdana, arial;
background-color: #ffffff;
font-size: 90%;
}
/* ====================================================== */

/* RAHMEN */
#rahmen {
width: 900px;
margin: 20px auto 20px 40px;
border: 1px red solid;
}

/* ====================================================== */

/* OBEN */
#oben {
border-bottom: 1px red solid;
width: 900px;
height: 90px;
padding: 0px;
margin: 0px;
background-color: #ffcc33;
}

/* ------------------------------------------------------ */

#obenlinks {
float: left;
border: none;
padding: 0px;
margin: 0px;
width: 200px;
height: 90px;
}

#obenlinks img.screen {
border: none;
padding: 0px;
margin: 0px;
margin-bottom: -10px;
height: 90px;
}

#obenlinks img.print {
display: none;
}

/* ------------------------------------------------------ */

#obenmitte {
background-image: url('../logo/farbe3.gif');
float: left;
border: none;
border-left: 1px orange solid;
width: 699px;
height: 90px;
padding: 0px;
margin: 0px;
}

#obenmitte h1 {
margin: 0px;
padding: 10px 0px 0px 0px;
font-size: 180%;
font-family: "Century Gothic", arial, verdana;
font-weight: normal;
text-align: center;
color: white;
}
#obenmitte h2 {
margin: 0px;
padding: 0px;
font-size: 100%;
font-family: "Century Gothic", arial, verdana;
font-weight: normal;
text-align: center;
}

/* ------------------------------------------------------ */

#oben .clear {
clear: both;
padding: 0px;
margin: 0px;
}

/* ====================================================== */

/* BREADCRUMB-ZEILE */
#bc {
border-bottom: 1px red solid;
width: 900px;
height: 70px;
padding: 0px;
margin: 0px;
background-color: #eeeeee;
}

/* ------------------------------------------------------ */

#bclinks {
float: left;
padding: 0px;
margin: 0px;
width: 200px;
height: 70px;
}

#bclinks p {
padding: 10px 0px 0px 0px;
margin: 0px;
font-size: 100%;
text-align: center;
}

/* ------------------------------------------------------ */

#bcmitte {
float: left;
border: none;
border-left: 1px red solid;
width: 695;
height: 70px;
padding: 0px;
margin: 0px;
font-size: 12pt;
}

#bcmitte img {
border: none;
margin-right: 10px;
float: left;
}

#bcmitte .floatleft {
width: 120px;
height: 60px;
float: left;
border: 1px red solid;
text-align: center;
background-color: #eeeeee;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#bcmitte .schaltertext {
margin-left: 55px;
margin-top: 20px;
}

#bcmitte .schaltertext2 {
margin-left: 50px;
margin-top: 10px;
}

#bcmitte .schaltertext2p {
margin-left: 50px;
margin-top: 10px;
color: gray;
}

#bcmitte a:link, #bcmitte a:visited {
color: blue;
font-weight: bold;
cursor: pointer;
}

#bcmitte a:hover {
color: red;
font-weight: bold;
cursor: pointer;
}

/* ====================================================== */

#unten {
border: none;
padding: 0px;
margin: 0px ;
width: 900px;
background-image: url(../img/bg1.gif);
}

/* ------------------------------------------------------ */

#links {
float: left;
width: 200px;
padding: 0px;
margin: 0px;
border-right: none;
background-color: #ffcc33;
}

#linksmenu {
color: white;
}

#linksmenu .link {
height: 60px;
margin: 0px;
padding: 0px;
clear: both;
border-bottom: 1px red solid;
background-color: #eeeeee;
vertical-align: middle;
cursor: pointer;
}

#linksmenu .link img {
float: left;
border: none;
margin-right: 0px;
}

#linksmenu .linktext {
margin-left: 70px;
padding-top: 20px;
}

#linksmenu .linktext2 {
margin-left: 70px;
padding-top: 7px;
line-height: 130%;
}

#linksmenu a {
font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
cursor: pointer;
}

#linksmenu a:link {
color: blue;
}

#linksmenu a:visited {
color: purple;
}

#linksmenu a:hover {
color: orange;
}

/* ====================================================== */

/* RECHTSBALKEN */
#rechtsbalken {
background-color: #eeeeee;
width: 200px;
float: right;
border-top: none;
border-left: 1px #bbbbbb solid;
border-bottom: 1px #bbbbbb solid;
padding: 0px;
margin-left: 20px;
margin-bottom: 20px;
}

#rechtsbalken hr {
margin-top: 0px;
margin-bottom: 0px;
}

#rechtsbalken img {
border: none;
}

#rechtsinnen, #rechtsinnen2 {
height: auto;
border-top: none;
} 

#rechtsinnen {
padding: 20px;
}

#rechtsinnen2 {
padding: 10px 20px;
}

#rechtsbalken h4 {
font-size: 100%;
margin-top: 0px;
margin-bottom: 20px;
}

#rechtsbalken p {
font-size: 90%;
margin: 0px 0px 10px 0px;
}

#rechtsbalken .linkstyle {
text-decoration: underline;
color: blue;
}
/* ====================================================== */

/* CONTENT */
#content {
padding: 1px 0px;
margin: 0px 0px 0px 200px;
border-left: 1px red solid;
background-image: url(../img/bg1.gif);
}

#content h2{
margin: 10px 0px 10px 25px;
font-weight: bold;
font-size: 150%;
padding: 0px;
}

#content h2.effekt {
margin: 50px 0px 0px 0px;
font-family: 'Comic Sans MS', arial;
font-weight: bold;
font-size: 250%;
padding: 0px;
color: red;
word-spacing: 5px;
letter-spacing: 3px;
}

#content h3 {
margin: 20px 0px 0px 25px;
font-weight: bold;
font-size: 110%;
padding: 0px;
}

#content h3.wichtig {
margin: 10px 0px 0px 25px;
font-weight: bold;
font-size: 150%;
padding: 0px;
color: red;
}

#content h4 {
margin: 10px 0px 0px 25px;
font-weight: bold;
font-size: 110%;
padding: 0px;
}

#content p {
margin: 0px 20px 10px 25px;
font-weight: normal;
font-size: 100%;
line-height: 150%;
padding: 1px;
}

#content p.oben {
margin: 15px 20px 10px 25px;
}

#content p.linktipp {
margin: 0px 0px 10px 25px;
font-weight: normal;
font-size: 90%;
padding: 1px;
}

#content .abstandlinks {
margin-left: 20px;
font-size: 90%;
}

#content ul, #content ol {
margin: 20px 0px 0px 50px;
}

#content ul li, #content ol li {
margin: 0px 20px 10px 0px;
padding-bottom: 10px;
border-bottom: 1px gray solid;
}

#content ul.noline li, #content ol.noline li {
margin: 0px 20px 10px 0px;
padding-bottom: 10px;
border-bottom: none;
}

#content ul.noline2, #content ol.noline2 {
margin-top: 10px;
}

#content ul.noline2 li, #content ol.noline2 li {
margin: 0px 20px 10px 0px;
padding-bottom: 0px;
border-bottom: none;
}

#content img.anmelden {
margin: 30px 20px 0px 28px;
border: 1px green solid;
}

#content img.left {
float: left;
margin: 20px 20px 20px 20px;
border: 1px black solid;
}

#content img.titelbildl {
float: left;
margin: 20px 20px 20px 20px;
border: 1px black solid;
}

#content img.titelbildr {
float: right;
margin: 10px 20px 10px 20px;
border: 1px black solid;
}

#content img.titelbild {
float: right;
margin: 10px 20px 10px 20px;
border: 1px black solid;
}

#content .lh150 {
line-height: 150%;
}

#content .mb50 {
margin-bottom: 50px;
}

#content table.programm {
clear: right;
width: 650px;
background-color: white;
margin-top: 20px;
margin-left: 25px;
margin-bottom: 20px;
border-collapse: collapse;
}

#content table.programm tr {
border: 1px black solid;
vertical-align: top;
}

#content table.programm tr td, #content table.programm tr th {
border: 1px green solid;
vertical-align: top;
font-weight: bold;
/* text-transform: uppercase; */
text-align: center;
padding: 5px;
}

#content table.programm tr td {
padding: 10px 5px 20px 5px;
}

#content table.programm tr td img {
margin-bottom: 15px;
}

#content table.formbox {
	border: 1px gray solid;
	font-size: 85%;
	width: 600px;
	margin: 20px;
	padding: 10px;
	background-color: #dddddd;
}

		.head {
 		width: 300px;
 		font-size: 100%;
 		text-align: left;
 		font-weight: bold;
 		margin: 0px 0px 0px 0px;
 		padding-bottom: 10px;
		}
		
		.label, .label2 {
 		font-size: 100%;
 		text-align: right;
 		margin: 0px 0px 0px 0px;
 		padding-right: 10px;
		}
		
		.hinweis {
		margin-left: 10px;
		font-size: 90%;
		color: #121212;
		}
		
#content table.formbox .alert {
		margin-left: 10px;
		font-size: 90%;
		color: red;
		font-weight: bold;
		}

#content table.formbox td.warnung {
		text-align: left;
		font-size: 90%;
		color: red;
		font-weight: normal;
		}



#content p.beschreibung {
margin-left: 25px;
}

#content hr.clear {
clear: both;
}

.hinterlegt {
background-color: orange;
}

.blue {
color: blue;
}

.linkimg {
border: 1px blue solid;
margin-top: 10px;
}

.strong {
font-weight: bold;
}

.smaller {
font-size: 90%;
}

.link_rechts {
float: right;
height: 60px;
width: 200px;
margin: 20px;
padding: 8px 0px 0px 0px;
border: 1px gray solid;
background-color: #eeeeee;
vertical-align: middle;
cursor: pointer;
}

.link_rechts_text {
padding-left: 80px;
}

#content h4.standardfett {
font-weight: bold;
font-size: 100%;
}

/* ====================================================== */

#fuss {
clear: both;
width: 900px;
background-color: #eeeeee;
color: #111111;
padding: 10px 0px;
border-top: 1px red solid;
text-align: right;
}

#fuss p {
margin: 0px;
padding-right: 5px;
font-size: 80%;
}


/* ANKER AM OBEREN RAND FÜR TOPLINK */
#anker {
	position: absolute; top: 1px; left: 1px;
}

/* TOPLINK AM SEITENENDE */
.toplink {
	text-align: right;
	margin-right: 30px;
	}

.toplink img {
	border: none;
	margin-left: 5px;
	}

.toplink a:link, .toplink a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: red;
	}

.toplink a:focus, .toplink a:hover, .toplink a:active, .toplink a:visited:active  {
	text-decoration: underline;
	font-weight: bold;
	color: orange;
	}

/* --------------------------------------------------------------- */