/* GRUNDANGABEN ZU SCHRIFT UND BILDSCHIRMHINTERGRUND */

* {
margin: 0px;
padding: 0px;
}

a:focus, a:active{
background-color: orange;
}

body {
	font-family:  'Century Gothic', verdana, arial, tahoma, arial, sans-serif;
	font-size: medium;
	background-color: orange;
}

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


/* ÄUSSERER RAHMEN FÜR HEAD, MENÜ UND CONTENT */
#rahmen {
	margin: 15px 7% 10px 7%;
	border: none;
	background-color: #ffffff;
	}

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

/* SEITENKOPF */
#head {
	font-family:  'Century Gothic', arial, helvetica, sans-serif;
	height: 145px;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none;
	text-align: left;
	background-color: green;
	background-image: url('../img/logo6.gif'); 
	background-repeat: no-repeat; 
	}
	
#logo_headline {
	float: left;
	height: 145px;
	width: 700px;
	/* border-right: 1px white solid; */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	}

#head #logo_headline h1 { 
	color: #eeeeee;
	padding: 20px 20px 0px 150px;
	margin: 0px;
	font-weight: bold;
	font-size: 150%;
	line-height: 130%;
	letter-spacing: 0px;
	word-spacing: 0px;
	}

#head #logo_headline p { 
	color: #eeeeee;
	padding: 10px 20px 0px 150px;
	margin: 0px;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 1px;
	word-spacing: 2px;
	}

#head #funktionsmenu {
float: right;
border-left: 1px white solid;
width: 140px;
	font-size: 100%;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
#head #funktionsmenu ul {
padding-top: 10px;
list-style-type: none;
}	

#head #funktionsmenu ul li {
margin-left: 20px;
margin-bottom: 5px;
}

#head #funktionsmenu ul li a {
font-weight: normal;
text-decoration: none;
}

#head #funktionsmenu ul li a:link {
color: white;
}

#head #funktionsmenu ul li a:visited {
color: white;
}

#head #funktionsmenu ul li a:hover {
color: orange;
}

#head #funktionsmenu ul li a:focus, #head #funktionsmenu ul li a:active  {
background-color: orange;
color: black;
}

#head #funktionsmenu ul li a img {
border: none;
margin-right: 10px;
}

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

/* BREADCRUMB */
#bc {
height: 20px;
padding: 4px 0px 2px 3px;
clear: both;
border-top: 1px orange solid;
border-bottom: 1px orange solid;
font-size: 90%;
}

#bc  .bc_links {
float: left;
text-align: right;
color: #454545;
width: 220px;
}

#bc  .bc_rechts {
float: left;
padding-left: 20px;
letter-spacing: 1px;
}
/* --------------------------------------------------------------- */

/* INNERER RAHMEN FÜR MENÜ UND CONTENT */
#innenrahmen {
	background-color: #ffffff;
	padding-top: 0px;
	border: none;
	}

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

/* MENÜLEISTE AM LINKEN RAND */
#menuleiste {
position: relative;
	border-left: 1px white solid;
	border-right: 1px white solid;
	float: left;
	width: 220px;
	height: 100%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
	font-size: 80%;
	font-weight: normal;
	font-family:  'Century Gothic', verdana, arial, helvetica, sans-serif;
	}

#menuleiste ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

#menuleiste ul.ul1 {
	padding: 0px;
	margin: 0px;
	}

#menuleiste ul.ul2 {
	padding: 0px 0px 0px 20px;
	margin: 3px 0px 0px 0px;
	}
	
#menuleiste ul.ul1 li {
	font-size: 100%;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	letter-spacing: 0px;
	}

#menuleiste ul.ul2 li {
	font-size: 100%;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	letter-spacing: 0px;
	}	


/* MENU, erste Ebene */
/* ausgewählter Eintrag */
#menuleiste ul li.active1 {
	text-align: right;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 3px;
}

/* anklickbarer Eintrag */
#menuleiste ul li.inactive1 {
	padding: 0px;
	margin-bottom: 3px;
}

/* MENU, zweite Ebene */
/* ausgewählter Eintrag */
#menuleiste ul li.active {
	text-align: right;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 3px 20px;
}

/* anklickbarer Eintrag */
#menuleiste ul li.inactive {
	padding: 0px;
	margin: 0px 0px 3px 20px;
}

