/* SCHNIPPEL 
main
	mitte
		content
	seite_b
		content-right
	footer

ENDE SCHNIPPEL */

body {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFBE00;
	font-size:12px;
}

a:link {color:#000000;text-decoration:none;border-bottom:1px solid #20317F;}
a:visited {color:#000000;text-decoration:none;border-bottom:1px solid #20317F;}
a:hover {color:#000000;text-decoration:none;border-bottom:1px solid #31B2EB;}
a:active {color:#000000;text-decoration:none;border-bottom:1px solid #31B2EB;}
a:focus {color:#000000;text-decoration:none;border-bottom:1px solid #31B2EB;}


.csc-textpic-imagewrap a:link {color:#000000;text-decoration:none;border-bottom:0px solid #20317F;}
.csc-textpic-imagewrap a:visited {color:#000000;text-decoration:none;border-bottom:0px solid #20317F;}
.csc-textpic-imagewrap a:hover {color:#000000;text-decoration:none;border-bottom:0px solid #31B2EB;}
.csc-textpic-imagewrap a:active {color:#000000;text-decoration:none;border-bottom:0px solid #31B2EB;}
.csc-textpic-imagewrap a:focus {color:#000000;text-decoration:none;border-bottom:0px solid #31B2EB;}

#bildlink {
	border-bottom:0px solid #20317F;
}



h1, h2, h3, h4, h5, h6 {
	margin:0px 0px 0px 0px;
}


h1 {color:#20317F;font-size:18px;font-weight:bold;padding:11px 0px 11px 0px;}
h2 {color:#20317F;font-size:16px;font-weight:bold;padding:8px 0px 8px 0px;}
h3 {color:#20317F;font-size:14px;font-weight:bold;padding:6px 0px 6px 0px;}
/*H4 verwendet fuer Ueberschriften, die m.o.w. aussehen sollen wie normaler Text*/
h4 {font-size:12px;font-weight:normal;padding:4px 0px 4px 0px;}
h5 {font-size:10px;font-weight:bold;padding:3px 0px 3px 0px;}
h6 {font-size:9px;font-weight:bold;padding:3px 0px 3px 0px;}



p, td, ul, ol, li, blockquote, input, textarea, select {
	font-size:12px;
}

ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;	
}

ol {
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 20px;	
}


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

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

p {
	margin:0px 0px 8px 0px;
	/*text-align:justify;*/
}

form {
	margin:0px;
}

pre {
	font-family:monospace;
	margin:0px 0px 8px 0px;	
}


input, textarea, select {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



/*Klassen die von css-styled content benutzt werden, hier:
allgemeine Angaben
*/

/*Alle Klassen mit "csc-frame" sind fuer Inhaltselemente und
werden bei Auswahl aus der Klappliste "Rahmen" gesetzt*/
.csc-frame {
}

.csc-frame-invisible{
	padding:0px 0px 0px 0px;
	clear:both;
}

.csc-frame-rulerBefore {
	border-top:1px solid #cccccc;
	padding:4px 0px 0px 0px;
}

.csc-frame-rulerAfter {
	border-bottom:1px solid #cccccc;
	padding:0px 0px 4px 0px;
}

.csc-frame-indent {
		padding:0px 0px 0px 20px;
}

.csc-frame-double-indent {
		padding:0px 0px 0px 40px;
}


/*Text klein*/
.csc-frame-indent3366 {
	font-size:85%;
}
/*Text klein eingerückt*/
.csc-frame-indent6633 {
	padding:0px 0px 0px 20px;
	font-size:85%;
}

/* allseitiger Rahmen: */
.csc-frame-frame1 {
	border:1px solid #cccccc;
	padding:4px 4px 4px 4px;
}

/* Rahmen oben und unten: */
.csc-frame-frame2 {
	/*
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:4px 0px 4px 0px;
	*/
	text-align:justify;
}


.csc-frame-2column-left {
	float:left;
	padding:0px 10px 0px 0px;
	width:48%;
}


.csc-frame-2column-right {
	float:right;
	padding:0px 0px 0px 0px;
	width:48%;
}

.csc-frame-2column-finish {
	clear:both;
}




/*Archivmenue: Listelemente ausschalten:*/
li.news-amenu-item-year {
	visibility:hidden;
}


.csc-linkToTop {
	text-align:right;
	font-size:9px;
	font-weight:bold;
}

.csc-linkToTop a{
	padding:2px 2px 2px 2px;
}



/*
.csc-linkToTop a:link {color:#364f91;text-decoration:underline;}
.csc-linkToTop a:visited {color:#364f91;text-decoration:underline;}
.csc-linkToTop a:hover {color:#d8432d;text-decoration:underline;}
.csc-linkToTop a:active {color:#77d092;text-decoration:none;background-color:#ffffff}
.csc-linkToTop a:focus {color:#77d092;text-decoration:none;background-color:#ffffff}
*/
.csc-caption {
	font-size:90%;
	font-style:italic;
}

.csc-sitemap-level1 {
	padding:0px 0px 0px 10px;
}

.csc-sitemap-level2 {
	font-size:90%;
	padding:0px 0px 0px 20px;
}

.csc-sitemap-level3 {
	font-size:90%;
	padding:0px 0px 0px 30px;
}

.csc-sitemap-level4 {
	font-size:90%;
	padding:0px 0px 0px 40px;
}

.csc-menu-def p {
	padding:0px 0px 4px 10px;
	text-indent:-10px;
}

.csc-menu-1 {
	padding:0px 0px 0px 10px;
}


.indent {
padding-left:20px;

}

.csc-menu-2 {
	padding:0px 0px 0px 20px;
}

.csc-menu-3 {
	padding:0px 0px 0px 30px;
}

.csc-menu-4 {
	padding:0px 0px 0px 40px;
}


.csc-uploads-fileName {
	padding:0px 0px 4px 20px;
}


.csc-uploads-fileSize {
	font-size:80%;
}

.csc-uploads-description {
	font-size:80%;
}




/* ################### Seitenlemente: ######################### */


.spacer-gif {
	clear:both;
}

#spacer-gif {
	clear:both;
}


/* Hauptrahmen: */
#main {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:962px;
	text-align:left;
	background-image:url(../pics/hg_main-2010.gif);
	background-repeat:repeat-y;
}

#seitenkopf {
	clear:both;
	background-color:#FFBE00;
}

.seitenkopf-links {
	float:left;
	padding:11px 0px 11px 0px;
	width:48%;
	background-color:#FFBE00;
}

.seitenkopf-rechts {
	float:right;
	padding:11px 0px 11px 0px;
	width:48%;
	text-align:right;
	background-color:#FFBE00;
}

/* Mittlere Spalte*/
#mitte {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 24px 0px 0px;
	width:744px;
}

#banner {
	padding:0px 0px 20px 0px;
	background-color:#FFBE00;
}

#content {
	margin:0px 0px 0px 0px;
	padding:4px 10px 20px 10px;
	background-color:#FFFFFF;
}

#content .csc-caption {
	margin:0px 0px 0px 0px;
	padding:4px 0px 10px 0px;
}


#content .csc-frame-invisible{
}

#content .csc-frame-rulerBefore {
}

#content .csc-frame-rulerAfter {
}


#content .csc-frame-frame1 {
}

#content .csc-frame-frame2 {
}


