body, div, img, table, th, td, tr, h1, h2, h3, h4, h5, p, a {
	padding: 0;
	margin: 0;
	border: none;
	font-weight:normal;
}

body
{
    background: url(images/body_bg.jpg) #d6d8d6 repeat-x left top;
    font-family: 'Lucida Sans Unicode' , 'Trebuchet MS' , Arial, Sans-Serif;
    color: #333;
    font-size: 85%;
}

/************/
/*Typography*/
/************/

/* Page title on every page. */
h1	{
	padding: 50px 0 30px 0;
	color:#FFF;
	font-family:Verdana, Arial, Sans-Serif;
    font-size: 1.6em;
    font-weight:bold;    
}

/* Article titles in the full view of the articles. */
h2 {
    padding: 20px 0 0 0;
    color: #FFF; /* cherrywood */
    font-family:Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight:bold;
}

/* Class ArticleTitle on the Start page, and GalleryTitle belong here. */
h3 {
    padding:0;
    color: #FFF;
    font-family:Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight:bold;
}

/* This is not used in the template currently. */
h4 {
    padding:0 0 20px 0;
    font-size: 0.85em;
    font-weight:bold;
}

/* Class ArticleSubTitle belongs here. */
h5 {
	padding-bottom:0.4em;
	color:  #961800;
	font-size: 1em;
	line-height:1.6em;
	font-weight:bold;
	font-variant:small-caps;	
}

p {
	padding-bottom:1em;
	color:#333;
	font-size:0.85em;
	line-height:1.8em;
}

b {font-weight:bold;}	

pre {font-family:'Courier New', monospace;}

ul {
	color:#333;
	font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Sans-Serif;
	font-size:0.9em;
	line-height:1.8em;
}

i {
	color:#666;
	font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Sans-Serif;
	line-height:1.8em;
	font-style:italic;
}

blockquote {
	margin:10px 20px;
	padding:5px 10px;
	border:1px dotted #961800;
	color:#961800;
	background-color:#F8DFB1;
}

em {
	color:#F00;
	font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Sans-Serif;
	line-height:1.8em;
	font-weight:bold;
	font-style:italic;
}

.validation {
	width:400px;
	font-weight: bold;
	padding:0;
	font-size:0.95em;
}

.validation ul {
	color:#F00;
	font-weight:normal;
}

#MainContent a {
	padding:0;
    color: #F68A06;
    text-decoration: underline;  
}

#MainContent a:hover {
   color: #961800;
   background-color:#F8DFB1;
   text-decoration: none;
}

/**********/
/* Layout */
/**********/

/* This is necessary only for IE5.5 to place the Main div in the middle of the browser window.*/
#Wrapper {text-align:center;}

#Main {
    position: relative;
    width: 753px;
	margin: 40px auto;
	background:#F8DFB1 url(images/main_bg.gif) repeat-y left top;
	/* This undoes the previous text-align rule. */
	text-align:left;
}

#HorizontalNavigation {
	width:750px;
	background-color:#F8DFB1;
}

#NavWrap {
	height:25px;
	margin:0;
	padding:0;
	background-color:#F8DFB1; 
}

#NavWrap ul{
	float:right;
	margin:0;
	padding:0 2px 0 0;
	background:#961800 url(images/hnav_tab_last_bg.png) no-repeat right top;
	list-style:none;
}

#NavWrap li {
	float:left;
	height:25px;
	margin:0;
	padding:0;
}

#HorizontalNavigation a {
	height:25px;
	margin:0;
	padding:3px 5px 6px 8px;
	background:url(images/hnav_tab_bg.png) no-repeat;
	color: #FFF;
	font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Sans-Serif;
	text-decoration:none;
}

#HorizontalNavigation a:visited {}

#HorizontalNavigation a:hover {
	background:url(images/hnav_tab_bg_hover.png) no-repeat left top;
	color:#961800;
}

#HorizontalNavigation li#First a {
	background:url(images/hnav_tab_first_bg.png) no-repeat left top;
}

#HorizontalNavigation li#First a:hover {
	background:url(images/hnav_tab_first_bg_hover.png) no-repeat left top;
	color:#961800;
}

#Header {
    height: 158px;
    width: 750px;
    background: url(images/masthead.jpg) no-repeat left top;
}

#SiteName {
	display:none;
	float:right;
	padding:100px 45px 0 0;
	color:#FFF;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size:2em;
	font-weight:bold;
}

#MainContent {
	width:750px;
    background:url(images/maincontent_bg.gif) repeat-y left top;
}

/*Vertical Navigation is not implemented here, no sublinks in this theme.
These rules define the place and size of the vetical nav buttons, but no other styling.*/
#VerticalNavigation {
    position: absolute;
    top:200px;
    left:0px;
    width: 140px;  
 }
 
#Vereinslogo {
	position: absolute;
	left:17px;
}

