/* CSS Document */

body						{ background-color:#FFFFFF;	padding:0px; margin:0px; border:0px; background:url(../grafik/general/background_pattern.gif); }
html,p,ol,div,table,br 		{ font-family:Verdana,arial,helvetica,sans-serif; font-size:11px; color:#4C4C4C; font-style:normal; }

#mail>span:before 			{ content:"@"; }
#mail>span span 			{ display:none; }
*:first-child+html #mail>span span { display:inline; }  /* Workaround fuer IE 7 */

/* Klassen zur allgemeinen Definition von Überschriften */
h1							{ margin:0px; padding:0px; }
h2							{ font-size:16px; color:#0033FF; padding:0px 0px 21px 0px; margin:0px; font-weight:bold; }
h2.nomargin					{ font-size:16px; color:#0033FF; padding:0px; margin:0px; font-weight:bold; }
h2.termine					{ font-size:12px; color:#0033FF; padding:0px 0px 10px 0px; margin:0px; font-weight:bold; }
h2.start 					{ font-size:16px; color:#0033FF; padding:0px; margin:0px; font-weight:bold; }
h2.rot 						{ font-size:12px; color:#0033FF; margin:0px; padding-bottom:8px; padding-top:15px }
h2.grau 					{ font-size:12px; color:#4C4C4C; margin:0px; padding-bottom:8px; padding-top:15px }
h3 							{ font-size:11px; color:#0033FF; margin:0px; font-weight:bold; padding:5px 0px 0px 0px;  }
h3.termine 					{ font-size:11px; color:#0033FF; margin:0px; padding-bottom:8px; padding-top:16px }

/* Klassen zur allgemeinen Definition von Links */
a 							{ text-decoration:none; color:#4C4C4C; }
a:hover 					{ text-decoration:underline }	

a.gb 						{ text-decoration:none; color:#4C4C4C; }
a.gb:hover 					{ text-decoration:none; }	
	
a.link 						{ padding-left:1em;background:url(../grafik/general/link_int.gif) no-repeat 0px 70%;text-decoration:underline;}
a.link:hover 				{ padding-left:1em;background:url(../grafik/general/link_int_hover.gif) no-repeat 0px 70%;text-decoration:none;}

a.link_ex 					{ padding-left:1em;background:url(../grafik/general/link_ext.gif) no-repeat 0px 70%;text-decoration:underline;}
a.link_ex:hover 			{ padding-left:1em;background:url(../grafik/general/link_ext_hover.gif) no-repeat 0px 70%;text-decoration:none;}

a.link_mail 				{ padding-left:1em;background:url(../grafik/general/link_mail.gif) no-repeat 0px 70%;text-decoration:underline;}
a.link_mail:hover 			{ text-decoration:none;}

a.link_down 				{ padding-left:1em;background:url(../grafik/general/link_down.gif) no-repeat 0px 70%;text-decoration:underline;}
a.link_down:hover 			{ padding-left:1em;background:url(../grafik/general/link_down_hover.gif) no-repeat 0px 70%;text-decoration:none;}

a.link_top 					{ padding-left:1em;background:url(../grafik/general/link_top.gif) no-repeat 0px 70%; text-decoration:underline }
a.link_top:hover 			{ padding-left:1em;background:url(../grafik/general/link_top_hover.gif) no-repeat 0px 70%; text-decoration:none }

#link_prof a 				{ padding-left:13px;background:url(../grafik/general/link_prof.gif) no-repeat; text-decoration:none; line-height:16px; }
#link_prof a:hover 			{ padding-left:13px;background:url(../grafik/general/link_prof_hover.gif) no-repeat; text-decoration:underline; line-height:16px; }

.main_add
	{
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	text-align:justify;
	font-size:9px
	}
.main_jo_
	{
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	text-align:left
	}
.border-bottom { border-bottom:1px dotted #4c4c4c; padding-bottom:8px; padding-left:3px; }

.h1
{
font-size:16px;
color:#0033FF;
padding-bottom:10px;
text-align:center
}

	
.rot {color:#0033FF; padding-bottom:10px;}
.rot_edit
	{
	color:#0033FF;
	background:url('../grafik/termine/edit.gif') no-repeat right;
	padding-right:100px;
	}
	
.rot_fett
	{
	color:#0033FF;
	font-weight:bold;
	}

textarea { background-color:#E1E1E1; width:109px; border:1px solid #333333; padding:2px; margin:2px 0px 5px 0px; }
input { background-color:#E1E1E1; width:109px; overflow:hidden;  border:1px solid #333333; padding:2px; margin:2px 0px 5px 0px; }
.input2
	{ 
    background-color:#FFFFFF;
	width:176px;
	overflow:hidden;
    border:1px solid #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
    }
.input1
	{ 
    background-color:#FFFFFF;
	width:25px;
	border:0px solid #FFFFFF;
    }
	.send_button
	{ 
	background-color:#DBDBDB;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #333333;
	background:url('../grafik/gaestebuch/send.gif') no-repeat left;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	width:90px;
	}
.send_button_route			{ background-color:#DBDBDB;	font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; border:1px solid #333333; background:url('../grafik/gaestebuch/send.gif') no-repeat left; padding-left:20px; padding-top:0px; padding-bottom:0px; width:125px; }
.float-right { float:right; margin:4px 0px 5px 2px; }
.float-right-index { float:right; margin-left:5px; margin-bottom:2px }
.float-right-losungen
{float:right;
padding-top:5px;
}
.float-right-index1
{float:right;
padding-left:15px;
padding-bottom:2px;
}
.float-left
{float:left;
padding-right:7px;
padding-top:5px;
padding-bottom:2px}
.float-left-index
{float:left;
padding-right:4px;
padding-bottom:2px}


.bottom_line_mid
	{
	width:700px;
	background-image:url(../grafik/general/kante_unten.gif);
	height:3px
	}
	
.bottom_rand
	{
	background-image:url(../grafik/general/bottom_rand.gif);
	height:3px;
	text-align:center
	}
	
.allkursiv 
       {  
       font-size: 10px; 
       font-style: italic; 
       text-decoration: none; 
       text-align: center
       }

.padd{padding-left:15px}

	.formerror 
       {  
       font-family: Verdana, Arial, Helvetica, san-serif; 
       font-size: 11px; 
      font-style: normal; 
      color: #CC0000; 
      text-decoration: none;
      }
/* ~~~~~~~~~~ Mouseover - Navigation - Allgemein ~~~~~~~~~~  */

#navigation 				{ width:402px; background:url(../grafik/general/randw.gif) repeat-y; float:left; padding-left:304px; }
#navigation ul 				{ margin:0; padding:0; list-style:none; } 
#navigation li 				{ margin:0; padding:0; float:left}
#navigation a 				{ display:block; }

#current 					{ background-color:#0033FF }

/* Klassen zur allgemeinen Definition */
.nav_start					{ border-left:1px solid #CCC; border-right:1px solid #CCC; height:20px; width:49px }
.nav_termine				{ border-right:1px solid #CCC; width:57px }
.nav_aktionen				{ border-right:1px solid #CCC; width:79px }
.nav_aufbau					{ border-right:1px solid #CCC; width:55px }
.nav_infos					{ border-right:1px solid #CCC; width:45px }
.nav_aktionen				{ border-right:1px solid #CCC; width:65px }
.nav_bilder					{ border-right:1px solid #CCC; width:50px }
.nav_gaestebuch				{ border-right:1px solid #CCC; width:75px }
.nav_kontakt				{ width:61px }

/* Klassen zur allgemeinen LINK Definition */
a.nav_start					{ display:block; background-image:url(../grafik/navi/start.gif); height:20px; }
a.nav_termine				{ display:block; background-image:url(../grafik/navi/termine.gif); height:20px; }
a.nav_geschichte			{ display:block; background-image:url(../grafik/navi/geschichte.gif); height:20px; }
a.nav_aufbau				{ display:block; background-image:url(../grafik/navi/aufbau.gif); height:20px; }
a.nav_infos					{ display:block; background-image:url(../grafik/navi/infos.gif); height:20px; }
a.nav_aktionen				{ display:block; background-image:url(../grafik/navi/aktionen.gif);	height:20px;	}
a.nav_bilder				{ display:block; background-image:url(../grafik/navi/bilder.gif); height:20px; }
a.nav_gaestebuch			{ display:block; background-image:url(../grafik/navi/gaestebuch.gif); height:20px; }
a.nav_kontakt				{ display:block; background-image:url(../grafik/navi/kontakt.gif); height:20px;	}

/* Klassen zur allgemeinen LINK-HOVER Definition */
a.nav_start:hover			{ background-color:#0033FF }
a.nav_termine:hover			{ background-color:#0033FF }
a.nav_geschichte:hover		{ background-color:#0033FF }
a.nav_aufbau:hover			{ background-color:#0033FF }
a.nav_infos:hover			{ background-color:#0033FF }
a.nav_aktionen:hover		{ background-color:#0033FF }
a.nav_bilder:hover			{ background-color:#0033FF }
a.nav_gaestebuch:hover		{ background-color:#0033FF }
a.nav_kontakt:hover			{ background-color:#0033FF }

a.nav 						{ border:0px; margin:0px 0px 10px 0px;  display:block; padding:1px; text-decoration:none; text-transform:uppercase; font-size:11px; border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A; }
a.nav:hover 				{ background-color:#9A9A9A; color: #FFFFFF; text-decoration:none; }
	  
#header 					{ width:706px; height:180px; background-color:#0033FF; background:url(../grafik/general/randt.gif) repeat-y; padding:10px 3px; clear:both; }
#header-start 				{ width:706px; height:200px; background-color:#FFFFFF; background:url(../grafik/general/randw.gif) repeat-y; padding-left:3px; clear:both; }	
#navi2-box 					{ width:117px; margin-top:7px; text-align:center; float:left }
#navi2-start-box 			{ width:270px; margin-top:7px; text-align:left; float:left }
	
#aussere-box-main 			{ width:706px; padding-top:36px; position:relative; left:50%; margin-left:-353px; }
#top 			{ width:706px; padding-top:36px; position:relative; left:50%; margin-left:-353px; }
#aussere-box-top 			{ width:706px; height:30px; background:url(../grafik/general/edge-top.gif) no-repeat; padding:14px 0px 0px 3px; margin:0px; }
#aussere-box-middle 		{ width:664px; background:url(../grafik/general/rand.gif) repeat-y; padding:20px 18px 0px 24px; }
#aussere-box-start-middle   { width:682px; background:url(../grafik/general/rand.gif) repeat-y; padding:20px 0px 0px 24px; }

#innere-box-main 			{ width:520px; margin-left:141px; }	
#innere-box-top 			{ width:520px; height:24px; margin:0px; padding:0px; }
#innere-box-middle 			{ width:478px; background-color:#FFFFFF; padding:20px 20px 0px 20px; border-right:1px solid #9A9A9A; border-left:1px solid #9A9A9A; vertical-align:top; text-align:left}
#innere-box-bottom 			{ width:520px; height:24px; background:url(../grafik/general/kante_news_520px.gif) no-repeat; }
#innere-box-bottom-bilder	{ width:520px; height:24px; background:url(../grafik/bilder/kante_coppermine.gif) no-repeat; }

#innere-box-start-main 		{ width:370px; margin-left:291px; }	
#innere-box-start-top 		{ width:370px; height:24px; margin:0px; padding:0px; background:url(../grafik/general/370px_news.gif) no-repeat; }
#innere-box-start-middle 	{ width:338px; background-color:#FFFFFF; padding:15px 15px 0px 15px; border-right:1px solid #9A9A9A; border-left:1px solid #9A9A9A; text-align:left}
#innere-box-start-bottom 	{ width:370px; height:24px; background:url(../grafik/general/370px_unten.gif) no-repeat; text-align:right; padding:4px 15px 0px 0px; }

#totop 						{ width:664px; background:url(../grafik/general/rand.gif) repeat-y; background-position:bottom; height:20px; text-align:right; padding:5px 23px 0px 19px; }
#clear 						{ clear:both; }
#footer 					{ width:100%; height:33px; background:url(../grafik/general/bottom_rand.gif) repeat-x; background-position:top; background-color:#0033FF; text-align:center; clear:both; }

.post_gb { width:478px; border-bottom:1px dotted #333; margin-top:21px; padding-bottom:2px; text-align:left }
.hauptspalte { width:476px; padding-top:4px; text-align:left}
#date { border-bottom:1px solid #A9A9A9; padding:0px 2px 1px 0px; text-align:right; }