@media all
{
html {height:100%}

body {
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
	font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser Fensters geändert wird. */
	position: relative;

/* Vorgabe der Standardfarben und Textausrichtung*/
	color: black;
	background: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;

	text-align: center;
}

img {
	border: 0;
}


* { margin:0; padding:0; font-size: 100%; }

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
hr.clear_columns{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	float: left;
	visibility: hidden;
	border: 0;
	padding: 0;
	margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

#Content a, #footer a {
	color:#36c;
  text-decoration: none;
  border-bottom: 1px dotted #36c;
  line-height: 17px;
}
#Content a:focus, #Content a:hover, #footer a:focus, #footer a:hover {
	color: #000;
	background-color: #F5F5F5;
  border-bottom: 1px dotted #5EADFF;
  border-top: 1px dotted #5EADFF;
}
a:active {
	color:#9e8f6e;
}

body { font-family: Verdana, Helvetica, Arial, sans-serif; }

h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; display:block; }

ul { list-style-type: none;}

/*
h1 {font-size: 1.0em; font-weight:bold; color: #336699; margin:0 0 0.3em 0; border-bottom: 1px #ccc solid;}
*/
h2 {font-size: 1.1em; font-weight:bold; border-bottom: 1px #eee solid;}
h3 {font-size: 1.1em; font-weight:bold; color: #19475d; margin: 1em 0 1em 0; border-bottom: 1px #eee solid;}

#termine h3 { color: #222; margin: 1em 0 5px 0; border-bottom: 1px #666 dotted;}
#termine p { margin-left: 5px; }

#bilderbg h3 { background: #fff; margin-top: 0; font-size: 0.9em; font-family: Arial, Sans-Serif;}

#Left p { font-size: 0.7em; }

strong,b { font-weight: bold; }
em,i { font-style:italic; }

#header h1 {display:none;}

h3.green, h3.blue{
	font: bold 0.7em Verdana, Arial, Sans-Serif;
	background: url(images/titelbg_green.jpg) no-repeat;
	height: 21px;
	padding: 5px 0 0 5px;
}
#ChangesContainer { margin-bottom: 20px; }
#ChangesContainer ul { list-style-type: none; font: bold 0.7em Arial, Sans-Serif; }
#ChangesContainer li { line-height: 1.2em;}
#ChangesContainer a {
	padding: 0 0 0 12px;
	height: 13px;
	color: #000;
	text-decoration: none;
	background: url(images/icon_page.gif) no-repeat top left;
}
#ChangesContainer a:link, #navlist a:visited { text-decoration: none; }
#ChangesContainer a:hover { text-decoration: underline; background: url(images/icon_page_hover.gif) no-repeat top left;}

h3.blue{ background: url(images/titelbg_blue.jpg) no-repeat; }
#Left p { margin-bottom: 25px; }

#Content ul p {
	margin: 0.5em 0 0 0;
	font: 0.9em Arial, Sans-Serif;
	text-align: justify;
  line-height: 1.3em;
}

/* Newscontainer  ------------------------------------------- */
ul.NewsContainer li{
	margin: 0px 0 20px 0px;
	padding: 0px 0 25px 3px;
	clear:both;
}