#CenterAndSideContent {
	padding:0 100px 25px 195px;
	background:url(images/centercontent_bg.png) no-repeat 169px 0;
}

#InnerFooter {
	height:40px;
	background:url(images/innerfooter_bg.gif) no-repeat 169px 0;
} 

#Footer {
    width:743px;
	height:25px;
    margin:0;
    padding:5px 0 0 10px;
    background:#961800 url(images/footer_bg.png) no-repeat left top;
    color: #FFF;
    font-size: 0.8em;
    letter-spacing: 0.15em;
}

#Footer a {
	padding:0 0.5em;
	color:#FFF
}

#Footer a:hover {
	padding:0 0.5em;
	background-color:#F8DFB1;
	color:#961800;
} 

/******************************************/
/* Tables/Forms                           */
/******************************************/


.TableHead {
	padding: 3px 10px;
	border:1px solid #F68A06;
	background-color:#961800;
	color: #FFF;
    font-size:0.8em;
    font-weight: bold;
}

.TableHead a {
    color: #fff !important;
    text-decoration: none;
    font-weight:bold;
}

.TableHead a:hover {
	color: #961800 !important;
	background-color:#FFF !important;
}

/* This rule sets the bg color of the icons in the TableHead to the same as the TableHead in Mozilla browers and IE7. */
.TableHead img:hover {background-color:#961800;}

.TableHeadLabelRow {}

.TableHeadLabel{
    padding: 2px 10px;
    background-color:#EEE;
    color: #961800; 
    font-weight:normal;
    font-size: 0.8em;
    letter-spacing:0.2em;
}

.TableItemHeadline, .TableItem {
	padding:10px;}

.TableItemHeadline span, .TableItem span {
	width:130px; /*sets the width for the thread title, and for the containing element of the icons*/
	margin-top:0;
	padding-left:0;
}

/*The first selector is for the Forum, the second one is for the Gallery. */ 
.TableItemHeadline span img, .TableItem span img {
	float:right; 
	margin-left:5px;
}

.TableItemHeadline a {
    color: #3949B1;
    font-weight:normal;
    font-size: 0.8em;
 }
 
.TableItemHeadline a:hover {
	color:#149228;
	background-color:#FFF;
}

.TableItem {
    padding: 5px;
    background-color: #EEE;
    line-height:1.4em;
    font-size:0.8em;
}

.TableItem span a:hover {background-color:#EEE !important;}

/* Thread titles have block bg for the hover effect in the Forum overview. */
.TableItem a {display:block}
 
/* Date/Time of the thread or forum entry. */
/* Setting it smaller than this size would result illegible text in Opera and Safari. */
.TableItem span.small, .TableItem span.smallNoWrap {font-family:'Arial Narrow', Arial, Serif;}

/* Thread entries, Forum. */ 
.TableItemAlt {
	padding:10px;
	background-color:#FFF;
	font-size:0.9em;
	line-height:1.4em;
}

	/****************************************************/
	/* General and specific formatting of form elements */
	/****************************************************/

label {
	margin-top:10px;
	font-size:0.85em;
}

#editNews label, #editAppointment label, #ContactForm label {
	color:#961800;
	padding:10px 0;
	font-size:1em;
	font-variant:small-caps;
	font-weight:bold;
}

.TableItem label {
	padding:5px;
	border:none;
	font-size:1em;
}

/* Like, Forum, Events, Gallery and Logon/My Account pages. */
input.TextBox {
	width:400px;
	padding:3px 5px;
	margin-bottom:10px;
	border: 1px solid #D4D0C8;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size:0.9em;
}

input.TextBox Date {width:100px;} 

/* Only Forum, Gallery Logon/My Account pages. */
.TableItem input.TextBox {
	width:300px;
	margin-left:5px;
	font-size:1em;
}

textarea {
    width: 400px;
    height: 150px;
	margin-bottom:10px;
    padding: 5px;
    border: 1px solid #D4D0C8;
}

.TableItem textarea {margin-left:5px;}

.TableItemAlt textarea {width:300px;}

.TableItem select {
	margin:5px; 
	width:160px;
}

/* Checkboxes in Forum editing view. */
.TableItem input.checkBox {
	width:auto;
	padding:0;
	margin:4px 0 0 0;
	border:none;
}

/* Checkboxes on the Logon page. */
span.checkBox input {
	width:auto;
	padding:0 3px 0 0;
	margin:5px 0 0 10px;
	border:none;
}

.Button{
	float:right;
	width:auto;
	height: 1.8em;
	margin:10px 55px 0 0;
	border:1px solid #961800;
    background-color:#F8DFB1;
    color:#961800; 
    font-weight: bold;
    font-size: 0.9em;
}

/* This hover effect works only in Mozilla browsers. */
.Button:hover {background-color:#FFF;}

#editNews input.Button, #editAppointment input.Button, #ContactForm input.Button {
	float:none;
	width:110px;
	margin-left:300px;
}

.TableItem input.Button {
	margin:0 35px 20px 0;
	font-size:1em; 
}

/*******************/
/*  News/Articles  */
/*******************/

.ArticleDate {
	padding-top:1.7em;
	color:#961800;
	font-size: 0.8em;
	letter-spacing:0.2em;
}

.ArticleTitle a {font-weight:bold;}

.ArticleAuthor {
	padding-bottom:0.5em;
	color: #3949B1;
	font-weight:bold;
}

.ArticleSubtitle {} 

.ArticleTeaser {padding-bottom:1em;}

/* The following 4 rules are fixing the position of the date input fields on the Edit News page. */
#editNews div.dateInput {
	width:260px;
	padding:0; 
	margin:0;
}
 
