a, body, td, input, select, textarea{
	color: #fff;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 1.35;
}
body{
	background-image: url('../img/hintergrundbild.jpg');
}
@font-face {
    font-family: 'Brushstroke Horror';
    src: url('hinted-BrushstrokeHorror.eot');
    src: local('Brushstroke Horror'), local('BrushstrokeHorror'),
        url('hinted-BrushstrokeHorror.eot?#iefix') format('embedded-opentype'),
        url('hinted-BrushstrokeHorror.woff2') format('woff2'),
        url('hinted-BrushstrokeHorror.woff') format('woff'),
        url('hinted-BrushstrokeHorror.ttf') format('truetype'),
        url('hinted-BrushstrokeHorror.svg#BrushstrokeHorror') format('svg');
    font-weight: normal;
    font-style: normal;
}
.RotFont{
	color: #c33;
	font-family: 'Brushstroke Horror', Arial, sans-serif;
	font-size: 35px;
	text-shadow: 1px 1px #000;
}

/**
 * Links
 */
a{
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}
a.nodec{
	font-weight: bold;
	text-decoration: none;
	border: 0;
}
a.RotFont{
        color: #c33 !important;
        font-size: 26px;
        font-weight: normal;
}
a:hover{
	border-bottom: 1px solid #000000;
}
a.nodec:hover{
	border: 0;
}



/**
 * Grafik
 */
img{
	border: 0;
}



/**
 * Quellcode
 */
div.code{
	margin-left: auto;
	margin-right: auto;
	background-color: #ccc;
	width: 90%;
}
div.code_nummer{
	background-color: transparent;
	color: #fff;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 35px;
}
div.code_zeile1, div.code_zeile2{
	color: #000;
	font-family: monospace;
	text-align: left;
}
div.code_zeile1{
	background-color: #fff;
}
div.code_zeile2{
	background-color: #f6f6f6;
}



/**
 * Tabellen
 */
table{
	margin-left: auto;
	margin-right: auto;
}
table.erg{
	width: 98%;
}
table.erg, .erg td, .erg th{
	border-collapse: collapse;
	border: 2px dotted #4e4e4e;
	padding: 2px;
}
tr.change1{
	/* for future use */
}
tr.change2{
	/* for future use */
}
th{
	background-image: url('../img/th.png');
	font-weight: bold;
}
td{
	text-align: left;
	vertical-align: top;
}



ul{
	text-align: left;
	padding-left: 1em;
	list-style: none;
}

div.border_bottom{
	border-top: 1px dashed #4e4e4e;
	height: 10px;
	margin-left: auto;
	margin-right: auto; 
	width: 577px;
}
div.change1{
	border-top: 1px dashed #4e4e4e;
	border-right: 1px dashed #4e4e4e;
	border-bottom: 0;
	border-left: 1px dashed #4e4e4e;
	margin-left: auto;
	margin-right: auto;
 	padding: 7px 5px 7px 5px;
	text-align: left;
	width: 565px;
}
div.change2{
	border-top: 1px dashed #4e4e4e;
	border-right: 1px dashed #4e4e4e;
	border-bottom: 0;
	border-left: 1px dashed #4e4e4e;
	margin-left: auto;
	margin-right: auto;
	padding: 7px 5px 7px 5px;
	text-align: left;
	width: 565px;
}
div.links{
	float: left;
	font-weight: bold; 
	text-align: right; 
	width: 80px;
}
div.rechts{
	margin-left: 95px;
}
div.header{
	background-image: url('../img/th.png');
	border-top: 1px solid #4e4e4e;
	border-right: 1px solid #4e4e4e;
	border-bottom: 0;
	border-left: 1px solid #4e4e4e;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 3px;
	width: 569px;
}
div.linksbuendig{
	text-align: left;
	margin: 1px 10px 1px 10px;
}



/**
 * Formulare
 */

form div{
	margin: 5px;
}

fieldset{
	border: 0;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	text-align: left;
}

input{
	background-color: transparent;
	background-image: url('../img/input.png');
	border: 2px solid #4e4e4e;
	height: 15px;
	width: 325px;
}
input.plz{
	width: 50px;
}
input.ort{
	width: 269px;
}
input.button{
	border: 2px solid #4e4e4e;
	font-weight: bold;
	height: 22px;
	width: 49.9%;
}
input.box{
	width: auto;
	border: 0;
}

label{
	float: left;
	margin-right: 5px;
	text-align: right;
	width: 85px;
}

legend{
	font-size: 15px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0 2px 0;
}

select{
	background-color: #000;
	border: 2px solid #4e4e4e;
}

textarea{
	background-color: transparent;
	background-image: url('../img/input.png');
	border: 2px solid #4e4e4e;
	height: 100px;
	width: 325px;
}




/**
 * Standard Boxen
 */
div.haupt{
	background: #000 no-repeat url('../img/hintergrund.jpg');
	border: 1px solid #666;
	color: #fff;
	width: 601px;
	text-align: center;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.menuelinks, .menuerechts{
	padding: 3px;
	width: 194px;
}
.menuelinks a, .menuerechts a{
	color: #fff;
	border: 0;
}
.menuelinks{
	float: left; 
}
.menuerechts{
	float: right; 
}

.ueberschrift{
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.clear{
	clear: both;
}
.zentriert{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



/**
 * Systemmeldung
 */
.sysinfo{
	background-color: infobackground; 
	border: 1px solid; 
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	color: InfoText; 
	font: caption;
	padding: .25em 0 .25em 0;
	text-align: center;
}
.sysinfo a{
	background-color: buttonface;
	border: 1px outset buttonface;
	border-radius: 5px;
	color: InfoText;
	padding: .1em .3em .1em .3em;
}



/**
 * Fuer die versteckbaren DIVs
 */
div#unsichtbar{
	display: none;
}
div#sichtbar{
	display: block;
}