ul.NewsContainer li h2 {font-size: 1.0em; font-weight:bold; margin: 0 0 0.5em 0; padding: 0 0 0 5px; border-bottom: 1px #eee solid; border-left: 5px #E0EEDF solid;}
ul.NewsContainer li span{
	font: 0.6em Verdana, Sans-Serif;
	color: #555;
}


.NewsContainer li.gaestebuch h2{ border-left: 0px; text-align:center; font-size: 0.9em;font-weight:bold;padding: 10px 0 4px 4px; }

/* Newscontainer2  ------------------------------------------- */

.NewsContainer2{
	margin: 20px 0 10px 0px;
	background: url(images/main_boxbg.jpg) no-repeat top left;
	padding: 0 0 0 3px;
}

.NewsContainer2 h2, .NewsContainer2 h1 { font-size: 1.1em;font-weight:bold;padding: 8px 0 8px 4px; }

.NewsContainer2 span{
	font: 0.6em Arial, Sans-Serif;
	display: block;
	position: relative;
	float: right;
	top:2px;
	right: 5px;
	text-align: right;
	color: #666;
}


/* Vorstand  ------------------------------------------------ */
ul.BoxContainer li{
	margin: 0px 0 25px 0px;
	padding: 0px 0 0px 3px;
	clear:both;
  font-size: 0.8em;
}

ul.BoxContainer li h2 {font-size: 1.3em; font-weight:bold; padding: 0 0 0 5px; border-bottom: 1px #eee solid; border-left: 5px #E0EEDF solid;}
ul.BoxContainer li span{
	font: 0.8em Verdana, Arial, Sans-Serif;
	color: #333;
}


ul.BoxContainer p.left{ max-width: 170px; float: left; }
ul.BoxContainer p.right{ max-width: 190px; float: right;  }
* html ul.BoxContainer p.left{ width: 150px; }
* html ul.BoxContainer p.right{ width: 190px; }

ul.BoxContainer p.left span, ul.BoxContainer p.right span {
	color: #666;
	display: block;
	width:100%;
	border-top: 1px #eee solid;
	font: 0.8em Arial, Sans-Serif;
}
* html ul.BoxContainer p.left span, * html ul.BoxContainer p.right span { width:auto; }



p.tab,table.tab {
  margin: 0.5em 0 0 0;
	font: 0.9em Arial, Sans-Serif;
	text-align: justify;
  line-height: 1.3em;
  padding: 0 0 20px 15px;
}
p.error {
  padding: 0 0 0 15px;
	font: 0.8em Verdana;
	font-weight: bold;
	color: #FF4500;
}

img.bild {
  float:left;
  margin: 10px 8px 0 0;
}
a img.bild {
  border: 1px solid #000;
}
a:hover img.bild {
  border: 1px dotted #FFF;
}

#bilderbg {
  font: 0.8em Arial, sans-serif;
  text-align: center;
  background: #eff4f8;
  border: 1px solid #e8e8e8;
  padding: 0 0 10px 0;
}

/* #####################################################################
** ### INDEX  ##########################################################
** #####################################################################
*/

#index {
  position: relative;
  padding: 0 0 20px 15px;
}

#active2 {
  font-weight: bold;
  font-size: 0.8em;
  padding: 2px;
  border: 1px solid #666;
  background-color: #ddd;
  color: #2B7ACC;
}

#index a, #active3 {
  font-weight: bold;
  padding: 2px;
  border: 1px solid #EEEEEE;
  font-size: 0.8em;
  line-height: 25px;
}

#index a:hover {
  border-top: 1px dotted #5EADFF;
  border-bottom: 1px dotted #5EADFF;
  border-left: 1px solid #5EADFF;
  border-right: 1px solid #5EADFF;
}

#index a.lehrer { color: #CD3232; }
#index a.lehrer:hover { color: #FF3F00; }
#index a.na { color: #333; }

#IndexSeiten { display: block; margin-top: 7px; border-top: 1px solid #000; }
#IndexSeiten a { padding: 4px; }

#IndexSeiten input.searchbox_blur { margin-top: 2px; color: #ccc; right: 30px; }
*html #IndexSeiten input.searchbox_blur { right: 50px; }
#IndexSeiten input.searchbox_focus { margin-top: 2px; color: #000; right: 30px; }


#IndexSeiten input { font-size: 0.8em; position: absolute; right: 5px; }
*html #IndexSeiten input { right: 25px; }
#active3 {
  border: 0;
  color: #000;
}






#bilderindex {
  padding: 15px 0 0 15px;
  position: relative;
}
#bilderindex a, #active4 {
  font-weight: bold;
  padding: 2px;
  border: 1px solid #EEEEEE;
}
#bilderindex a:hover {
  border-top: 1px dotted #5EADFF;
  border-bottom: 1px dotted #5EADFF;
  border-left: 1px solid #5EADFF;
  border-right: 1px solid #5EADFF;
}


/* #####################################################################
** ### Formulare  ######################################################
** #####################################################################
*/
.formstyle {
  font: bold 0.8em Verdana;
  padding-bottom: 30px;
}
.formstyle fieldset {
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 0 5px 0 5px;
}

.formstyle legend {
  color: #06a;
  font: bold 0.9em Verdana;
  margin: 0 0 7px 0;
}