/* PADDING-Einstellungen für die Linkhintergründe */
li.active1 .link_c1, li.active1 .link_c2, li.active1 .link_c3, li.active1 .link_c4, li.active1 .link_c5, li.active1 .link_c6, li.active1 .link_c7, li.active1 .link_c8, li.active1 .link_c9 {
padding: 10px;
}
li.active1 .link_c1b, li.active1 .link_c2b, li.active1 .link_c3b, li.active1 .link_c4b, li.active1 .link_c5b, li.active1 .link_c6b, li.active1 .link_c7b, li.active1 .link_c8b, li.active1 .link_c9b {
padding: 10px;
}
li.inactive1 .link_c1, li.inactive1 .link_c2, li.inactive1 .link_c3, li.inactive1 .link_c4, li.inactive1 .link_c5, li.inactive1 .link_c6, li.inactive1 .link_c7, li.inactive1 .link_c8, li.inactive1 .link_c9 {
padding: 10px;
}
li.inactive1 .link_c1b, li.inactive1 .link_c2b, li.inactive1 .link_c3b, li.inactive1 .link_c4b, li.inactive1 .link_c5b, li.inactive1 .link_c6b, li.inactive1 .link_c7b, li.inactive1 .link_c8b, li.inactive1 .link_c9b {
padding: 10px;
}

li.active .link_c1, li.active .link_c2, li.active .link_c3, li.active .link_c4, li.active .link_c5, li.active .link_c6, li.active .link_c7, li.active .link_c8, li.active .link_c9 {
padding: 3px 10px 3px 10px;
}
li.active .link_c1b, li.active .link_c2b, li.active .link_c3b, li.active .link_c4b, li.active .link_c5b, li.active .link_c6b, li.active .link_c7b, li.active .link_c8b, li.active .link_c9b {
padding: 3px 10px 3px 10px;
}
li.inactive .link_c1, li.inactive .link_c2, li.inactive .link_c3, li.inactive .link_c4, li.inactive .link_c5, li.inactive .link_c6, li.inactive .link_c7, li.inactive .link_c8, li.inactive .link_c9 {
padding: 3px 10px 3px 10px;
}
li.inactive .link_c1b, li.inactive .link_c2b, li.inactive .link_c3b, li.inactive .link_c4b, li.inactive .link_c5b, li.inactive .link_c6b, li.inactive .link_c7b, li.inactive .link_c8b, li.inactive .link_c9b {
padding: 3px 10px 3px 10px;
}

/* DISPLAY-Einstellungen für die Linkhintergründe */
.link_c1, .link_c2, .link_c3, .link_c4, .link_c5, .link_c6, .link_c7, .link_c8, .link_c9, .link_c1b, .link_c2b, .link_c3b, .link_c4b, .link_c5b, .link_c6b, .link_c7b, .link_c8b, .link_c9b { 
display: block;
}

/* FARBEN für die Linkhintergründe */
.link_c1 {
	background-color: #33cc33;
}
.link_c2 {
	background-color: #ccff99;
}
.link_c3 {
	background-color: #00cc66;
}
.link_c4 {
	background-color: #99cc99;
}
.link_c5 {
	background-color: #66cc33;
}
.link_c6 {
	background-color: #99cc00;
}
.link_c7 {
	background-color: #99ff99;
}
.link_c8 {
	background-color: #99ff99;
}
.link_c9 {
	background-color: #33cc99;
}

.link_c1b {
	background-color: #33cc33;
}
.link_c2b {
	background-color: #ccff99;
}
.link_c3b {
	background-color: #00cc66;
}
.link_c4b {
	background-color: #99cc99;
}
.link_c5b {
	background-color: #66cc33;
}
.link_c6b {
	background-color: #99cc00;
}
.link_c7b {
	background-color: #99ff99;
}
.link_c8b {
	background-color: #99ff99;
}
.link_c9b {
	background-color: #33cc99;
}
/* LINKS - Formatierung der Links in der Hauptnavigation */

#menuleiste a {
display: block;
}

#menuleiste a:link {
color: black;
text-decoration: none;
display: block;
}

#menuleiste a:visited {
text-decoration: none;
color: black;
display: block;
}

#menuleiste a:hover {
text-decoration: underline;
color: red;
display: block;
}

#menuleiste a:focus, #menuleiste a:active  {
text-decoration: underline;
background-color: orange;
color: red;
display: block;
}

/* --------------------------------------------------------------- */
/* RECHTSBALKEN */
#rechtsbalken {
float: right;
border-left: 1px orange solid;
border-bottom: 1px orange  solid;
padding-top: 0px;
margin-top: 0px;
margin-left: 50px;
margin-bottom: 20px;
height: auto;
}

#rechtsinnen {
width: 140px;
height: auto;
background-color: #fcfcfc;
padding: 10px;
} 

#rechtsbalken h3 {
font-size: 80%;
margin-top: 0px;
margin-bottom: 5px;
}

#rechtsbalken p {
font-size: 70%;
margin-top: 0px;
margin-bottom: 5px;
line-height: 150%;
}

#rechtsbalken fieldset {
border: none;
}

#rechtsbalken label {
font-size: 70%;
}

#rechtsbalken select {
	font-family:  'Century Gothic', verdana, arial, helvetica, sans-serif;
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 80%;
}

