@charset "utf-8";
body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background-image:	url(img/bg.jpg);
		background-repeat:no-repeat;
		background-position:50% 0px;
    	margin: 0px;
    	padding: 0px 0px 0px 0px;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
p {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	display:inline;
}
	
a:link,a:visited
{
	color:#333;
}

a:hover,a:active,a:focus
{
	color:#993300;
}

h1 {
	font-size:1.1em;
	font-weight:bold;
	color:#ff9900;
}

h2 {
	font-weight:bold;
	font-size:1.0em;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:0px 0;
}

h4 {
	border:solid 0;
	color:#666;
	font-size:0.8em;
}
.oneColFixCtrHdr #header {
    	background: #fff; 
    	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
.oneColFixCtrHdr #navigation { 
		height:	20px;
    	padding: 30px 150px 0 10px;
		float:right;
    } 
.oneColFixCtrHdr #navibereich {
		padding: 4px 0px; /* Innenabstand: oben/unten 4px, li/re 0 */
  		margin: 0;
		display: inline;
	}
.oneColFixCtrHdr #navibereich div {
  		display: inline; /* Listenelemente nebeneinander */
  		list-style-type: none; /* Aufzählungszeichen entfernen */
		padding: 0px 20px; /* Innenabstand: oben/unten 4px, li/re 0 */
		font-size:0.75em;
		color:#333;
	}
.oneColFixCtrHdr #navibereich a {
		color:#333;
		text-decoration:none;
	}
#navibereich a:hover {
		text-decoration:underline;
		color:#666;
	}
.oneColFixCtrHdr #container {
    	width: 950px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }

    .oneColFixCtrHdr #mainContent {
    	padding: 0px 0px 0px 0px;
		font-size:0.8em;	
    }
	
	.oneColFixCtrHdr #mainText {
		font-size:1.0em;
		line-height:1.2em;
		color:#ff9900;
		padding: 75px 0px 0px 65px;
		margin:0px;
    }
	
	.oneColFixCtrHdr #mainGallery {
        margin: 0px;
        padding: 83px 0px 0px 0px;
    }
	
	            
    .oneColFixCtrHdr #footer {
    	padding: 0 70px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		font-size:0.7em;
    }
	
	.oneColFixCtrHdr #footer p {
    	margin: 0;
    	padding: 10px 0;
    }
	
	.oneColFixCtrHdr #meta {
    	margin: 0;
    	padding: 10px 5px;
		float:left;
    }
    .oneColFixCtrHdr #meta a{
    	color:#333;
		text-decoration:none;
    }
    .oneColFixCtrHdr #meta a:hover{
    	color:#333;
		text-decoration:none;
    }
    .oneColFixCtrHdr #copyright {
    	margin: 0;
    	padding: 10px 5px;
		float:right;
    }	
        /* slider specific CSS */
        .sliderGallery {
            overflow: auto;
            position: relative;
            padding: 0px;
            height: 400px;
            width: 970px;
            margin: 0px;
        }
        
        .sliderGallery ul {
            position: absolute;
            list-style: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery ul li {
            display: inline;
			padding: 0;
            margin: 0;
        }
        
        .sliderContainer {
            width: 918px;
            height: 19px;
            top: 320px;
            margin: auto;
            padding: 0;
            position: relative;
            background: url(images/scrollbar.gif) no-repeat;
        }
        
        .slider {
            width: 733px;
            height: 17px;
            margin; 0;
            padding: 1px;
            position: relative;
            left: 90px;
		   /*background: blue;*/
        }
        
        .ui-slider-handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 140px;
            top: 0;
            margin: 0 -70px;
            background: url(images/scroller2.gif) no-repeat;
            z-index: 100;
        }
        
		.sliderContainer span.btn-left { 
			float: left; 
			width: 20px;
			height: 19px;
			/*background: red; */
			cursor: pointer; 
		}
		
		.sliderContainer span.btn-right { 
			float: right; 
			width: 20px;
			height: 19px;
			/*background: green;*/ 
			cursor: pointer; 
		}
		
		.sliderContainer span.start { 
			float: left; 
			width: 50px;
			height: 19px;
			border-right: 1px solid #000066;
		}
		
		.sliderContainer span.end { 
			float: right; 
			width: 50px;
			height: 19px;
			border-left: 1px solid #000066;
		}

        .slider span {
            /*color: #bbb;*/
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 2px;
        }
        
        .slider .slider-lbl1 {
            left: 10px;
			color:#000066;
        }
        
        .slider .slider-lbl2 {
            left: 350px;
			color:#000066;
        }
        
        .slider .slider-lbl3 {
            left: 700px;
			color:#000066;
        }

        .highlight {
	        border: 1px solid #fff;
        }
/* popup specific CSS */
pre, code{padding:0; margin:0}
.required{color:#990000;}
.doNotUse{color:#CCCCCC;}
dl{padding-bottom:3px;}
.nav{text-align:right;padding:0;margin:0;}
code{ *font-size:12px;}

.popup_all {
	font-size:0.7em;
	float:left;
	}