#content p {
	/*text-align:justify;*/
}


/* Seitenspalte rechts mit Zubehoer:*/
#seite_b{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	width:192px;
	background-color:#FFFFFF;
}

#content-right {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content-right p {
	font-size:10px;
	padding:2px 2px 0px 4px;
}


#content-right h1 {
	display:block;
	font-size:12px;
	padding:4px 0px 4px 0px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#30317F;
	border-bottom:0px solid #FFFFFF;
}
#content-right h2 {
	font-size:11px;
	padding:4px 0px 4px 0px;
}
#content-right h3 {
	font-size:9px;
	padding:2px 0px 2px 0px;
}

/*
#content-right a {color:#FFFFFF;border-bottom:0px solid #20317F;}
#content-right p a {color:#000000;border-bottom:1px solid #20317F;}
*/

/*
Die nachfolgenden Formatierungen des a-Tags sind nur fuer den Bereich "Hoppe stellt sich vor"
Dieser Abschnitt liegt nicht in  content-right!
*/
#content-right a:link {color:#FFFFFF;text-decoration:none;border-bottom:0px solid #20317F;}
#content-right a:visited {color:#FFFFFF;text-decoration:none;border-bottom:0px solid #20317F;}
#content-right a:hover {color:#FFFFFF;text-decoration:none;border-bottom:0px solid #31B2EB;}
#content-right a:active {color:#FFFFFF;text-decoration:none;border-bottom:0px solid #31B2EB;}
#content-right a:focus {color:#FFFFFF;text-decoration:none;border-bottom:0px solid #31B2EB;}


#content-right p a:link {color:#000000;text-decoration:none;border-bottom:1px solid #20317F;}
#content-right p a:visited {color:#000000;text-decoration:none;border-bottom:1px solid #20317F;}
#content-right p a:hover {color:#000000;text-decoration:none;border-bottom:1px solid #31B2EB;}
#content-right p a:active {color:#000000;text-decoration:none;border-bottom:1px solid #31B2EB;}
#content-right p a:focus {color:#000000;text-decoration:none;border-bottom:1px solid #31B2EB;}


/*Alle Klassen mit "csc-frame" sind fuer Inhaltselemente und
werden bei Auswahl aus der Klappliste "Rahmen" gesetzt*/
#content-right .csc-frame {
}

#content-right .csc-frame-invisible{
}

#content-right .csc-frame-rulerBefore {
}

