/* Tags vorformatieren */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	margin: 30px 0px 20px 0px;
	color: #4F4F4F;
	letter-spacing: -1px;
}

h1 {	font-size: 28px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p { text-align: justify; }

ul { list-style-type: none; padding: 0px; }
li { background: url(../img/arrow.png) no-repeat center left; padding-left: 15px; }

table { width: 100%; border-collapse:collapse; border: 1px solid #fff; box-shadow: 0px 0px 0px 1px #CCCCCC; }
table th { text-align: left; padding: 3px 8px; background-color: #DEDEDE; border-bottom: 1px dotted #757575; }
table td { text-align: left; padding: 3px 8px; }
table tr:nth-of-type(even) { background-color: #EDEDED; }
table tr:nth-of-type(odd) { background-color: #E8E8E8; }

a img { border: 0px; }
a:link, a:visited , a:active { color: #146AA3; text-decoration: none; }
a:hover { color: #9C9C9C; text-decoration: underline; }

.clearfix { clear: both; }

/* Layout formatieren */

body, html { 
	margin: 0px;
	padding: 20px;
	background: url('../img/bg.png') fixed;
	font-family: Helvetica, Arial;
	font-size: 15px;
}

::selection {
	color: #fff;
	background: #68B045;
}
::-moz-selection {
	color: #fff;
	background: #68B045;
}

#container {
	width: 900px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #575757;
	background-color: #fff;
	overflow: hidden;
}

body {
	margin: 20px;
	background-color: #EDEDED;
	font-family: Arial, Helvetica;
	font-size: 15px;
	color: #3B3B3B;
}

#navi {
	border-bottom: 2px solid #E8E8E8;
}

#navi ul {
	list-style-type: none;
	margin: 14px 0px 14px 0px;
	float: left;
}

#navi ul li {
	display: inline;
	padding: 0px;
}

#navi ul li a {
	padding: 14px 20px;
}

#navi ul li a:hover {
	border-bottom: 2px solid #2C4660;
	text-decoration: none;
}

#head {
	padding: 1px 20px 10px 20px;
	text-align: left;
	background-color: #146AA4;
	box-shadow: inset -20px -50px 80px -60px #000000;
}

#head h1 a {
	color: #F0F0F0;
	text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
}

#head h1 a:hover { text-decoration: none; }

#content {
	float: left;
	width: 610px;
	padding: 20px;
	margin-top: -30px;
}

#rightbar {
	float: left;
	background: #EDEDED;
	width: 249px;
	border-left: 1px solid #fff;
	box-shadow: inset -30px 50px 50px -50px #BFBFBF, -1px 0px #D1D1D1;
	padding-top: 5px;
	padding-bottom: 9999px;
	margin-bottom: -9999px;	
}

#rightbar ul li a {
	font-size: 24px;
	letter-spacing: -1px;
	display: block;
	border-bottom: 1px solid #E0E0E0;
	padding: 4px 20px;
}

#rightbar ul li a:hover {
	text-decoration: none;
	background-color: #146AA4;
	color: #fff;
}

#rightbar ul li {
	padding: 0px;
}

#rightbar ul li ul {
	margin-bottom: 20px;
}

#rightbar ul li ul li a {
	font-size: 15px;
	letter-spacing: 0px;
	padding: 4px 20px;
	border-bottom: 1px solid #E0E0E0;
}






#footer {
	width: 850px;
	margin: 0 auto;
	color: #9E9E9E;
	padding: 5px 25px;
	font-size: 10px;
	text-transform: uppercase;
}

/* CODE */

.inline_code {
	font-family: Monaco, Menlo, "Courier New", Courier, Consolas;
	padding: 0px 5px;
	color: blue;
}

.code {
	width: 590px;
	font-size: 15px;
	line-height: 20px;
	font-family: Monaco, Menlo, "Courier New", Courier, Consolas;
	border: 1px solid #B5B5B5;
	padding: 3px 5px;
	background: url(../img/code.png) 0px 3px;
	overflow-x: scroll;
	overflow-y: hidden;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	text-shadow: 0px 0px 0 #fff;
}

/* SITEMAP */

.sitemap ul {
	padding: 0px 0px 0px 10px;
}

.sitemap ul li {
	margin: 1px;
	padding: 0px 0px 0px 15px;
	background: url(../img/sitemap.png) no-repeat;
}


/* DOWNLOADS */

.thumbnail img {
	border: 5px solid #EDEDED;
	margin-top: 3px;
	box-shadow: 0px 0px 0px 1px #A6A6A6;
	width: 200px;
	position: absolute;
	height: 115px;
	float: left;
}

.thumbnail:hover img {
	width: 350px;
	height: 200px;
	margin: -21.25px -75px;
	box-shadow: 0px 0px 0px 1px #707070, 0px 10px 25px -5px #000;
}

.downloads {
	margin-left: 230px;
	margin-top: -3px;
}

/* IFRAME */

iframe {
	width: 600px;
	border: 1px solid #B5B5B5;
	box-shadow: inset 0px 0px 15px -5px #BFBFBF;
}


/* FORMULAR */

label {
	text-align: right;
	width: 140px;
	padding: 0px 10px 0px 0px;
	float: left;
	display: block;
}

input[type="text"], input[type="password"], textarea {
	width: 445px;
	font-size: 15px;
	border: 1px solid #fff;
	padding: 3px;
	background: #F2F2F2;
	box-shadow: 0px 0px 0px 1px #ABABAB, inset -50px 0px 20px -20px #EDEDED;
}

textarea { min-height: 100px; }

select {
	font-size: 15px;
	border: 1px solid #fff;
	padding: 3px;
	background: #F2F2F2;
	box-shadow: inset 0px -20px 0px -8px #EDEDED, 0px 0px 0px 1px #ABABAB, inset -50px 0px 20px -20px #EDEDED;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	font-size: 15px;
}

.red { color: red; }

/*
* *:hover { border: 2px solid #89A81E; }
* * *:hover { border: 2px solid #F34607; }
* * * *:hover { border: 2px solid #5984C3; }
* * * * *:hover { border: 2px solid #CD1821; }
* * * * * *:hover { border: 2px dotted #89A81E; }
* * * * * * *:hover { border: 2px dotted #F34607; }
* * * * * * * *:hover { border: 2px dotted #5984C3; }
* * * * * * * * *:hover { border: 2px dotted #CD1821; }
*/