@charset "UTF-8";
/* CSS Document 
orange: #f29200

*/

html {
height: 100%;
width: 100%;
background-color: #222222;
}


body	{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
margin: 0;
padding: 0;
color: #cccccc;
text-align: center;
background-color: #222222;
	}
	
#top	{
margin: 20 auto 0 auto;
height: 20px;
	}

#topcontainer	{
margin: 0 auto;
height: 20px;
width: 1000px;
	}

#topcontainer p	{
text-align: right;
font-size: 8pt;
margin: 0 20px 0 0;
padding: 0;
line-height: 20px;
	}

#topcontainer p a	, #topcontainer p a:link, #topcontainer p a:visited	{
color: #666666;
	}

#topcontainer p a:focus, #topcontainer p a:hover	{
color: #bbbbbb;
	}
	
#header	{
margin: 20px auto;
height: 100px;
	}

#headercontainer	{
margin: 0 auto;
height: 100px;
width: 1000px;
	}

#logo	{
float: left;
width: 300px;
height: 100px;
margin: 0;	
	}

#menu	{
float: left;
width: 700px;
height: 100px;
margin: 0;	
	}	
	
#content 	{
margin: 0 auto;
height: auto;
min-height: 377px;
background-color: #111111;
	}	

#contentcontainer	{
margin: 0 auto;
height: auto;
text-align: left;
width: 1000px;
	}

#contentinlineleft	{
float: left;
width: 300px;
height: auto;
margin: 20px 50px 0 0;
	}

#contentinlinecenter	{
float: left;
width: 300px;
height: auto;
margin: 20px 50px 0 0;
	}

#contentinlineright	{
float: left;
width: 300px;
height: auto;
margin: 20px 0 0 0;
	}

#col-1	{
width: 200px;	
float: left;
margin: 50px 0 0 0;
	}

#col-1 li	{
border-bottom: 1px dotted #555555;	
padding: 3px 0;
line-height: 15pt;
font-size: 9pt;
	}

#col-1 li:first-child	{
border-bottom: none;	
	}

#column	{
width: 700px;	
float: left;
margin: 70px 0 0 50px;
	}

#col-2, #col-3, #col-4, #col-5, #col-6, #col-7, #col-8, #col-9	{
position: absolute;
width: 700px;	
float: left;
	}

#col-3, #col-4, #col-5, #col-6, #col-7, #col-8, #col-9	{
visibility: hidden;
	}

#inline	{
float: left;
width: 100%;
text-align: center;
margin: 20px auto;
height: auto;
min-height: 300px;
	}

#inlinecontainer	{
margin: 0 auto;
height: auto;
text-align: left;
width: 1000px;
	}

#inlineleft	{
float: left;
width: 300px;
height: auto;
margin-right: 50px;
	}

#inlinecenter	{
float: left;
width: 300px;
height: auto;
margin-right: 50px;
	}

#inlineright	{
float: left;
width: 300px;
height: auto;
	}

img, a img, img a	{border: none; text-decoration: none}
	
/* --- Klassen --- */

a, a:link, a:visited	{text-decoration: none; color: #f29200}
a:hover, a:focus	{color: #cccccc}

p		{font-size: 9pt; color: #777777}

h1	{font-size: 15pt; font-weight: normal}
h2	{font-size: 13pt; font-weight: normal}
h3	{font-size: 11pt; font-weight: normal}
h4	{font-size:   9pt; font-weight: normal}

h4.first	{font-size: 9pt; color: #f29200}
h1.smaller	{font-size: 13pt}

.orange	{color: #f29200}
	
ul {
list-style: none;
margin: 0;
padding: 0;	
	}	
	
ul li	{
font-size: 11pt;	
	}


.help			{cursor: help; border-bottom: 1px dotted}



.shadow 	{
-webkit-box-shadow: 2px 2px 6px 2px #111;
-moz-box-shadow: 2px 2px 6px 2px #111;
box-shadow: 2px 2px 6px 2px #111; 
behavior: url(PIE.htc);
}

/*--- Karusell ---*/

.karusell-box {	
	position: relative; 
	width: 1000px !important; 
	text-align: left; 
	padding: 20px 0px 20px 30px !important;
	}
	
.karusell {	
	height: 336px; 
	overflow: hidden;	
	text-align: left;	
	width: 970px !important;	
	}
	
.karusell-box .button {
	background: none;
	width: 31px;
	height: 48px;
	border: none;
	position: absolute;
	cursor: pointer;
	outline: none;
	z-index: 100;
	}
	
.karusell-box .prev {
	left:-10px;
	top:162px;
	background:url(../images/prev.png) no-repeat left top
	}
	
.karusell-box .next {	
	right: 0px;	
	top: 162px;	
	background: url(../images/next.png) no-repeat left top;	
	}

.karusell-box ul li {
	line-height: 0px; 
	margin: 0 10px;	
	}
	
.clear { 
	padding: 0px; 
	margin: 0px; 
	clear: both; 
	float: none; 
	font-size: 0px; 
	line-height: 0px; 
	}


/* --- TIP --- */

#qTip	 	{
				padding: 3px;
				border: 1px solid #444444;
				display: none;
				background-image: url(../images/00004.png);
				background-position: left top;
				background-repeat: repeat;
				color: #FFFFFF;
				font: normal 9pt Century Gothic, Arial, Helvetica;
				text-align: left;
				position: absolute;
				z-index: 1000;
				}