/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");
@import url("captcha-formular.css");

/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		Envision
   TEMPLATE CODE: 	S-0013
   VERSION:          1.1
	LAST MODIFIED     Nov-14-2007 	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }


/* alignment classes */
.flLeft  { float: left; margin-right: 5px; }
.flLeft img { border-color: #003300; } 
.flRight  { float: right; margin-left: 5px; }
.flRight img { border-color: #003300; } 

.float-left  { float: left; margin: 5px 10px 10px 0px; }
.float-right { float: right; margin: 5px 0px 10px 10px;}
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++ Allgemein +++++++++++++++++++++++++ */

body {
	/* Text */
	color: #000000; 
	margin: 0px;	
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px; /* 0.95em */
	background-color: #003300;
}

/* ---------- Überschriften ---------- */
h1 { font-size: 1.5em; margin: 5px 0px 10px 0px; font-weight: bold; } 
h2 { font-size: 1.3em; margin: 5px 0px 10px 0px; font-weight: bold; } 
h3 { font-size: 1.125em; margin: 5px 0px; font-weight: bold; } 
h4 { font-size: 0.95em; margin: 5px 0px; font-weight: bold; }  
h5 { font-size: 0.75em; margin: 5px 0px; font-weight: bold; }  

p { margin: 0px 0px 5px 0px; }  

td { vertical-align: top; padding: 2px 5px; }

img { border: none; }
hr { margin: 15px 0px 15px 0px; }



/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */


.headline { font-family: "Times New Roman", Times, serif; font-size: 24px; margin: 15px 0px 0px 0px; font-weight: bold; color: #FFF; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Startseite ++++++++++++++++++++++++ */
#startseite {
	text-align: center;
	margin: 10px auto;
	width: 1000px;  
	color: #FFFFFF;
}

#startseite td {
	text-align: center;
	color: #CCCCCC;
}

#startseite a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#startseite a:hover {
	color: #CCCCCC;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Seitenlayout ++++++++++++++++++++++++ */

/* ++++++++++ Layer - Anfang ++++++++++ */
#container{
	text-align: center;
	margin: 10px auto;
	width: 1000px;  
/*	border: 1px solid #000000; */
/* 	background-color: #FFFFCC; 	*/
	/* Legt die ges.Breite auf ca 1000 Pixel fest. 
	Diese Angabe ist notwendig, da eine entspr. width-Angabe in #main im Internet Explorer zu einer merkwürdigen Anzeigen führt.*/
}
#head {
	display: block;
	background-color: #003300;
  	clear: both;	
	text-align: center;
	height: 90px;   /* Wert in Pixeln aufgrund der Bildhöhe von 110px.*/
	margin-bottom: 25px;
}

#nav_primary {
	display: block;
	margin-bottom: 10px;
}


#left {
	width: 170px;
	float: left;
	display: inline;	
	margin-left: 5px;
}

#menu {
	padding: 0.3em;
	padding-bottom: 3.0em;
	border: 0.05em solid #000000;	
	background-color: #EEEEEE;
	min-height: 300px;
}


#right {
	width: 170px;
	float: right;
	display: inline;	
	margin-right: 5px;;
}

#main {
	margin-left: 180px;
	margin-right: 180px;
	text-align: left;
/*	width: 28em;   führt im Internet Explorer zu einem Fehler, deshalb die Breitenangabe im #container */	
}
#mainGaestebuch {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
/*	width: 28em;   führt im Internet Explorer zu einem Fehler, deshalb die Breitenangabe im #container */	
}
#inhalt_bg { display: block; }
#inhalt {
	vertical-align: top;
	border: 1px solid #000000;	
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 30px;
	min-height: 450px;
}
#inhalt ul {
	list-style-type: disc;
}
#inhalt ol {
	list-style-type: decimal;
}

#inhalt li {
	margin: 0px 0px 0px 1.0em; 
}
#inhalt a { color: #003300; text-decoration: none; border-bottom: 1px dashed #003300; }
#inhalt a:hover { color: #006633; border-bottom: 1px solid #006633; }
#inhalt a img { border: 1px dashed #003300; border-bottom: 0px; }
#inhalt a img:hover { border: 1px solid #006633; border-bottom: 0px;  }
.extraBox a { color: #003300; text-decoration: none; border-bottom: 1px dashed #003300; }
.extraBox a:hover { color: #006633; border-bottom: 1px solid #006633; }

#foot {
	font-size: 0.75em; /* 12px */
	clear: both;
	text-align: center; 
	margin: 5px 0px 10px 0px;
	color: #FFFFFF;
}
#foot a {
	text-decoration: underline;
	color: #CCCCCC;
}
#foot a:hover {
	text-decoration: none;
}