#editNews .dateInput label {
	padding:0 0 5px 0; 
	margin:3px 0 0 0;
}

#editNews .dateInput bis label {margin-right:9px;}

#editNews .dateInput input {
	width:100px; 
	margin:5px 0 0 0;
}

/**************/
/*    Forum   */
/**************/


/**************/
/*  Calendar  */
/**************/

/*See also skin file.*/

#Calendar table{width:480px;}

#Calendar table a {color:#961800;}

#Calendar table a:hover {
	color:#961800; 
	text-decoration:none; 
	background:none;
}

/*************/
/*  Gallery  */
/*************/

.GalleryImage{border:none;} 

#GalleryTable .TableItem {
	padding:10px;
}

/* This is an h3 element. */
.GalleryTitle {
	padding-top: 30px;
	font-size:1.5em;
}

#galleryTable .TableItem p {font-size:1em;}

#galleryTable .TableItem p a {display:inline;}

#galleryTable input.FormInput {width:400px;}

.TableItem input.TextBox#File {width:auto;}

#galleryTable tr td a:hover {background:none;}

#galleryTable input.Button {font-size:1.1em;}


.Landscape {
	padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_181x133.gif') no-repeat left top; 
}

.Portrait {
	padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_133x181.gif') no-repeat left top; 
}

.Landscape_Widescreen {
	padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_200x133.gif') no-repeat left top; 
    
}

.Portrait_Widescreen {
	padding: 30px 30px 35px 30px;    
	background:#EEE url('../../Gallery/images/photoBg_133x200.gif') no-repeat left top; 
}

/*********************/
/*   Contact form    */
/*********************/

#ContactForm {}

#ContactForm .Textbox {width:300px;}

#ContactForm textarea {width:400px;}

/*************************/
/* Login/My AccountPages */   
/*************************/

/* Fieldsets are applied only on the Logon/My account pages. */
fieldset {
	padding:10px 5px; 
	margin:0;
	font-size:1.2em;
}

.TableItem fieldset {
	border:1px solid #CCC;
	/*The next three declarations are styling any text in a fieldset, that 
	do not have any other tags (like p, label, etc.)*/ 
	padding:5px;
	color:#F00;
	line-height:1.6em;
}

fieldset span {
/* This width setting is only necessary for IE5.5 and IE5 for handling a display bug. */
	width: auto !important;	
	margin:0; 
	padding:0;
}

fieldset legend {
	margin:0;
	color: #961800;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps
}

fieldset legend span {padding-left:0 !important;}

fieldset p {
	margin:0 0 0 5px;
	padding:10px 10px 10px 0;
	font-size:1em;
	line-height:1.5em;
}

fieldset p span {padding-left:0 !important;}

fieldset label {
	padding:10px 0 0 10px; 
	color:#333;
}

fieldset#Profil p, fieldset#Profil label, fieldset#Profil .Button {font-size:0.95em;}

fieldset input {
	width:200px;
	margin-bottom:0;
}

#LogonPage .Button {
	margin-top:15px;
	margin-bottom:15px;
	font-size:1em;
}

/* This is the styling of the last button on the My Account page. */
span#navBtn input.Button {
	position:relative;
	bottom:60px;
	right:-10px;
	font-size:0.9em;
}

/**********************/
/* Benutzerverwaltung */
/**********************/

div#memberList {
	padding:0;
	font-size:0.9em;}

/*********************/
/*   Print styles    */
/*********************/

@media print {
	body, div, img, table, th, td, tr, h1, h2, h3, h4, h5, p, a {
		background:none !important;
		border:none;
		color:#000;
		font-size:10pt;

	}
	
	h1, h2, h3, h5, a {color:#961800;}
	
	h1, h2 {font-size:14pt;}
		
	#Main, #HorizontalNavigation, #Header, #MainContent, #Footer {
		border:none !important;
	}
	
	#HorizontalNavigation, #Header {
		display:none !important
	}
	
	#Vereinslogo {
		position:absolute;
		top:-6cm !important;
	}
		
	#Footer a {
		padding:0;
		font-size:8pt; 
		letter-spacing:normal;
	}
}