html *
{
   font-size: 8pt;
   color: #000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style:normal;
}


body {
	margin: 0;
	background-attachment: fixed;
	background-image: url("../images/background_lcd.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

h1 {
	font-size:18pt;
	font-weight:normal;
	}

h2 {
	font-size:14pt;
	
	}

h3 {
	font-size:12pt;
	}


ul	{
	margin:0;
	padding:0;
	margin-left:1em;
	padding-left:1em;
	padding-bottom:1em;
	list-style:square;
}

li	{
	padding-top:0.5em;
}


/*Farbdefinition von Hyperlinks in dem Hauptteil (Textbereich) der Webseite*/
a, a:active, a:visited, a:link {
	font-style: none;
	font-weight: bold;
	color: #006991;
	text-decoration:none;
}

/*Farbdefinition der Hyperlinks in dem Hauptteil (Textbereich) beim Darüberfahren mit der Maus*/
a:hover{
	text-decoration: underline;
}





table	{
	width:100%;
}

table	td {
	padding:0.3em;
}

table	th {
	padding:0.6em;
}

table.autowidth {
	width:auto;
	}

table.pad_lr_1em td,
table.pad_lr_1em th   {
	padding-left: 1em;
	padding-right: 1em;
}

table.pad_1em td,
table.pad_1em th   {
	padding: 1em;
}


table.even-odd tr:nth-child(even)   {
	background-color:#eee;
}

table.even-odd tr:nth-child(odd)   {
	background-color:#fff;
}

table.even-odd tr th   {
	background-color:#ddd;
}

table.first_col_bold td:nth-child(1) 	{
	font-weight:bold;
}


table.training td	{
	padding:4px;
	background-color:#e6e6e6;

}

table.training	{
		width:100%;	
		border-spacing: 2px;
		border-collapse: separate;
}	


table.training td.tabhead 	{
	text-align:center;
	background-color:transparent;
	padding-top:18pt;
	padding-buttom:12pt;
}

table.training td.tabhead h2	{
	line-height:1em;
	margin:0px;
}

table.training td.tabhead p	{
	font-weight:normal;
	margin-top:6px;
}


.bold	{
	font-weight:bold;
}


.vereinslogo {
	position:absolute;
	left:36px;
	top:36px;
	z-index:-1;
	}

.container {
	height:100%;
	width: 770px;
	padding: 0;
	margin-top:110px;
}

.leftcol {
	width: 201px;
	padding: 0;
	float:left;
}
.rightcol {
	width: 568px;
	padding:0;
	float:right;
}


.navi 	{
	margin-top:107px;
	padding-right:2px;
}

.navi ul {
    display: block;
    list-style-type: none;
    text-align:right;
}
.navi ul li {
	padding:0;
	margin:0;
    padding-bottom:9px;
}




/*Farbdefinition der Hyperlinks im Navigationsbereich der Webseite*/
.navi a, .navi a:active, .navi a:visited, .navi a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

/*Farbdefinition der Hyperlinks im Navigationsbereich der Webseite beim darüberfahren mit der Maus*/
.navi a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

.content	{
	margin:18px 5px 0 23px;
}

.button	{
	display:inline-block;
	padding:0.35em 1.2em;
	border:0.1em solid #006991;
	margin:0 0.3em 0em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-weight:bold;
	color:#006991;
	text-align:center;
	transition: all 0.2s;
	background-color:transparent;
}

.button:hover {
	color:#fff;
	background-color:#006991;
	border-color:#006991;
	text-decoration:none;
}


hr {
	border: 1px solid #000000;
}

div#controls
	{
	padding: 5px 30px;
	border:1px solid black;
	background-color:#eee;
	position:absolute;
	top: 5px;
    left: 300px;
	}


input[type="button"]:disabled {
    background: #dddddd;
    border-color:#999999;
    color: #999999;
}

.postit  {
	padding:20px;
	margin:20px 10px;
	text-align:center;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:block;

	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}

.postit.turn {
	position:absolute;
	width:400px;
	top:70px;
	left:30px;
    transform: rotate(30deg);
	}
	

.button {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.button:active {
	position:relative;
	top:1px;
}