﻿div#Seite { text-align: left;    /* Seiteninhalt wieder links ausrichten */

width: 900px; height:500px; margin-top: 3%; margin-right: auto; margin-left: auto; padding: 0.5em; }
/* Die Seite allgemein */
body {
	background-color: #353537;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-image: url(http://www.gierer.li/fileadmin/zuspieler/holz.png);
	margin: 0;
	padding: 1em 0;
	text-align: center;  /* Zentrierung im Internet Explorer */
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center center;
}

#middle{
margin-top: 0px
}

/*Menüs

*/
#top-menu { font-size: 12px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 0; left: 0; width: 680px; height: 36px; }

#top-menu { position: relative; height: 24px; margin: 6px; }

#top-menu ul { background-color: #ffcc60; list-style: none; margin: 0; padding: 0; }

#top-menu ul a, #top-menu ul .cur { float: left; display: block; line-height: 24px; text-decoration: none; padding: 0 12px; margin: 0; color: #fff; }

#top-menu ul a:hover, #top-menu ul .act a { color: #c8963c; }

#top-menu li {
	float: left;
	margin: 0;
	padding: 0;
}


#left-menu ul { position: relative; top: 0; left: -10px; overflow: hidden; padding-bottom: 3px; list-style-type: none; }

#left-menu ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; padding-bottom: 3px; display: block;  color: #c8963c; }

#left-menu ul li { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-bottom: 3px; display: block; }

#left-menu li.left-level-1-no a { text-decoration:none; display: block; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-bottom: 3px; }

#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a { text-decoration: none; display: block; color: #c8963c; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-bottom: 3px; }


/*Submenu*/
#sub-menu ul { text-align: left; position: static; top: 100px; left: 20px; width: 160px; margin: 0; overflow: hidden; padding: 20px; list-style-type: none;}

#sub-menu ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align: left; padding: 0 0 3px; display: block; color: #c8963c; }

#sub-menu ul li { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; display: block; padding: 0 0 3px 0; margin: 0; }

#sub-menu li.left-level-1-no a { height: auto; text-decoration:none; display: block; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; padding: 0 0 3px 0; }

#sub-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a { height: auto; text-decoration: none; display: block; color: #c8963c; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; padding: 0 0 3px 0; }

#sub-menu li.left-level-2-no a { height: auto; text-decoration: none; display: block; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; }

#sub-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a { height: auto; text-decoration: none; display: block; color: #c8963c; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; }

#sub-menu li.left-level-3-no a { height: auto; text-decoration: none; display: block; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; }

#sub-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a { height: auto; text-decoration: none; display: block; color: #c8963c; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; }


/*Textformatierungen*/

H1, H2, H3, H4, H5, H6, P, UL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

A { color: #808080; text-decoration: none; }

A:hover { color: #c8963c; }

P, UL, OL { font-size: 12px; }

P { margin: 0px 0px 0px 0px; }

H1 { font-size: 14px; color: #fff; padding: 0 0 3px; }

H2 { font-size: 14px; color: #808080; }

H3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

H4 { font-size: 12px; color: #ffcc60; font-weight: normal; font-style: normal; font-variant: normal; }

H5 {
	font-size: 12px;
	color: #CCCCCC;
	right: 5px;
}

H6 {
	font-size: 11px;
	color: #403f41;
	font-weight: normal;
	left: 10px;
	position: relative;
}


H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; }

H1 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 20px; }

H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }

H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }

H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }

H3.csc-firstHeader { margin-top: 0px; }

H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

P.bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 14px; padding-bottom: 6px;}

UL { list-style-type: disc; list-style-position: outside; }

UL UL LI { font-size: 12px; }

LI {  }

IMG { border-style: none; }

P.csc-caption { font-size: 12px; }

.csc-textpic-caption { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; }
/* Eingabefelder */
input, select {
background-color: #9c9d9f;
border: solid 1px #444;
height: 13pt;
}
input.gb, select.gb {
width: 90%;
}
/*mailform
*/
SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #edeff1; text-align: left; border: solid 1px #666; }
TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border:solid 0 #cccccc; color: #101010; font-weight : normal; background-color: #edeff1; text-align: left; }
INPUT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000;

/*	background-color:#CCCCCC;*/

	text-align: left; border: solid 1px #666666; }
BUTTON { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background-color: #ffffff; text-align: left; border: solid 1px #666; }
.csc-mailform { width: 400px; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: right; padding-left: 36px; }
.csc-mailform-field {

	margin-bottom: 6px;

	line-height: 18px;

}
#dmi a, #dmi a:hover{ color: #464646;}


