/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	html { margin:0; padding: 0; }

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
html, body
{
  border:0;
  margin:0;
  padding:0;
  height:100%;
} 

body
{
  color:rgb(128,128,128);
  background:rgb(255,255,255);
  font-size:100.01%;
  font-family: sans-serif;
  line-height:120%;
}

form
{
  margin:0;
  padding:0;
}

img
{
  border:0 none;
}

/**
 * ----------------------------------------------------------------------------
 * Layout
 * ----------------------------------------------------------------------------
 */
#aspnetform
{
  position:relative;
  min-height:100%;
  height:100%;
}

#bwraper
{
  position:relative;
  min-height:100%;
  height:auto !important;
  width:798px;
  margin:0 auto;
  padding:0;
  background:rgb(255,255,255);
}

#header
{
  position:relative;
  height:196px;
  background:url(../images/head.jpg) no-repeat;
}

#nav_main
{
  position:absolute;
  bottom:0;
}

#cwraper
{
  position:relative;
}

#col_left_news
{
  width:178px;
  float:left;
  padding:10px 10px 10px 5px;
}

#col_left
{
  list-style:none;
  color:#444;
  width:178px;
  float:left;
  padding:10px 10px 10px 5px;
}

#col_center
{
  margin:0px 180px;
  padding: 10px 10px 0 13px;
  width:auto;
}

#col_right
{
  width:178px;
  float:right;
  padding:10px 5px 10px 10px;
}

#col_language
{
	position:relative;
	width:800px;  
	margin:0 auto;
	padding:0;
	background:rgb(255,255,255);
}

#footer
{
  position:relative;
  margin:10px auto 0 auto;
  width:798px;
  height:15px;  
  clear:both;
  padding:10px 0 0;
  background:url(../images/b_ob.jpg) repeat-x rgb(255,255,255);
}

/**
 * ----------------------------------------------------------------------------
 * Navigation
 * ----------------------------------------------------------------------------
 */
#nav_main ul
{
  list-style:none;
  margin:0;
  padding:0;
}

#nav_main li
{
  display:inline;
  float:left;
  margin:0;
  padding:0;
}

#nav_main a, #nav_main a:visited
{
  display:block;
  padding:0;
  margin:0;
  width:114px;
  height:23px;
  color:rgb(128,128,128);
  background:url("../images/GclubButton2.gif") no-repeat;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  line-height:20px;
}

#nav_main a:active, #nav_main a:hover,
#nav_main a.selectedNode, #nav_main a:visited.selectedNode, #nav_main a:active.selectedNode, #nav_main a:hover.selectedNode
{
  color:rgb(255,165,0);
  background:url("../images/GclubButtonAktiv2.gif") no-repeat;
}

#nav_sub ul
{
	width:168px;
	list-style:none;
	margin:0;
	padding:0;
	background-color:#D6D3D6 ! important;
}
#nav_sub li
{
	margin:0;
	padding:0;
	display:inline;
} 
#nav_sub a
{
	display:block;
	padding:8px 8px 8px 20px;	
	text-decoration:none;
	color:#848284 ! important;
	background:inherit;	
	font-size:14px;
}
#nav_sub ul ul
{
	background-color:rgb(255,255,255);
	background-color:rgb(255,255,255) ! important;
	padding:0 0 0 5px;
}
#nav_sub ul ul a
{
	font-size:11px;
}
#nav_sub ul a.selectedNode
{
	color:rgb(255,165,0);
}
#nav_sub ul ul a.selectedNode
{
	background:url(../images/pfeil2.gif) no-repeat 10px;
	color:rgb(0,0,255);
}

#footer ul
{
  list-style:none;
  margin:0 30px;
  padding:0;
}

#footer li
{
  display:inline;
  float:left;
  margin:0;
  padding:0;
}

#footer a, #footer a:visited, #footer a:active, #footer a:hover
{
  display:inline-block;
  padding:0 30px 0 0;
  margin:0;
  height:15px;
  text-decoration:none;
  font-size:12px;
  line-height:12px;
  color:rgb(128,128,128);
  background:transparent;
}

/**
 * ----------------------------------------------------------------------------
 * Center Div - Main Content
 * ----------------------------------------------------------------------------
 */

#col_center a
{
  text-align:justify;
  text-decoration:none;
  color:gray;
  padding-left:8px;
  background:url(../images/pfeil1.gif) no-repeat left;
}

#col_center h1
{
	font-size:115%;
	font-weight:bold;
	margin:0 0 10px 0;
	width:400px;
}
#col_center h2
{
	font-size:110%;
	font-weight:normal;
	margin:15px 0 10px 0;
	width:400px;
}

#col_center h3
{
	font-size:100%;
	font-weight:normal;
	margin:15px 0 10px 0;
	width:400px;
}

#col_center .onediv
{
	margin:0 0 5px 0 0;
	color: Black;
	font-size: 88%;
	line-height:120%;
	width:400px;
}

/**
 * ----------------------------------------------------------------------------
 * Left Div (Home_Template) - News
 * ----------------------------------------------------------------------------
 */

#col_left_news ul
{
	list-style:none;
	margin: 10px 0 0 0;
	display: inherit;
	padding: 0;
	width:165px;
}

#col_left_news li
{
	padding: 0;
	margin: 0;
}

#col_left_news .title
{
	display:inline-block;
	font-weight:bold;
	color:#444;
	line-height: 110%;
	font-size: 90%;
	margin:0 0 2px 0;
	padding: 0 0 2px 0;
}

#col_left_news .description
{
	display:inline-block;
	color:Black;
	font-size: 88%;
	line-height: 110%;
	margin:0 0 2px 0;
	padding: 0 0 2px 0;
}

#col_left_news a
{
  background:url(../images/pfeil1.gif) no-repeat left;
  color: Gray;
  padding: 8px;
  line-height: 110%;
  font-size: 88%;
  text-decoration:none;
}

/**
 * ----------------------------------------------------------------------------
 * Layout for Calendar
 * ----------------------------------------------------------------------------
 */

.calendar 
{
	border:none;
	width:176px;
	text-decoration:none;
	font-size:75%; 
	background-color:#D6D3D6 ! important;
}

.calendar a 
{
	text-decoration:none;
	background:none ! important; 
	color:#848284 ! important;
	margin:0; 
	padding:0px ! important;
}

.calendar .title 
{
	color:#848284 ! important;
	font-weight:bold;
}
.calendar .dayHeader
{
	color:#848284 ! important;
}

.calendar .selDay 
{
	border:none;
	background-color:#D6D3D6 ! important;
}

.calendar .actDay 
{
	border-style:solid;
	border-width:1px;
	border-color:rgb(120,121,123);
}

.calendar .dateDay
{
	font-weight:900;
	background-color:#C6C3C6 ! important;
}

.calendar .otherMonthDate a
{ 
	color:#9E9C9E ! important;
}