#content-right .csc-frame-rulerAfter {
}

#content-right .csc-frame-indent {
}

#content-right .csc-frame-indent3366 {
}

#content-right .csc-frame-indent6633 {
}

#content-right .csc-frame-frame1 {
}

#content-right .csc-frame-frame2 {
}

#content-right .bodytext {
	font-size:10px;
}

#content-right .imgtext-table {
}


#content-right .csc-caption {
}

#content-right .csc-bulletlist {
}

#content-right .csc-menu {
}




/*
#praesentation h1.csc-firstHeader {
	font-size:12px;
	padding:4px 0px 4px 0px;
	text-align:center;
	color:#FFFFFF;
	background-color:#30317F;

}
*/

#footer {
	padding:10px 0px 10px 10px;
	font-size:9px;
	background-color:#FFBE00;
}

/*Das Hauptmenue
ist textlich
*/
#menue1{
	font-weight:bold;
	padding:10px 0px 0px 0px;
	background-color:#FFFFFF;
	font-size:11px;
}

#menue1_item1_no {
	display:block;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background-color:#30317F;
	padding:4px 0px 4px 0px;
	border-bottom:0px solid #FFFFFF;
	margin: 10px 0px 0px 0px;
}


.menue1_item1_cur {
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background-color:#31B2EB;
	padding:4px 0px 4px 0px;
	border-bottom:0px solid #FFFFFF;
	margin: 10px 0px 0px 0px;
}


#menue1_item2_no {
	display:block;
	font-size:11px;
	color:#30317F;
	text-decoration:none;
	padding:4px 0px 4px 4px;
	border-bottom:0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
}


.menue1_item2_cur {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#31B2EB;
	padding:4px 0px 4px 4px;
	border-bottom:0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
}


#menue1_item3_no {
	display:block;
	font-size:11px;
	color:#30317F;
	text-decoration:none;
	padding:4px 0px 4px 10px;
	border-bottom:0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
}


.menue1_item3_cur {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#31B2EB;
	padding:4px 0px 4px 10px;
	border-bottom:0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
}


#menue1_item4_no {
	display:block;
	font-size:10px;
	color:#30317F;
	text-decoration:none;
	padding:4px 0px 4px 18px;
	border-bottom:0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
}


.menue1_item4_cur {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#31B2EB;
	padding:4px 0px 4px 18px;
	border-bottom:0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
}




/*Extramenue:*/
#navbar{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 4px 0px;

}


#navbar_item_no a:link {color:#20317F;text-decoration:none;border-bottom:0px solid #20317F;margin: 0px 4px 0px 4px;}
#navbar_item_no a:visited {color:#20317F;text-decoration:none;border-bottom:0px solid #20317F;margin: 0px 4px 0px 4px;}
#navbar_item_no a:hover {color:#20317F;text-decoration:none;border-bottom:1px solid #31B2EB;margin: 0px 4px 0px 4px;}
#navbar_item_no a:active {color:#20317F;text-decoration:none;border-bottom:1px solid #31B2EB;margin: 0px 4px 0px 4px;}
#navbar_item_no a:focus {color:#20317F;text-decoration:none;border-bottom:1px solid #31B2EB;margin: 0px 4px 0px 4px;}

/*Das folgende funktioniert nur, wenn das aktuelle Menueelement nicht verlinkt wird. 
Sonst wie oben fuer "Normalzustand des Menueelements: */
#navbar_item_act {
	color:#FFFFFF;
	margin: 0px 4px 0px 4px;
	background-color:#31B2EB;
}

/*
#praesentation{
	font-size:10px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 4px 0px;
}
*/

 
.tx-guestbook-list-table {
}

.tx-guestbook-list-header {
	background-color:#f6d700;
}

.tx-guestbook-list-rowleft {
	background-color:#CCCCCC;
}

.align-center {
	text-align:center;

}

.align-right {
	text-align:right;
}




/*
Die folgenden Angaben werden im Inhaltselement "mailform" verwendet:
Im Original wird eine Layout-Tabelle verwendet, deshalb das "...cell"
in den Benennungen, hier aber nur div-, span- und p-Tags verwendet
*/

/*Verwendung mit: div, gesamtes Formular*/
.csc-mailform {
	font-size:100%;
}

.csc-mailform input{
}

/*Verwendung mit: p, fuer Beschriftung der Eingabefelder*/
.csc-form-label {
	margin:10px 0px 0px 0px;
	width:300px;
}

/*Verwendung mit: p, fuer Beschriftung der Pflicht-Eingabefelder*/
.csc-form-label-req {
	margin:10px 0px 0px 0px;
}

/*Verwendung mit: p, fuer Kommentare*/
.csc-form-comment {
	margin:10px 0px 0px 0px;
}

/*Verwendung mit: span, fuer Beschriftung der Optionen von Radiobuttons*/
.csc-form-radio {
	vertical-align:top;
	margin-left:10px;
}

