/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}


body {
	margin-top: 0px;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	color: #000000;
	line-height:2;
	text-indent:0px;
	height: 100%;
	
	

}


.top-section p a { background: transparent; }



.jml_wegdamit  { background-color:#000000; padding:0px 1px 1px 1px; margin: 0px; border: 2px}
p.info { vertical-align: text-top; border:4px solid black; background-color:#336699; padding:40px 10px 10px 10px; margin:0px; }
p.info2 { vertical-align: text-top; border:4px solid black; background-color:#336699; padding: 0px 10px 100% 10px; }
p.vertical { border:4px solid black; padding: 0px 10px 100% 10px; overflow: hidden; background-color:#336699; }
 



body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link {text-transform: none; background: #000000; background-width:200px; color: #ffffff; text-decoration: none; border-bottom: 0px solid #ffffff; border-top: 0px solid #ffffff; font-size: 12px, font-family: Verdana;}
a:active {text-transform: none; background: #000000; color: #ffffff; text-decoration: none; border-bottom: 0px solid #ffffff; border-top: 0px solid #ffffff; font-size: 12px, font-family: Verdana;}
a:visited {text-transform: none; background: #000000; color: #ffffff; text-decoration: none; border-bottom: 0px solid #ffffff; border-top: 0px solid #ffffff;font-size: 12px, font-family: Verdana;}
a:hover {text-transform: uppercase; background: #ffffff; color: #000000; text-decoration: none; border-bottom: 0px solid #ffffff; border-top: 0px solid #ffffff;font-size: 18px, font-family: Verdana;}

a img { border: none; }

#clear a:link {text-transform: uppercase color: #ffffff; text-decoration: none; background-image: none; background-width:200px; }
#clear a:active {text-transform: uppercase color: #ffffff; text-decoration: none; background-image: none; background-width:200px; }
#clear a:visited {text-transform: uppercase color: #ffffff; text-decoration: none; background-image: none; background-width:200px; }
#clear a:hover {text-transform: uppercase; color: #ffffff; text-decoration: none; background-image: none; background-width:200px; }

#menu {
    width: 220px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
}


.container {
	
	padding: 0 0 0 0 ;
	margin:  0 0 0 0 ;
}



#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title {
		cursor:hand;
		cursor:pointer;
		/*line-height:12px;*/
		font-weight: regular;
		background: #ffffff;
		background-repeat:no-repeat;
		font-weight: normal;
		color: #000000;
		background-image: url("#");
		background-position: right;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
		font-weight: bold; 
		font-size: 12px;
		text-align: right;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 0px;
		padding-left: 2px;
		/* Following lines adds a line about each section */
		border-top-color: #ffffff;
		border-top-style: dashed;
		border-top-width: 0px;
	}
	
	#menu ul li.section-title:hover {
		background: #000000;
		background-repeat:no-repeat;
		color: #ffffff;
		background-image: url("#");
		background-position: right;
		}



#content {
    height: 700px;
    margin: 0 0 0 230px;
    top: 0;
}

.container {
    padding: 0px 0px 0px 0px;
}

#spalte {
	vertical-align: top;
	padding: 40px 10px 10px 10px;
	background: #ffffff;
	display: table-cell; 
	


}

#spalte-dark {
	vertical-align: top;
	padding: 40px 10px 10px 10px;
	background: #000000;
	display: table-cell; 
	


}

#spalte_leer {
	vertical-align: top;
	padding: 0px 0px 0px 10px;
	display: table-cell; 



}

span.ueber {
	font-weight: bold;
	color: #ff9000;
}

p.spalte {
	width: 430px;
	
}



#content p { width: 500px; margin-bottom: 0px; }

p {
    margin: 0 0 9px 0;
}



h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }


#img-container { display: table-row; }
#img-container #text { float: left; width: 10px; }
#img-container #text p { width: 10px; }
#img-container .picture_holder { display: table-cell; }
#img-container .picture { /* padding-top: 10px; */ }
#img-container .captioning .title { margin-top: 12px; font-weight: bold; }
#img-container .captioning .caption { }

td, input, select, textarea { font-size:12px; font-family:Courier New, Courier, monospace; font-weight:regular; }
input, select, textarea { color:#404040; }
.Bereich, .Feld { background-color:#ffffff; width:300px; border:1px solid #404040; }
.Auswahl { background-color:#ffffff; width:300px; border:6px solid #ddd; }
.Check, .Radio { background-color:#0000000; border:1px solid #ffffff; }
.Button { background-color:#ffffff; color:#000000; width:100px; border:1px solid #404040; }

#once { clear: left; }

#the-background {
position: fixed;
overflow: hidden;
z-index:1;
width: 100%;
height:100%;
top:0;
left:0;
}

#wrapper { 
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left:0;
}