/*
-----------------------------------------------
ALLGEMEINES
----------------------------------------------- */

html { 
	padding:	0;
	margin:	0;
}

body {
	font: normal 12px/1.3em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	text-align: center; /* center IE 5 */	
	padding: 0;
	margin: 0;
}

.hide {
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}

.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px; /* wenn das auf 0 ist gibt es probleme im NS 6 */	
	line-height: 1px; /* wenn das auf 0 ist gibt es probleme NS 6 */	
	overflow: hidden;
	visibility: hidden;
}

.clearboth img {
	display: none;
}

img {
	border: 0;
}

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

abbr {
	cursor: help;
	border-bottom: 1px #000 dotted;
}

.abbr {
	cursor: help;
	border-bottom: 1px #000 dotted;
}



#subheader {
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}

#subheader_pfeil {
	background-position: 16em 0;
}

#path {
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}

#path a {
	color: #000;
	font-weight: normal;
}

#search_input {
	float: left;
	padding: 6px 6px 0 6px;
	width: 10.5em;
}

html>body #search_input {
	padding: 6px 7px 6px 6px; /* für Netscape, der IE bricht bei 100% um */
	margin-right: 5px;
}

.abstand {
	border-top: 1px solid #000;
	width: 100%;
}

#search_input input {
	width:100%;
}

#search_submit {
	float: left;
	width: 5em;
	margin: 0;
	padding: 6px 7px 0 0;
}

#search_submit input {
	width: 60px;
	height: 23px;
	padding: 0;
}

/* Sprache */

#language {
	float: right;
	padding: 10px 10px 0 0;
}

.language_flags a {
	padding: 1px;
}

a {
	font-weight: bold;
	color: #000;
}

#search {

}

/*
-----------------------------------------------
STRUKTUR
----------------------------------------------- */

#header {
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}

#header img {
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}

#center_page {
	width: 100%;
	margin: auto;
	text-align: left; /* center IE 5 Inhalt wieder links */
}

#site { 
	background-color: #E5E5E5;
}

#left { 
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}
	
#right { 
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}

#right a { 
	color: #000;
}

#middle { 
	font-size: 1em;
	width: 600px;
}


#footer {
	height: 0; 
	width: 0; 
	overflow: hidden;
	position: absolute;
}


/*
-----------------------------------------------
INHALT
----------------------------------------------- */

#content {
	float: left;
}

html>body #content {
	width: 100%; /* für Netscape, der IE bricht bei 100% um */
}

#content .zeile_inhalt {
	margin: 0;
	background-color: #fff;
	width: 100%;
	padding: 0px 0 0px 0;
}

#content .inhalt_text {
	padding: 0 0px 0 0px;
	float: left;
}

#content .zeile_more {
	margin: 0;
	background-color: #fff;
	width: 100%;
	padding: 0;
}

#content .inhalt_more {
	padding: 0 10px 0 10px;
	float: left;
}

#content .inhalt_text_left {
	float: left;
	padding: 0px 0 0 0px;
	width: 65%;
}

#content .inhalt_text_right {
	float: right;
	padding: 0px 0px 0 0;
	width: 65%;
}

#content .pics_left {
	float: left;
	width: 31%;
}

#content .pics_right {
	float: right;
	width: 31%;
}

#content .pics_right img,
#content .pics_left img {
	padding-bottom: 10px;
}

#content .inhalt_text p,
#content .inhalt_text_left p,
#content .inhalt_text_right p {
	margin-top: 0;
	padding-top: 0;
}

/* Kopf */

#content .zeile_inhalt_kopf {
	margin: 0;
	background: #fff;
	width: 100%;
	padding: 0;
	display: block;
}

/* großes Bild */

#content .pics_middle {
	width: 100%;
}

#content .textkopf_middle  {
	padding: 0px;
	float: left;
}



/* kleines Kopfbild rechts */


#content .pics_right_small {
	float: right;
	width: 31%;
}

#content .textkopf_left_big  {
	padding: 0px 0 0 0px;
	float: left;
	width: 65%;
}

/* Großes Kopfbild rechts */

#content .pics_right_big {
	float: right;
	width: 50%;
	padding: 0;
}


#content .textkopf_left_small  {
	padding: 0px 0 0 0px;
	float: left;
	width: 46%;
}

/* kleines Kopfbild links */



#content .pics_left_small {
	float: left;
	width: 31%;
}

#content .textkopf_right_big  {
	padding: 0px 0px 0 0;
	float: right;
	width: 65%;
}

/* Großes Kopfbild links */

#content .pics_left_big {
	float: left;
	width: 50%;
	padding: 0;
}

#content .textkopf_right_small {
	padding: 10px 10px 0 0;
	float: right;
	width: 46%;
}

.pics_right_small img,
.pics_left_small img,
.pics_right_big img,
.pics_left_big img {
	
	float: left; /* Linie unter den Bildern weg Achtung NS 6 macht zicken  */

}



/* Linkformat Kopf */

#content .textkopf_right_small a,
#content .textkopf_right_big a,
#content .textkopf_left_small a,
#content .textkopf_left_big a,
#content .textkopf_middle a
 {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#fontsize {
	margin: 10px 10px 0 0;
	background-color: #eee;
	border: 1px solid #666;
}

