.bgorange { background-color: #ef5f24;}
.bggrau   { background: url(images/right_bg2.gif) left top; color: #cc0000;}
.bggruen  { background-color: #3f928d;}
.bggelb   { background-color: #ffb400;}
.bgrot    { background-color: #CC0000;}
.bglila   { background-color: #d4bcee;}
.bgweiss   { background-color: #eeeeee;}

.orange { color: #ef5f24;}
.grau   { color: #a0a0a0;}
.gruen  { color: #006600;}
.rot    { color: #CC0000;}


#shadowcontainer {
	width: 878px; /*756 ohne linkcontainer */
	margin: 0px auto;
	background: url(images/right_bg1.gif) repeat-y right top;
}

/* maincontainer bildet den gesamten Bereich der Seite */
#maincontainer {
	width: 870px;
	margin: 0px 0px;		/*ändern auf 0px auto falls ohne shadowcontainer */
	background: #ffffff;
	border: solid;
	border-color:#999999;
	border-width:1px;
}

/* Logo */
#topsection{

}
	.LogoHeader{
		background: url(images/SZHeader.jpg) no-repeat 0 0;
		width:	870px;
		height: 200px;
	}
	.LogoHeaderEhem{
		background: url(images/SZHeader_ehem.jpg) no-repeat 0 0;
		width:	870px;
		height: 200px;
	}
	.LogoHeaderKidz{
		background: url(images/SZHeader_Kidz.jpg) no-repeat 0 0;
		width:	870px;
		height: 200px;
	}

	#topsection .TabNavigation{
		background: url(images/NavigationPlaceholder.gif) no-repeat 0 0;
		height: 34px;
	}

/* hier liegt die Navigation (Links) und die Hauptseite drin */
#contentwrapper{
	float: left;
	width: 100%;
	}

#contentcolumn{
	margin-left: 170px; /*0 Right 0 Left */
	margin-top: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-attachment: fixed;
	background: url(images/DottetLineVert.gif) repeat-y left top;
	min-height: 580px;
	/*height:100%;*/
}

* html #contentcolumn {
	margin-left: 170px; /*Set left margin to LeftColumnWidth*/
	margin-top:0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background: url(images/DottetLineVert.gif) repeat-y left top;
	height: 580px;
	/*width: 690px; */
}
	#contentcolumn a, #contencolumn a:visited {
		text-decoration:underline;
		color: #ef5f24;
	}
	#contentcolumn a:hover {
		text-decoration:underline;
		color: #cc0000;
	}

/* Linke Navigationsleiste */
#leftcolumn{
	float: left;
	width: 170px;
	margin-left: -870px; /*Set left margin to -(MainContainerWidth)*/
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom:0px;
	overflow: hidden;
}

/* rote Leiste im Fußbereich */
#footer{
	clear: left;
	width: 100%;
	height: 28px;
	background: #cc0000;
	color: #eeeeee;
	text-align: center;
	padding-top: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(images/szFooter.jpg) no-repeat 0 0;
}

/* für die Termine */
#Termine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 162px;
	overflow: hidden;
	white-space: nowrap;
	text-align:left;
	margin:0px;
	}	
	#Termine p.tHead {
		font-weight: bold;
		margin:0;
		padding:0;
	}
	#Termine p.tText {
		font-weight: normal;
		margin:0;
		padding: 0 15px 0 5px;
		/*width: 162px;*/
		overflow: hidden;
		white-space: nowrap;

	}
	#Termine p.tUhrzeit {
	font-weight: normal;
	margin:0;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	}
	#Termine a, #Termine a:visited{
		font-weight: normal;
		text-decoration: none; 
		color: #cc0000;
	}
	#Termine a:hover{
		font-weight: normal;
		text-decoration: underline; 
		color: #cc0000;
	}

	/* Fix for MS Office unindeted lists */
	.unIndentedList {
		margin: 0;
		padding: 0;
		list-style-position: inside;
	}
	#Termine .unIndentedList li {
/*	padding: 0;*/
	}

	/* Fix for MS Office UL lists */
	#Termine ul {
		margin-top: 0;
		margin-bottom: 0;
	}

#divUpControl, #divDownControl {
	padding:0px;
	width:170px;
	height:10px;
	z-index:1;
}
#divContainer {
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	WIDTH:170px;
	height:100px;
	CLIP: rect(0px 170px 100px 0px)
}
#divContent {
	position: relative;
	LEFT: 0px;
	TOP: 0px
}



/* Nun folgen die verschiedenen Klassendefinitionen */
.Normal {
	line-height: 16px;
	}
