body {
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#CCCCCC;
padding:0;
margin:0;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #CCCCCC;}
a:active { color:#CCCCCC;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin:0 auto;
background-color: #000000;
background-image: url(img/layout/bg_leftright.jpg);
}

/* ----------banner for logo-------------- */
#banner {
background-color: #000000;
height: 365px;
padding: 0px;
margin: 0px;
background-image: url(img/layout/head.jpg)
}
#whereami {
	position:absolute;
	height: 40px;
	margin-left: 220px;
	margin-top: 330px;
}

/* -----------------Inhalt--------------------- */
#content {
background-color: #000000;
padding: 20px;
margin: 0 200px;
text-align: justify;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0px;
}

/* --------------etc------------- */
.bancode {color:#DB7093; text-align: left; font-size: 12px;}
.box { background-color:#000000}
 .navi {word-spacing:50px; text-align:center; padding:15px; font-size:x-large; margin-top:25px; margin-left:4%; margin-right:4%;}
 .boxrel { width:13%; float:left; margin-left:4%; background-color:#ffcc00; padding:5px; margin-top:15px }
 .boxmain {background-color:#000000; width:100%;}
   
 .gb2tb { border-collapse:collapse; width:99%; border:1px solid #A11718; }
.gb2top {
 background-color:#333333;
 padding:5px 10px 5px 10px;
 color: #CCCCCC;
}
 .gb2left {border:1px solid #666666; padding:10px; vertical-align:top; width:25%}
 .gb2right {border:1px solid #666666; padding:10px; width:74%}
 .gb2answer {border:1px solid #666666; margin:2%; padding:5px;}
 
#mediaFoto{
 border: 1px solid #666666;
 padding: 5px;
 float: left;
 width: 100px;
 text-align: center;
}
.contpic{
 border: 1px solid #666666;
 margin: 10px;
}
#disco{
border: 1px solid #666666;
margin-top: 5px;
padding: 5px;
}
#discoheadl{
color: #CCCCCC;
background: #333333;
margin-top: 5px;
padding: 5px;
}
#download{
border: 1px solid #666666;
margin-top: 5px;
padding: 5px;
}
#downloadcat{
 font-size: 20px;
 font-weight: bold;
 color: #cccccc;
}
#download a{
 color: #FFFFFF;
 background: #333333;
 padding-left: 5px;
 padding-right: 5px;
 font-weight: bold;
 text-decoration: none;
}
/* --------------shoutbox------------- */
form {
	margin: 0px;
}

#asb_container {
	width: 180px;
}

#asb_contentwrap {
	font: 8pt Arial;
	height: 300px;
	overflow: auto;
}

#asb_content {
	margin: 0px;
}

#asb_content .img {
	border:0;
	display:inline;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

#asb_content .even{
	margin:0px;
	padding-left: 5px;
	padding-left: 5px;
	padding-top: 2px;
    padding-bottom: 2px;
	color: #FFFFFF;
	background-color:#444444;
}

#asb_content .odd{
	margin:0px;
	padding-left: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color:#333333;
}


#asb_content .name {
	color: #FFFFFF;
	font-weight: bold;
}

#asb_inputwrap {
	font: 8pt Arial;
}

#asb_input {
	margin: 5px;
}

#asb_input .text {
	border: 1px solid #888888;
	font: 8pt Arial;
	background-color: #f4f4f4;
	width:100%;
}

#asb_input .button {
	margin-top: 5px;
	background-color: #666666;
	font: bold 8pt Arial;
	color: white;
	border: 1px solid #FFFFFF;
	margin-right: 5px;
}

#asb_loading {
	border:0;
	display:inline;
	margin:0;
	padding:0;
	vertical-align:bottom;
	height:16px;
	weight:16px;
}