/*** Schriftarten ******************************/
@font-face{
	font-family: 'segoesc';
	src: url('fonts/segoesc.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'segoesc';
	src: url('fonts/segoesc.ttf');
	font-weight: normal;
	font-style: normal;
}


/*** Allgemeine Definitionen *******************/
:root{
	--hintergrundfarbe: #f5deb3;
	--hintergrundverwischt: 2px;
	--hintergrundradius: 8px;
	--logofarbe: #ffffff;

	--schriftfarbe: #003704;
	--schriftfarbe_alt: #777777;
	--linkfarbe: #5c661c;

	--bilder_hintergrund: #ffffff;
	--bilder_albumhintergrund: #f5f5f5;

	--allgemeine_schrift: Verdana, Arial, Helvetica, sans-serif;

	--schriftgroesse_normal: 10pt;
	--schriftgroesse_klein: 9pt;

	--buttontextfarbe: #f5deb3;
	--buttongedruecktfarbe: #225926;
}

*{
	margin: 0;
	padding: 0;
}

html, body{
	width: 100%;
	height: 100%;
}

body{
	background: url('../pix/bg.jpg') no-repeat center center;
	background-size: cover;
}

a{
	text-decoration: none;
	color: var(--linkfarbe);
}

a:hover{
	text-decoration: underline;
}

img{
	border: none;
}

#distance{
	width: 1px;
	height: 50%;
	margin-bottom: -265px;
	float: left;
}

#global{
	margin: 0 auto;
	position: relative;
	height: 546px;
	width: 906px;
	clear: left;
}

input[type=text], input[type=password]{
	width: 200px;
	height: 25px;
	border: 0;

	padding-left: 10px;
	padding-right: 10px;
}

textarea{
	width: 300px;
	height: 100px;
	border: 0;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;

	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);
}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	box-shadow: 0 0 5px var(--schriftfarbe);
}

input[type=submit]{
	color: var(--buttontextfarbe);
	background-color: var(--schriftfarbe);
	border: 0;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active{
	background-color: var(--buttongedruecktfarbe);
}

input[type=reset]{
	color: var(--buttontextfarbe);
	background-color: var(--schriftfarbe);
	border: 0;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active{
	background-color: var(--buttongedruecktfarbe);
}


/*** Spacer-Definitionen ***********************/
#spacer{
	float: left;
	width: 28px;
	height: 546px;
}

#navigation_spacer{
	width: 196px;
	height: 154px;
}


/*** Logo-Definitionen *************************/
#logo{
	float: left;
	width: 108px;
	height: 546px;
}

#logo_oben{
	width: 92px;
	height: 422px;

	padding: 8px;
}

#logo_unten{
	width: 92px;
	height: 92px;

	margin: 0;
	padding: 8px;

	border-radius: var(--hintergrundradius);
	background-color: var(--hintergrundfarbe);
	box-shadow: 0 0 var(--hintergrundverwischt) var(--hintergrundradius) var(--hintergrundfarbe);
}

#logo_unten img{
	width: 92px;
	height: 92px;
}

#logo_text{
	font-family: 'segoesc';
	font-size: 40px;
	color: var(--logofarbe);
	position: absolute;

	text-align: center;
	margin-top: 360px;
	margin-left: 46px;

	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: 0 50%;
}


/*** Content-Definitionen **********************/
#main{
	float: left;
	width: 546px;
	height: 546px;

	border-radius: var(--hintergrundradius);
	background-color: var(--hintergrundfarbe);
	box-shadow: 0 0 var(--hintergrundverwischt) var(--hintergrundradius) var(--hintergrundfarbe);
}

#content{
	width: 530px;
	height: 530px;
	overflow: auto;

	margin: 8px;

	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);
}

.bloeckchen{
	font-variant: small-caps;
}

#sv_bild{
	border: 1px solid var(--schriftfarbe);
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#mitglieder_form{
	text-align: left;
	vertical-align: top;

	padding-left: 15px;
}

#mitglieder_form td{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);
	font-style: italic;

	padding-bottom: 5px;
}

#mitglieder_left{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#mitglieder_left img{
	border: 0;
}

#mitglieder_right{
	text-align: right;
	vertical-align: top;
}

#mitglieder_right img{
	border: 1px solid var(--schriftfarbe);
	margin-left: 5px;
	margin-right: 5px;
}

#news{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#news_datum{
	font-size: var(--schriftgroesse_klein);
	font-style: italic;
}

#termine_jahr{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#termine_left{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#termine_left_alt{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe_alt);

	text-align: left;
	vertical-align: top;
}