#werbung {
	clear: both;
	vertical-align: middle;
	text-align: center; 
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
/* ---------- Layer - Ende ---------- */



.extraBox {
	border: 1px solid #000000;	
	background-color: #EEEEEE;	
	font-size: 0.75em;  /* 12px */
	margin-bottom: 16px; 
}

.extraboxHead {
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF; 
	padding: 0.3em; /* 5px */
	font-weight: bold;
}
.extraboxInhalt {
	vertical-align: top;
	text-align: left;
	padding: 6px 12px 0px 12px;	
}


/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++ breadcrumb +++++++++++++++++++++++++++ */

/* ---------- <a></a> - Element ---------- */
#breadcrumb {
	font-size: 0.6em; /* 10px */
	text-decoration: none;
	color: #5F5F5F;
}
#breadcrumb a {
	text-decoration: underline;
	color: #5F5F5F;
	border-bottom: 0px solid #000000;
}

/* OnMouseover() - Schriftfarbe ändern */
#breadcrumb a:hover {
	color: #000000; 
	border-bottom: 0px solid #000000;
}

/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++ nav_primary ++++++++++++++++++++++++++ */

/* ---------- <td></td> - Element ---------- */
#nav_primary td {
/*	width: 100px; 
	padding: 2px;
	background-color: #FFFFCC;
	border: 1px solid #000000;
}
#nav_primary a {
	font-size: 0.8em;
	color: #000000;
	text-align: center;
	text-decoration: none;
}
#nav_primary a:hover {
	color: #999999;*/
}

/* +++++++++++++++++++++ nav_primary ++++++++++++++++++++++++++ */
/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++ nav_recursive ++++++++++++++++++++++++ */

#nav_recursive {
	list-style: none;
	text-align: left;
	text-decoration: none;		
	display: block;
	font-size: 0.8em; /* 13px */
	font-weight: normal;
	color: #000000;	
	margin-top: 0.1em; /* 2px */
}
#nav_recursive ul li {
	list-style: none;
	color: #FFFFFF;	
	background-color: #003300;
	padding:  0.2em; /* 3px */
	margin-top: 0.3em; /* 5px etwas mehr Platz als bei den anderen Level*/
}

#nav_recursive ul li a {
	background-color: #003300;
	text-decoration: none;	
	color: #FFFFFF;			
	margin-left: 5px;
}
#nav_recursive ul li a:hover {	
/*	background-color: #006600; 	*/
	color: #999999; 
}
#nav_recursive ul ul { margin: 0 0 0 5px; padding: 0; }
#nav_recursive ul ul li { background: none; }

#nav_recursive li.level3 {
	list-style: circle;
	margin-left: 15px;
}
 
/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */



/* Artikel vor und zurueck blaettern */
.link_back { float: left; display: block; width: 280px; }
.link_next { float: right; display: block; width: 280px; text-align: right; }

/* Teaser */
.newstext { margin-bottom: 15px; }


/* Download anbieten */
.download-box {
  background-color: #FFEBCD;
  border: 1px solid #000;
  width: 500px;
  margin: 0px 0px 15px 0px;
  padding: 5px;

}

.download-hdl {
	font-weight: bold;
}

.download-file { }

.download-desc {
  background-color: #F8FEF1;
  margin: 0px;
  padding: 5px;	
}

.download-without-desc { }


/* Veranstaltungskalender */
h3.eventlist_month_year
{
  border-bottom: 1px dashed #000;
  padding: 30px 0px 0px 0px;
  margin-bottom: 20px;
  display: block;
}
table.eventlist
{
}

table.eventlist th {
  padding: 5px 5px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
table.eventlist th.desc {
  border-right: 0px solid #aaa;
}

table.eventlist td {
  border-right: 1px solid #ccc;
}
table.eventlist td.elshortdesc {
  border-right: 0px solid #ccc;
}


/* Veranstaltungsformular */
.eltitel {  font-weight: bold; border-bottom: 1px dashed #000;  }
.eldesc { }
.event .facts h1 { padding: 10px 0px; }
.event .desc {  border: 1px solid #333333; margin: 20px 5px; padding: 10px; background-color:#dfdfdf; }