@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.4;
	
}


html {
	overflow-y: scroll;
}

body {
	background: #787051;
}

a {
	color: #bfc7bb;
}

#wrapper {
	background: #161616 url('../images/bg.jpg') no-repeat;
	border: #272026 2px solid;
	width: 784px;
	margin-left: auto;
	margin-right: auto;
	color: #bfc7bb;
	
}

#header {
	width: 788px;
	height: 140px;
	
}


#navigation {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 11px;
	color: #787051;
	width: 570px;
	height: 20px;
	border-bottom: #787051 1px solid;
}

#navigation a {
	font-size: 11px;
	color: #787051;
	text-decoration: none;
}
#navigation a:hover {
	text-decoration: underline;
}
#navigation a.active {
	color: #bfc7bb;
	text-decoration: none;
}


#content {
	width: 570px;
	/* height: 420px; */
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 40px;
}

#content a.back {
	font-size: 11px;
	color: #787051;
	text-decoration: underline;
}









table.pics {
}

table.pics td {
	background-color: #272026;
	text-align: center;
}








#content a.back:hover {
	color: #787051;
	text-decoration: underline;
}

#footer {
	width: 570px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 40px;
	padding-top: 3px;
	border-top: #787051 1px solid;
}

#footer #footerpic {
	padding-top: 2px;
	float: left;
}

#footer #footertext, #footer #footertext a {
	font-size: 11px;
	text-align: right;
	color: #787051;
} 


div.clear {
	clear: both;
}




h1 {
	font-size: 13px;
	margin-bottom: 10px;
}


img.startmenupic {
	margin-right: 21px;
	margin-bottom: 21px;
}

img.menupic {
	border:	#bfc7bb 1px solid;
}

img.bio_right {
	float: right;
	border:	#bfc7bb 1px solid;
	margin: 0 0 20px 20px;
}

img.bio_left {
	float: left;
	border:	#bfc7bb 1px solid;
	margin: 0 20px 20px 0;
}





/* Formular */

form {
	width: 420px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

fieldset
	{
	padding: 5px;
	border: 1px solid #787051;
	width: 420px;
	}

legend
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #787051;	
	}
	
div.fRow {
	/* border: 1px dotted #ffcc00; */
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.labels {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
}

input, textarea {
	border: 1px solid #787051;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
	background-color: #787051;
	color: #161616; 
}

input.checkbox {				/* sonst haben checkboxes im IE auch einen Rahmen wie die anderen input Felder */
	border: 0px;
}

input.result {
	border: 0px;
	background-color: #FFCC99;
	font-weight: 600;
	text-align: right;
}

#fSend {
	margin-top: 10px;
	margin-left: 187px;
	background-color: #F2C969; 
	border: 1px solid #000000;
}

#Submit {
	margin-top: 10px;
	margin-left: 160px;
	background-color: #787051; 
	border: 1px solid #787051;
	color: #000000;
}

#fReset {
	margin-left: 10px;
	background-color: #F2C969; 
	border: 1px solid #000000;
}





#monobasic {
	height: 20px; /*50px*/
	width: 788px;
	padding-top:3px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #161616;
	background: none;
}

#monobasic a {
	font-size: 9px;
	color: #161616;
	text-decoration: none;
}



/*

dunkel: #161616
violett: #272026
silber: #bfc7bb
gold: #787051




*/