.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
.Small10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
}
.FixedWidth {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
sub, sup {
	line-height: 0px;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

.Comment, #PageText p.Comment {
	color: #006600;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	/* margin-left: 20px; */
	padding-left: 17px;
	background: url(images/edit_text.png) no-repeat;
}

/* die nächsten 3 finden Verwendung in incNewsAll.php und incNews.php */
.Rahmen {
	background-attachment: fixed;
	background: url(images/RahmenInfo.gif) no-repeat left bottom;
	text-align: justify;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.Rahmen1 {
	border: solid 1px #d0d0d0;
	padding: 2px;
}
.RahmenRot {
	border: dotted 1px #cc0000;
	padding: 2px;
}
.RahmenBold {
	background-attachment: fixed;
	background: url(images/window_03.jpg) no-repeat left bottom;
	text-align: justify;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.SubClass {
	text-align: left;
	padding-left: 4px;
	border-left: #cccccc solid 1px;
}
.txtFieldOrange {
	color: #ef5f24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
}
.txtFieldGrau {
	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.TextJustified {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Hiermit wird der Inhalt formatiert */
#PageText {
	font-family: Verdana, Arial, Helvetia, sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
	#PageText p { margin:0px; padding:0px; }

/* Allgemeine TAG Definitionen */
body {
	background-color: #aaaaaa;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-attachment: fixed;
	background-image: url(images/right_bg2.gif); 
}

h1 {
	font-family: Georgia; /*Verdana, Arial, Helvetica, sans-serif; */
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	letter-spacing:2px;
	font-variant: normal;
	margin:0;
	margin-top:6px;
	margin-bottom:6px;
	}


h2 {
	font-family: Georgia; /*Verdana, Arial, Helvetica, sans-serif; */
	font-size: 14px;
	font-weight: bold;
	letter-spacing:1px;
	margin:0;
	margin-top:2px;
	margin-bottom:2px;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight: bold;
	letter-spacing:0px;
	}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#666666;
	}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* andere Navigation */
#Nav {
	font:11px  Verdana, Arial, Helvetica, sans-serif;
	color: #dc4e1b;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 0 2px 0px;
	background-attachment: fixed;
	background: url(images/window_03.jpg) no-repeat left bottom;
	}

	#Nav ul {
		color: #333333;
		margin: 0;
		margin-left:8px;
		padding: 0;
		list-style-position: outside;
		list-style-type: none;
		}
	#Nav li {
		letter-spacing:0px;
		padding: 0;
		/* margin: -4px 2px; */
		margin-left: 4px;
		width: 90%;
		}
	#Nav a, #Nav a:visited {
		display: block;
		color: #dc4e1b;
		/*border-bottom: 1px solid #c0c0c0;*/
		padding: 2px 4px 4px 4px;
		font-weight:normal;
		text-decoration: none;
		}

	#Nav a:hover {
		/* border-bottom: 1px solid #c0c0c0;*/
		color: #cc0000;
		font-weight:bold;
/*		background-color: #cc4e00; */
		text-decoration: none;
		}

	#Nav ul .header {
		width:100%;
		color: #000000;
		font-weight:bold;
		text-decoration: none;
		background-attachment: fixed;
		background: url(images/left_bg2.gif) top left;

	}

	
	#Nav .nolink {
		color: #a3a3a3;
		padding: 2px 4px 4px 4px;
		text-decoration: none;
	}
/*  einfache Menüleiste durch List erzeugen */
#Menue ul{
	font:11px  Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 2px;
	margin: 0 0;
	padding-left: 0px;
	}
#Menue li {
	color: #dc4e1b;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	list-style-type: disc;
	list-style-position: inside;
	}
#Menue a {
	font:11px  Verdana, Arial, Helvetica, sans-serif;
	color: #dc4e1b;
	letter-spacing:0px;
	text-decoration: none;
	/*line-height:14px; */
	}
#Menue a:hover {
	color: #333333;
	text-decoration: underline;
	}


/* CSS fr Meiner Bergturnfest */
.HeadlineBlue {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #3366CC;
}

/* Überschrift - Farbe kann durch Klasse gesetzt werden */
#TextKapital td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 2px;
}

/* Rechte Leiste */
#RightBar {
	/*width:170px;*/
	margin-top: 4px;
	margin-bottom: 12px;
	}
	#RightBar .Header {
		padding:2px;
		margin:1px;
		background: url(images/right_bg2.gif) left top;
		color: #cc0000;
		font-weight:bold;
		text-align:left;
	}
	#RightBar .Text {
		padding:2px;
		margin:2px;
		font-size:10px;
		text-align:left;
		overflow: hidden;
		white-space: nowrap;
	}		
	#RightBar p.NewsText {
		padding:2px;
		margin:2px;
		font-size:10px;
		text-align:left;
		margin-bottom:0px;
		padding-bottom:0px;
	}		
	#RightBar .mehr {
		font-size: 10px !important;
		letter-spacing: normal;
		margin: 0;
		padding:0;
    	white-space: nowrap;
		vertical-align: bottom;
		text-align: right;
		clear: right;
		border-bottom: 1px dotted #cccccc;
	}
	#RightBar .mehr img {
   		vertical-align: middle;
   		border:0px;
	}
	#RightBar .Kontakt {
		height:55px;
		padding:2px;
		margin:2px;
		font-size:10px;
		text-align:left;
		overflow: hidden;
		white-space: nowrap;
	}		

