@import url(navigation/nav_vlist.css);


@media all
{
/* ######################################################################################################
** ### 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. 
	*/
	
	* { 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% }


/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}


}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}


table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

a, a em.file {color: #77263C; text-decoration:none;}
a:hover {background-color: #fee; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}
a.register{background-color: #fee;}



/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.2em; margin-bottom: 0.2em; }
/*.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }*/
.hinweis { background-color: #FFEEEE; border: 1px #B4021C solid; padding: 0.5em; margin-bottom: 0.5em; }


body {	}

body { 
	color: #444;  
	background: #9999aa; 
	padding: 10px;
	font-size: 81.25%; 
	font-family: Verdana,'Trebuchet MS',Helvetica, Arial, sans-serif; 
} /* 13px */

h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 0.8em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }



/* ### Tabellen ################################################################## */


/* Umrandung und Basislayout# */
#page_margins {border: 1px #889 solid; min-width: 950px; max-width: 100em; margin:auto;}
/* Formatierung der Fußzeile */
#footer { color:#888; background:#fff; margin: 0 1em; padding: 1em 0; border-top: 1px #ddd solid; line-height: 2em;}

table.main {
	border: 0px none;
	background-color: #FFF;
}

table.headerContent {
	border: 0px none;
	width: 100%;
	height: 130px;
}


td.main {
	background-color: #FFF;
	text-align: left;
}

td.main.header {
	border-width: 0px 0px 1px 0px;
	border-color: #DDD;
	border-style: solid;
}

td.main.header.hleft{
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}

td.main.header.hright{
	text-align: right; 
	color: #000;
	background-image: url(../images/banner_oben_rechts.jpg);
	background-repeat: no-repeat;
	background-position: right; 
}

td.scrolltext {
	min-width: 200px;
	vertical-align: top;
	font-size: 1.1em;
}

td.kontakt {
	width: 609px;
	vertical-align: top;
	font-size: 1.1em;
}

td.main.body {
	vertical-align: top;
}

td.main.body.left {
	width: 180px;
	padding: 0px 10px;
}

td.main.body.center {
	background: #FFF url(../images/bg_dotted.gif) repeat-y;
	padding: 0px 15px;
}

td.main.body.right {
	width: 180px;
	background: #FFF url(../images/bg_dotted.gif) repeat-y;
	padding: 0px 15px;
}

table.default {
	width: 90%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #D8D8D8;
	margin: 2px;
}

td.header {
	padding: 0px;
	font-size: 11px;
}

table.header {
	width: 100%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #D8D8D8;
	margin: 0px;
	padding: 0px;
}


table.album {
	width: 100%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #D8D8D8;
	margin: 2px;
}

td.album {
	padding: 4px;
	font-size: 11px;
	background-color: #F4F4F4;
}


th.album {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #D8D8D8;
	padding: 4px;
	background-color: #FFFFFF;
	background-image:url(../images/gradient_box.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 12px;
}

th.album.selected {
	background-image:url(../images/gradient_box_selected.gif);
}


table.shortnews {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF;
	margin: 2px;
}

table.header{
	width: 100%;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

table.login{
	width: 100%;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

th.login {
	color: #0C0C0C;
	padding: 1px;
	font-weight: bold;
	font-size: 12px;
}
td.login {
	color: #0C0C0C;
	padding: 1px;
	font-size: 12px;
}

table.default.login {
	width: 200px;
}

table.default.shortnews {
	width: 170px;
}

table.default.login {
	width: 400px;
}

table.default.poll {
	width: 170px;
}

table.default.onlineusers {
	width: 170px;
}


table.default.team {
	width: 0px;
	border-style: none;
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF;
	margin: 1px;
}

table.default.kontakt_team {
	border-style: solid;
	border-width: 7px;
	border-color: #FFF;
	border-color: #FFF;
	margin: 0px;
}

th.default {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #D8D8D8;
	padding: 4px;
	background-color: #FFFFFF;
	background-image:url(../images/gradient_box.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 12px;
}

th.poll {
	/*background-image:url(../images/gradient_box.gif);*/
	background-color: #DCDEDE	;
	width: 50%;
}

th.poll.selected {
	/*background-image:url(../images/gradient_box_selected.gif);*/
	background-color: #BEC1C0;
	
}




th.team{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 2px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 12px;
}

td.event{
	border-style: solid;
	border-color: #77263C;
	border-width: 2px 2px 2px 2px;
	padding: 2px;
	background-color: #F4F4F4;
	color: #000000;
	background-repeat: repeat-x;
	font-weight: normal;
	font-size: 12px;
}

td.event.date {
	background-image:url(../images/datesheet.gif);
	background-repeat: no-repeat;
	background-color: #F4F4F4;
}


th.default.shortnews {
	border-style: none;
	border-width: 0px 0px 1px 0px;
	padding: 1px 5px 5px 4px;
	height: 80px;
	width: 47px;
	background-color: #F4F4F4;
	background-image:url(../images/datesheet.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

.monat {
	font-family : Arial; 
	color : #aaa;
	font-size : 9px; 
	margin-top : 0.11in; 
	margin-left : 0px; 
	font-weight:lighter; 
	letter-spacing : 0px; 
	line-height : 0.18in; 
}

.tag {
	font-family : Arial; 
	color : #1F1E2E;
	font-size : 32px; 
	letter-spacing : 0in; 
	margin-top : 0.01in; 
	margin-left : 0px;
	margin-right : 0.02in;
	font-weight:bold; 
	line-height : 0.18in; 
}

.jahr {
	font-family : Arial; 
	color : #939393;
	font-size : 14px; 
	letter-spacing : 0.01in; 
	margin-top : 0.03in; 
	margin-left : 0px; 
	line-height : 0.18in; 
}


th.selected {
	padding: 4px;
	background-color: #EEE;
	font-weight: bold;
	font-size: 12px;
}


td.default {
	padding: 4px;
	font-size: 11px;
	background-color: #F4F4F4;
	border-width: 2px 2px 2px 2px;
}

td.calendar_weekend {
	padding: 4px;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #E1D1D5;
}

td.default.borderright {
	border-color: #444444;
	border-style: solid;
	border-width: 0px 1px 0px 0px; 
}

td.default2 {
	padding: 4px;
	font-size: 11px;
	background-color: #F8F8F8;
}

td.default2.borderright {
	border-color: #444444;
	border-style: solid;
	border-width: 0px 1px 0px 0px; 
}

td.guestbooklocked {
	padding: 4px;
	font-size: 11px;
	background-color: #FFC488;
}

td.smiley {
	padding: 4px;
	font-size: 11px;
	background-color: #F8F8F8;
}


td.kontakt_team {
	font-size: 11px;
	padding: 3px;
	border-style: none;
	border-width: 0px;
	background-color: #f4f4f4;
	margin: 0px;
}

td.kontakt_team.image {
	padding: 0px;
}