body{
margin:0;
padding:0;
line-height: 1.2em;
background:#000000;
background: #000000 url("bg/dc_bg.jpg") no-repeat fixed;
}

b{font-size: 110%;}
em{color: #7d007d;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#dvd { height:1.75em; padding-top: 1em; background:#000; color:#fff; font-family:arial,verdana,sans,helvetica; font-weight:bold; font-size:1.5em; text-align:center; }
#dvd a { color: #fff; }
#dvd a:hover { text-decoration: underline; }
#laurel{height:auto; background:darkblue; margin-bottom:-4px;}

#topsection{
background:# ;
height: auto; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
margin-bottom:5px;
background:linear-gradient(white, grey, white);
background:-webkit-linear-gradient(white, grey, white,);
background:-moz-linear-gradient(white, grey, white);
background:-o-linear-gradient(white, grey, white)
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
min-height: 2430px;
height:auto !important;
height:100%;
}

.transparent {
zoom: 1;
filter: alpha(opacity=97);
opacity: 0.97;
}

#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
background: #fffffa;
margin-bottom:5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
min-height: 2430px;
height:auto !important;
height:100%;
}

#footer{
clear: left;
width: 100%;
background:#7d007d;
color: #FFF;
text-align: center;
padding: 4px 0;
font-family:arial,verdana,sans,helvetica;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-top:15px;
font-family:arial,verdana,sans,helvetica;
text-align:justify;
}

img.x {
max-width: 100%;
height: auto; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

img {
max-width: 100%;
height: auto; 
}

/* ####### responsive layout CSS ####### */

@media (max-width: 900px){ /* responsive layout break point */
	#maincontainer{
	width: 100%;
	}
	
	#contentwrapper{
	float: none;
	}
	
	#rightcolumn{
	float: none;
	width: 100%;
	margin-left: 0;
	}
	
	#contentcolumn{
	margin-right: 0;
	}
}

.elastic-video 
{
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}

.elastic-video iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#topic{
width:100% height:auto;
background:url(line.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top:7px;
padding-bottom:5px;
padding-left:7px;
padding-right:7px;
box-shadow:2px 2px 4px #333;
}

#topic1{
width:100% height:auto;
background:url(line.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top:5px;
padding-bottom:5px;
padding-left:7px;
box-shadow:2px 2px 4px #333;
font-family:arial,verdana,sans,helvetica;
font-size: 14px;
color:#000000;
}

#new{
width:100% height:auto;
background:url(line.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top:5px;
padding-bottom:5px;
padding-left:7px;
padding-right:7px;
box-shadow:2px 2px 4px #333;
font-family:arial,verdana,sans,helvetica;
font-size: 16px;
color:#000000;
}
#don{
width:100% height:auto;
background:url(line.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top:7px;
padding-bottom:5px;
padding-left:7px;
padding-right:7px;
box-shadow:2px 2px 4px #333;
border: solid 1px #7d007d;
}

#form1{max-width:100%;}
.ta{width:100%;font-family:arial,verdana,sans,helvetica;}
.pflichtfeld {font-family:arial,verdana,sans,helvetica;font-size:14px}
.thx{width:300px;background:#cccccc;border: solid 1px}
a{text-decoration:none;color:#7d007d}
a:hover{text-decoration:none;color:#000000}

#don1{
width:100% height:auto;
background:#cfcfcf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top:7px;
padding-bottom:5px;
padding-left:7px;
padding-right:7px;
box-shadow:2px 2px 4px #333;
border: solid 1px #7d007d;
}
a.d{text-decoration:none;color:#ffff00}
a.d:hover{text-decoration:none;color:#000000}