#liquid-round {
	width:80%;		/* Breite default */
	margin:0px auto;	/* als Standard zentriert */
	background:#fff url(images/borders/leftside.gif) repeat-y left top;
	}
	.top {
		width:100%;
		height:20px;
		background:url(images/borders/top.gif) no-repeat left top;
	}
	.top span {
		display:block;
		position:relative;
		height:20px;
		background:url(images/borders/top-right.gif) no-repeat right top;
	}
	.center-content {
		position:relative;
		background:url(images/borders/rightside.gif) repeat-y right top;
		padding:0px 20px 0px 20px;	/* oben rechts unten links */
		margin:-5px 0 -45px 0;		/* Rand bestimmt die Höhe */
	}
	.bottom {
		width:100%;
		height:60px;
		background:url(images/borders/bottom.gif) no-repeat left bottom;
	}
	.bottom span {
		display:block;
		position:relative;
		height:60px;
		background:url(images/borders/bottom-right.gif) no-repeat right top;
	}
	#liquid-round p {margin:0 0 1em 0}
	
/* 
  Stylesheet für Terminkalender einbinden über incHeader.css?terminkalender
	Turngau-Werra.de
	(c) 2008 Martin Heldmann
*/

#Terminkalender {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	}

	#Terminkalender .Jahr {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		letter-spacing:2px;
		font-variant: small-caps;
		color: #cc0000;
		height: 24px;
	}

	#Terminkalender .Monat {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight: bold;
		letter-spacing:1px;
		color: #ef5f24;
		height: 24px;
	}
	
	#Terminkalender a, #Terminkaleder a:visited {
		color: #cc0000;
		text-decoration: none;
	}
	#Terminkalender a:hover {
		color: #ef5f24;
	}
	
#KontaktTabelle a, #KontaktTabelle a:visited {
	color: #000000;
	font-size: 12px;
	text-decoration:none;
	/* margin-left: 20px; */
	padding-left: 20px;
	background: url(images/icon_email.gif) no-repeat;
}
/* Tabelle für Downloads - Hauptbereich */
#DownloadTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	#DownloadTable .Header {
		background-color:#cc0000;
		color: #FFFFFF;
		font-weight:bold;
	}
	#DownloadTable .Kategorie {
		font-weight:bold;
		font-style:italic;
		color: #cc0000;
		padding-top: 20px;
		border-bottom:1px solid #cccccc;
	}
	#DownloadTable a, #DownloadTable a:visited{
		font-weight: normal;
		text-decoration: none; 
		color: #000000;
	}
	#DownloadTable a:hover{
		font-weight: normal;
		text-decoration: underline; 
		color: #cc0000;
	}
	
#GBook {
/*	border: 1px solid #c0c0c0; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 2px;
	padding-bottom:20px;
	width: 600px;
}

#GBook p {
	padding: 0;
	margin: 0;
}
#GBook a {
	color: #a0a0a0;
	text-decoration:none;
}
#GBook a:hover {
	text-decoration:underline;
}
#GBook p.Header {
	padding-left: 1px;
	padding-top: 2px;
	font-weight:bold;
	border-bottom:1px solid #cc0000;
	color: #000000;
	font-size: 10pt;
}
#GBook p.Text {
	clear:both;
	color: #0; /*#208be1;*/
	padding: 4px;
	font-size:10pt;
	line-height: 14pt;
	margin-top:5px;
}
#GBook p.Kommentar {
	clear:both;
	padding: 4px;
	font-size:12px;
	/*line-height: 12pt;*/
	margin-top:4px;
	color:#ef5f24;
}
#GBook p.Mail {
	float: left;
	color: #0; /*#208be1;*/
	padding: 0px;
}
#GBook p.Url {
	float:right;
	color #0;
	padding: 0px;
}

.Ticker {
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color: #cc0000;
	height:20px;
}
	/* Msg Hinweis */
	#PageText p.note , .note { background:#e1f4da; color:#040; border:2px #c3e4b6 solid; padding:10px; margin-bottom:1em; }
  	#PageText p.important , .important { background:#fcf5ce; color:#440; border:2px #f2ce3b solid; padding:10px; margin-bottom:1em; }
  	#PageText p.warning , .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
	#PageText p.importantblue , .importantblue { background:#f3f7fd; color:#87a6e7; border:2px #bbd8fb solid; padding:10px; margin-bottom:1em; }

.divHidden {
	height: 0px;
	visibility:hidden;
	display:none;
}
.divClearFix {
	float:none;
	clear:both;
}