/* ++++++++++ STYLESHEET EKB-BREMEN.DE / PYRAMEDIA 2009 / TIM R. GLOYSTEIN ++++++++++ */

@charset "utf-8";

/* ++++++++++ ALLGEMEINES ++++++++++ */
html[xmlns^="http"]
 {
		overflow-y:scroll;
	}
	
html
 {
		height:100%;
		width:100%;
	}

*
 {
	 margin:0;
	 padding:0;
	 border:0;
 }
	
body
 {
	 height:100%;
		width:100%;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1px;
	 line-height:1px;
  color:#58585A;
		background:#FFFFFF url(../_images/background.png) repeat;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#distance 
 { 
		width:1px;
		height:50%;
		margin-bottom:-296px;
		float:left;
 }

#container
 {
		position:relative;
		clear:left;
		width:999px;
		height:593px;
	 margin:0 auto;
  background:#515153;		
	}
	
#content
 {
	 position:absolute;
		top:265px;
		left:650px;
		width:280px;
		height:290px;
		padding:15px 25px 0px 15px;
		background:url(../_images/background-content.png) repeat;
		z-index:50;
		overflow:hidden;
	}
	
#pane1
 {
		width:305px;
		height:290px;
		padding:15px 0px 0px 15px;
		background:url(../_images/background-content.png) repeat;
	}
	
#headline
 {
		position:absolute;
		top:240px;
		left:650px;
		width:320px;
		height:20px;
		background:#9C9EA0;
		z-index:100;
	}
	
#header
 {
		position:absolute;
		top:0px;
		left:0px;
		width:999px;
		height:107px;
		background:url(../_images/background-head.jpg) no-repeat;
	}
	
#logo
 {
	 position:absolute;
		top:15px;
		left:25px;
	}
		
#image
 {
	 position:absolute;
		top:107px;
		left:0px;
		width:999px;
		height:486px;
		z-index:0;
	}

#banner
 {
	 position:absolute;
		top:430px;
		width:165px;
	}
	
#metanavigation
 {
	 position:absolute;
		top:10px;
		left:860px;
		font-size:12px;
		line-height:14px;
	}
	
#metanavigation a
 {
	 text-decoration:none;
	}
	
#metanavigation a:hover
 {
	 color:#FFFFFF;
	}
	
#metanavigation .active
 {
	 color:#FFFFFF;
	}	
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
	 position:absolute;
		top:65px;
		left:0px;
 	font-size:12px;
		color:#FFFFFF;
	}

#navigation ul
 {
	 list-style-type:none;
	}
	
#navigation li
 {
	 display:inline;
		margin-right:5px;
	}

#navigation a
 {
	 color:#FFFFFF;
		text-decoration:none;
	}
	
#navigation a:hover
 {
	 color:#DDDC20;
	}
	
#navigation .active
 {
	 color:#DDDC20;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-size:12px;
		line-height:16px;
		font-weight:normal;
		text-align:left;	
		color:#FFFFFF;
		margin:2px 0 0 15px;
	}
	
h2
 {
	 font-size:18px;
		font-weight:normal;
		margin-top:5px;
		margin-bottom:20px;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
  font-size:12px;
		line-height:16px;
		margin-bottom:12px;
	}
	
.klein
 {
 font-size:9px;
	line-height:10px;
	}
	
a
 {
		text-decoration:underline;
  color:#58585A;
	}
	
a:hover
 {
  text-decoration:none;
	}
	
ul
 {
	 list-style-type:circle;
		margin-left:25px;
		margin-bottom:12px;		
	}
	
ul ul
 {
	 list-style-type:circle;
		margin-left:15px;	
	}	
	
	
.center
 {
		text-align:center;
	}
	
label
 {
	 display:block;
		float:left;
		width:70px;
		margin:2px 0;
	}

fieldset
 {
	 margin-bottom:8px;
	}
	
input
 {
  width:150px;
		height:16px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		margin-bottom:2px;
		vertical-align:middle;		
	}
	
input:active, input:focus, input:hover { background: #DEDC22;}	
	
.button
 {
	 height:20px;
		width:279px;
		margin-bottom:10px;
		color:#FFFFFF;
		font-weight:bold
	}
	
textarea
 {
	 width:220px;
		height:150px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		vertical-align:middle;		
	}	
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ SCROLLBAR ++++++++++ */
.jScrollPaneContainer {
	 position:absolute;
		top:265px;
		left:650px;
 	overflow: hidden;
	z-index: 100;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height:100%;
	background:url(../_images/background-scrollbar2.png);
}
.jScrollPaneDrag {
	position: absolute;
	background:url(../_images/background-scrollbar.gif);
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../_images/background-content.png) repeat;
	height: 10px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../_images/background-content.png) repeat;	
	height: 10px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* ++++++++++ ENDE SCROLLBAR ++++++++++ */