#rechtsbalken option.design1 {
background-color: blue;
color: yellow;
}

#rechtsbalken .submitbutton {
	border: 1px gray solid;
	margin-top: 5px;
	font-family:  'Century Gothic', verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	text-align: left;
	padding: 2px;
	font-weight:bolder;
	color:black;
	background-color:#cccccc;
	cursor: pointer;
	display:inline;
	width:auto;
}

#rechtsbalken a.klein {
font-size: 60%;
}
#rechtsbalken a.mittel {
font-size: 90%;
}
#rechtsbalken a.gross {
font-size: 120%;
}


/* --------------------------------------------------------------- */
/* INHALTSBEREICH - CONTENT */

#content {
	margin: 0px 0px 0px 222px;
	padding: 10px 40px 15px 20px;
	background-color: #ffffff;
	border: 1px white dotted;
	border-left: 1px orange solid;
	}



#content p {
margin-top: 5px;
margin-bottom: 25px;
font-size: 80%;
line-height: 130%;
}

#content p img, #content ul li img {
border: none;
}

#content img.floatrechts {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#content p.nomarginbottom {
margin-top: 15px;
margin-bottom: 0px;
}

#content p.sitemap {
margin-top: 5px;
font-size: 80%;
}

#content p.redaktionell {
margin-top: 5px;
font-size: 100%;
font-family: arial;
color: maroon;
}

#content p.mbotsmall {
margin-bottom: 5px;
}

#content .linkliste {
border: 1px gray dotted;
padding: 10px;
margin-bottom: 10px;
}

#content .linkliste h4 {
margin-bottom: 0px;
}

#content h2 {
font-size: 100%;
}

#content h3 {
border-top: 1px gray dotted;
margin-top: 20px;
padding-top: 10px;
font-size: 90%;
}

#content h3.nobordertop {
border-top: none;
}

#content h3.head_links {
border-top: none;
padding-left: 10px;
margin: 20px 0px 10px 0px;
}

#content h3.sitemap {
margin-top: 10px;
font-size: 90%;
}

#content h4 {
margin-top: 10px;
font-size: 80%;
}

#content h4.bordertop {
border-top: 1px gray dotted;
margin-top: 10px;
padding-top: 10px;
}

#content h4.sitemap {
margin-top: 10px;
font-size: 80%;
}

#content div.terminliste {
margin-top: 20px;
border: 1px gray dotted;
padding: 10px;
}

#content p.termine {
margin-top: 0px;
margin-bottom: 0px;
}

#content h4.head_termine {
margin-top: 5px;
margin-bottom: 5px;
font-size: 90%;
}

#content ol {
margin-left: 25px;
font-size: 80%;
}

#content ul {
list-style-type: square;
margin: 10px 0px 10px 25px;
font-size: 80%;
}

#content ul.nomargintop {
margin-top: 0px;
}

#content ul li.mtop {
margin-top: 10px;
}

#content div.div_styled {
text-align: center;
margin: 5px 0px 30px 0px;
}

#content h3.h3_styled {
border-top: none;
font-size: 150%;
}

#content span.unterschrift {
margin-left: 30px;
font-size: 110%;
}

#content span.gesperrt {
letter-spacing: 2px;
word-spacing: 1px;
}

.clear {
clear: both;
}


#content .bild_rechts {
float: right;
margin-right: 30px;
}

#content .bild_rechts img {
border: none;
}

/* --------------------------------------------------------------- */
/* KONTAKTFORMULAR */
#content #formbox {
width: 400px;
border: 1px gray solid;
background-color: #eeeeee;
padding: 10px;
}

#content #formbox .label {
font-size: 80%;
margin-top: 20px;
}
#content #formbox .label2 {
font-size: 80%;
color: red;
font-weight: bold;
margin-top: 20px;
}
#content #formbox .label3 {
font-size: 100%;
}
#content #formbox .label4 {
font-size: 80%;
}
#content #formbox .label5 {
font-size: 80%;
margin-top: 10px;
}
#content #formbox .eingabe {
margin-top: 5px;
font-size: 80%;
}
#content #formbox .input {
margin-left: 10px;
}

/* --------------------------------------------------------------- */
/* SEITENFUSS , FUSSZEILE */
#fuss {
clear: both;
margin: 0px 0px 10px 0px;
padding: 15px 0px 0px 0px;
background-color: orange;
}


#fuss p.foot {
margin: 0px;
padding: 0px;
font-size: 80%;
font-style: regular;
color: navy;
}

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

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

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

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

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

.toplink a:focus, .toplink a:visited:focus, .toplink a:active, .toplink a:visited:active  {
	text-decoration: underline;
	font-weight: bold;
	color: navy;
	}
	
/* --------------------------------------------------------------- */