#styleselect {
	margin: 10px 10px 10px 0;
	background-color: #eee;
	border: 1px solid #666;
}

#styleselect .padding {
padding: 0px;
}

#styleselect select {
	font-size: 1em;
}


/* Veranstaltungen */


#content .zeile_event {
	margin: 0;
	border: 1px solid #fff;
	width: 99%;
}

#content .text_event  {
	padding: 10px;
}

.zeile_event h2 {
	background-color: #fff;
	padding: 5px;
}

#content .text_event_right {
	float: left;
	width: 72%;
}

#content .pics_event_left {
	float: left;
	width: 24%;
}

#content .pics_event_left img {
padding: 0 0 0 10px;
}


/* Navi */

.letters {
	position: relative;
	display: block;
	width: 99%;
}

.letters ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.letters li {
	float: left;
	margin: 0 .7em .7em 0;
	text-align: center;
	color: #000;
}

.letters .aktiv a:link, 
.letters .aktiv a:visited {
	padding-top: 3px;
  font-size: 1em;
	display: block;	
	width: 1.8em;
	height: 1.5em;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #000;
}

.letters .aktiv a:hover, 
.letters .aktiv a:active {
	background-color: #ccc;
}


/*
-----------------------------------------------
ÜBERSCHRIFTEN
----------------------------------------------- */

#right #fontsize h1 {
	font: bold 1.5em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
}

#right #fontsize h1 a {
	text-decoration: none;
}


#right #fontsize h2,
#right #styleselect h2 {
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	background-color: #fff;
	padding: 0px;
}

#middle h1  {
	font: normal 1.5em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
}

#middle h2 {
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 0px 0;
}

#middle h2 a {
	text-decoration: none;
}

.padding_left {
	padding: 0;
}

.padding_right {
	padding: 0 0px 0px 0;
}

.specials a {
	color: #000;
}

.specials h2 {
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
}

.specials .padding_color {
	padding: .3em .3em 1em .3em;
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
	background-color: #fff;
}

.specials .padding {
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
}

.pass_pic {
	float: left;
	width: 30%;
	text-align: right;
	margin-top: 6em;
}


/*
-----------------------------------------------
Links
----------------------------------------------- */


.link_extern,
.link_intern,
.link_download,
.link_person,
.link_email,
.link_back
  {
	margin: 5px 0 5px 0;
}

.link_extern a {
	font-weight: bold;
	color: #000;
}

.link_intern a {
	font-weight: bold;
	color: #000;
  
}

.link_download a {
	font-weight: bold;
	color: #000;

}

.link_more a {
	font-weight: bold;
	color: #000;
}

.link_more_black a {
	font-weight: bold;
	color: #000;

}

.link_person a {
	font-weight: bold;
	color: #000;

}

.link_email a {
	font-weight: bold;
	color: #000;
}

.link_back a {
	font-weight: bold;
	color: #000;	
}

/*
-----------------------------------------------
Formulare
----------------------------------------------- */

#formular form { 
	padding: 0;
	margin: 0;
}

#formular fieldset {
	border: 1px #fff solid;
	margin-bottom: 10px;
	padding: 10px;
}

#formular legend {
	background-color: #fff;
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	padding: 5px;
}

#error fieldset {
	border: 1px #fffff0 solid;
	padding: 10px;
}

#error legend {
	background-color: #fffff0;
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	padding: 5px;
}

#formular input, 
#formular textarea, 
#formular select {
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
	background-color: #F5F5F5;
}

#formular input:focus, 
#formular textarea:focus, 
#formular select:focus {
	border: solid #000 2px;
	background-color: #fff;
}
 

#formular label {
	cursor: pointer; 
}

#formular .formrow {
	width: 100%;
	padding: 5px 0 5px 0;
	margin-bottom: 3px;
	background-color: #fff;
}

#formular .formrow_color {
	width: 100%;
	padding: 5px 0 5px 0;
	margin-bottom: 3px;
	background-color: #fff;
}

#formular .formrow_nocolor {
	width: 100%;
	padding: 5px 0 5px 0;
	margin-bottom: 3px;
}

#formular .left {
	float: left;
	text-indent: 5px;
	width: 20%;
}

#formular .leftcheckbox {
	float: left;
	width: 20%;
	text-align: right;
}

#formular .right {
	float: left;
	width: 80%;
}

#formular .error {
	border: solid #fffff0 2px;
	background-color: #F2F4EE;
 }
 
 #formular .texterror {
	color: #fffff0;
}

#formular .checkbox_row {
	width: 100%;
	padding: 0px;
}

#formular .checkbox_last {
	width: 100%;
	padding: 0px;
}

#formular .checkbox_small {
	float: left;
	width: 20%;
	text-align: right;
}

#formular .checkbox_label {
	float: left;
	width: 80%;
}


/*
#formular #vorname, 
#formular #nachname, 
#formular #nachricht, 
#formular #betreff,
#formular #email,
#formular #telefon,
#formular #mobil,
#formular #fax {
	width: 100%;
} 

#formular #plz,
#formular #hausnummer {
	width: 10%;
} 

#formular #strasse,
#formular #ort {
	width: 78%;
} */