/*
EM - PX zum kopieren oder nachschauen
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em
*/
/*
FARBEN
blau:#32527c
beige:#fff2df
orange:#f18e00
grau:#999999
*/
/*BASICS*/
html,body,div,span,p,h1,h2,h3,h4,h5,h6,a,table,tr,td,form,input,select,textarea,img,ol, label, ul, li
	{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica,san-serif;
	font-size: 100.01%;
	color: #32527c;
	font-weight: normal;
	}
html,body {
	height:100%;
	/*\*//*/
	height:auto;
	/**/
	width:100%;
	}
a:link,a:visited {
	text-decoration: underline;
	color:#32527c;
	}
a:hover, a:active{
	text-decoration: underline;
	color:#f18e00;
	}
.clear {
	clear: both;
	}
/*AUFBAU*/
#containerAll {
	position:absolute;
	left:50%;
	top:0%;
	width:800px;
	height:99%;
	margin-top:0px;
	margin-left:-400px;
	}
#containerShadow {
	position: relative;
	width:98%;
	height:455px;
	top:140px;	
	background: url(../img/shadowAlpha.png) no-repeat bottom right;
	padding: 0px 16px 20px 0px;
	margin: 0px 0px 0px 0px;
	}
#containerCenter	 {
	position:relative;
	width:99%;
	height:99%;
	border:10px solid #fff2df;
	}
#logo {
	position:absolute;
	float:right;
	width:110px;
	margin:20px 0px 0px 710px;
	}
#containerFooter {
	position:absolute;
	width:100%;
	height:20px;
	margin:140px 10px 0px 0px;
	padding:0px 10px 0px 0px;
	}
#containerFooter p {
	text-align:right;
	font-size:0.76em;
	}
#containerFooter p a:link, 
#containerFooter p a:hover,
#containerFooter p a:visited {
	color:#666666;
	text-decoration: none;
	}
/*NAVIGATION*/
#containerNavigation {
	position:relative;
	float:left;
	top:105px;
	width:80%;
	height:30px;
	margin: 0px 0px 10px 0px;
	}
#navi { 
	margin: 16px 0px 0px 0px; 
	padding: 0;
	} 
#navi ul, #navi li { 
	margin: 0; 
	padding: 0; 
	display: inline; 
	list-style-type: none;
	font-size: 12px;
	line-height:12px; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none; 
	margin:15px 20px 10px 0px;
	} 
#navi a:link, #navi a:visited { 
	float: left; 
	line-height:12px; 
	font-weight: bold; 
	padding: 3px 0 2px 0; 
	margin: 0px 30px 0px 0px; 
	color: #999999; 
	text-decoration: none; 
	} 
#navi #akt { 
	margin-top: 0; 
	color: #32527c; 
	} 
#navi a:hover, #navi a:hover#akt { 
	margin-top: 0; 
	color: #32527c;
	} 
/*CONTENT*/
#containerContentLeft {
	position:absolute;
	float:left;
	width:47%;
	height:100%;
	padding:0px;
	}
#containerContentRight {
	position:relative;
	float:right;
	width:47%;
	height:90%;
	padding:0px 20px 20px 20px;
	top:-25px;
	}
#containerContentRight p {
	padding:0px 0px 15px 0px;
	font-size: 0.74em;
	line-height: 1.4em;
	}
#containerContentRight ul {
	list-style-type:square;
	margin: 0px 0px 15px 16px;
	font-size:0.74em;
}
.bold {
	font-weight: bold;
	}
table {
	position: absolute;
	float: left;
	margin:20px 0px 0px 0px;
	}
table img {
	border:1px solid #666666;
	margin: 0px 0px 0px 10px;
	}
table p {
	font-size: 0.65em;
	color:#666666;
	margin: 5px 0px 15px 10px;
	}
.flags {
	position: relative;
	float: left;
	padding:0px 10px 0px 0px;
	}
	
	
	
	
.slideshowContainer {
	border: 0px solid #ccc;
	width: 360px;
	height: 300px;
	margin-bottom: 5px;
}

.loading {
	background: url(img/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 2px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 2px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
	padding:4px;
	margin:6px 4px 6px 6px;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}
.scroll-pane
{
	width: 100%;
	height: 100%;
	margin-top:20px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}