#termine_left img{
	border: 0;
}

#termine_right{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: right;
	vertical-align: top;
	margin-right: 5px;
}

#termine_right img{
	border: 1px solid var(--schriftfarbe);
	margin-left: 5px;
}

#bilder_passwort{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#bilder_passwort_button{
	border: 0;
	color: var(--buttontextfarbe);
	background-color: var(--schriftfarbe);

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#bilder_passwort_button:hover, #kontakt_button:focus, #kontakt_button:active{
	background-color: var(--buttongedruecktfarbe);
}

#bilder table{
	width: 100%;
	border: none;
}

#bilder_menue{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	border: 1px dotted var(--schriftfarbe);
	background-color: var(--bilder_hintergrund);

	text-align: left;
	vertical-align: center;
	padding: 5px;
}

#bilder_menue_vorschau{
	float: left;
	width: 180px;
	height: 140px;
	background: var(--bilder_albumhintergrund) url('../pix/content/bilder/album.gif');
}

#bilder_menue_vorschau_bild{
	margin-left: 6px;
	margin-top: 6px;
}


#bilder_menue_vorschau_text{
	margin-left: 186px;
}

#bilder_menue_vorschau_text_unterschrift{
	font-size: var(--schriftgroesse_klein);
}

#bilder_menue_left{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#bilder_menue_right{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: right;
	vertical-align: top;
}

#bilder_galerie_titel{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	font-weight: bold;
	color: var(--schriftfarbe);

	text-align: center;
	vertical-align: center;
}

#bilder_galerie{
	text-align: center;
	vertical-align: center;
}

#bilder_galerie_tn{
	margin: 3px;
	padding: 3px;
	border: 1px dotted var(--schriftfarbe);
	background-color: var(--bilder_hintergrund);
}

#bilder_galerie_zurueck{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: right;
	vertical-align: center;
}

#phrasenschwein{
	width: 100%;
	border: none;
}

#phrasenschwein_form{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;

	padding-bottom: 5px;
}

#phrasenschwein_form_captcha{
	margin-top: 5px;
	border: 1px solid var(--schriftfarbe);
}

#phrasenschwein_content{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#phrasenschwein_content table{
	width: 100%;
	border: 0;
}

#phrasenschwein_content_left{
	width: 130px;

	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);
	font-weight: bold;

	text-align: right;
	vertical-align: top;

	padding: 5px;
}

#phrasenschwein_content_right{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;

	padding: 5px;
}

#phrasenschwein_menue_left{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#phrasenschwein_menue_right{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: right;
	vertical-align: top;
}

#wettbuch{
	width: 100%;
	border: none;
}

#wettbuch_form{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;

	padding-bottom: 5px;
}

#wettbuch_form_captcha{
	margin-top: 5px;
	border: 1px solid var(--schriftfarbe);
}

#wettbuch_form_text_hint{
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe_alt);
}

#wettbuch_content{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#wettbuch_content table{
	width: 100%;
	border: 0;
}

#wettbuch_content_left{
	width: 130px;

	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);
	font-weight: bold;

	text-align: right;
	vertical-align: top;

	padding: 5px;
}

#wettbuch_content_right{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;

	padding: 5px;
}

#wettbuch_menue_left{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#wettbuch_menue_right{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_klein);
	color: var(--schriftfarbe);

	text-align: right;
	vertical-align: top;
}

#impressum_titel{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	font-weight: bold;
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}

#impressum_spacer{
	width: 15px;
}

#impressum{
	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);

	text-align: left;
	vertical-align: top;
}


/*** Navigations-Definitionen ******************/
#navigation{
	float: left;
	width: 196px;
	height: 546px;
}

#navigation_oben{
	width: 180px;
	height: 330px;

	padding: 8px;

	font-family: var(--allgemeine_schrift);
	font-size: var(--schriftgroesse_normal);
	color: var(--schriftfarbe);
	line-height: 1.8;

	border-radius: var(--hintergrundradius);
	background-color: var(--hintergrundfarbe);
	box-shadow: 0 0 var(--hintergrundverwischt) var(--hintergrundradius) var(--hintergrundfarbe);
}

#navigation_oben img{
	border: 0;
}

#navigation_unten{
	width: 30px;
	height: 30px;

	padding: 8px;

	border-radius: var(--hintergrundradius);
	background-color: var(--hintergrundfarbe);
	box-shadow: 0 0 var(--hintergrundverwischt) var(--hintergrundradius) var(--hintergrundfarbe);
}