.formstyle hr {
  margin: 10px 0 10px 0;
}
.formstyle br { clear:left; }
div.xboxcontent .formstyle input, .formstyle textarea, div.xboxcontent .formstyle select {  float: left; font-weight: bold; color: #06a; }

div.xboxcontent .formstyle label {
  display: block;
  float: left;
  width: 110px;
  text-align: right;
  line-height: 20px;
  padding-right: 5px;
}
.formstyle label {
  line-height: 20px;
  padding-right: 5px;
}

input, textarea {
  color: #06a;
  font: bold 1.0em Verdana;
  border: 1px solid #AAA;
}
input:hover,input:focus, textarea:hover, textarea:focus {
  border: 1px solid #000;
}
input.submit {
  height: 18px;
  font-weight: bold;
  width:100%;
  margin-top:5px;
  float: none;
  clear:both;
  background-color: #EEE;
}

a.logout, a.logout2 { background: url(images/icon_logout.gif) no-repeat; }
a.profiledit, a.profiledit2, a.profiledit3, a.neuenEintrag { background: url(images/icon_profil.gif) no-repeat; }
a.mitgliededit { background: url(images/icon_mitglied.gif) no-repeat; }
a.news { background: url(images/icon_news.gif) no-repeat; }

a.profiledit, a.profiledit2, a.profiledit3, a.mitgliededit, a.news, a.logout, a.logout2, a.neuenEintrag {
  background-position: center left;
  padding:  2px 0 2px 18px;
  line-height: 22px;
	color:#36c;
  text-decoration: none;
  border-bottom: 1px dotted #36c;
  border-top: 1px dotted #fff;
}

a.profiledit2 {
  float:right;
  padding:  0 0 0 18px;
  font-size: 0.8em;
}
a.profiledit3 {
  margin-bottom: 30px;
  float:right;
  padding:  0 0 0 18px;
  font-size: 0.8em;
}

a.neuenEintrag {
  display:block;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
a.logout2 {
  float:right;
  padding:  0 0 0 18px;
  margin-left: 5px;
  font-size: 0.8em;
}
a.profiledit:hover, a.profiledit2:hover,a.mitgliededit:hover, a.news:hover, a.logout:hover, a.logout2:hover {
	color: #000;
	background-color: #F5F5F5;
  border-bottom: 1px dotted #5EADFF;
  border-top: 1px dotted #5EADFF;
}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:1em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0em;}
#xsnazzy {background: transparent; margin-top:0.2em; margin-bottom: 30px; }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#EEEEEE; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#EEEEEE; border:0 solid #08c; border-width:0 1px;}

/* ######################################################################################################
** ### Anweisungen für Gesamt- und Spaltenlaylout  ######################################################
** ######################################################################################################
*/

#page{
	text-align: left;
	margin: 0 auto;
	width: 846px;
}

#header{
	width: 846px;
	height: 194px;
	background: url(images/header.jpg);
}

#current{
	position: relative;
	display: block;
	width: 128px;
	font: bold 11px Verdana, Arial, Sans-Serif;
	text-align: center;
	top: 178px;
	left: 552px;
	color: #838383;
}

#termine {
	position: relative;
  width: 156px;
	font: 10px Verdana, Arial, Sans-Serif;
	top: 18px;
	left: 687px;
  color: #333;
}


#navcontainer { margin-bottom: 20px; }
#navcontainer ul { list-style-type: none; font: bold 14px Verdana, Arial, Sans-Serif; }
#navcontainer li { line-height: 18px; }
#navcontainer a {
	padding: 0 0 0 7px;
	color: #000;
	text-decoration: none;
	background: #ebf1f4;
	display: block;
	width: 149px;
	border: 1px solid #e4eaee;
}
#navcontainer a:hover { width: 147px; 	padding: 0 0 0 5px; background: #f6f4e0; 	border: 1px solid #000; border-left: 5px solid #37586d; }
#active a:link, #active a:visited, #active a:hover { width: 149px; 	padding: 0 0 0 7px; border: 1px solid #e4eaee; background: none;}


#Main {
	background: url(images/mainbg.gif);
}

#Left{
	float:left;
	width: 158px;
	background: url(images/main_schatten.jpg) no-repeat right top;
	padding: 10px 6px 0 6px;
}

/* 161+6+3+478+15+20+163=846 */

#Content{
	float: left;
	width: 478px;
	padding: 10px 20px 0 15px;
}

#Right {
  float: left;
  width: 153px;
	padding: 0 5px 0 5px;
}

#footer{
	background: url(images/footer.jpg);
	height: 24px;
	width: 846px;
	font: 0.7em Verdana, Arial, Sans-Serif;
	text-align: center;
	padding-top: 26px;
}



}