/***** CSS by Thomas Karolzyk - thomas@karolzyk.com ****/

/* make sure reset.css is loaded */









/* ---------------------------------------------------------------------------- */
/* GENERAL */
/* ---------------------------------------------------------------------------- */

body, html {
	height:100%;
}

body {
	margin:0;
	padding:0;
	background: #e9e9e9 url(img/bg.png) repeat-y;
	background-position:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

p {
	margin: 0 0 12px 0;
}




/* ---------------------------------------------------------------------------- */
/* FONTS */
/* ---------------------------------------------------------------------------- */

@font-face {  
	font-family: VBold ;  
	src: url(../fonts/VAGRoundedStd-Bold.otf ) format("opentype");  
}  

@font-face {  
	font-family: VLight ;  
	src: url(../fonts/VAGRoundedStd-Light.otf ) format("opentype");  
}  


/* ---------------------------------------------------------------------------- */
/* LINKS */
/* ---------------------------------------------------------------------------- */

a {
	color: #009ee0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img, img a { 
	border:0 
}









/* ---------------------------------------------------------------------------- */
/* LAYOUT */
/* ---------------------------------------------------------------------------- */


#wellpappe {
	position: absolute;
	left: 800px;
	top: 64px;
}

#main {
	width: 1000px;
	margin: 0 auto;
}

#header { 
	position: relative;
	height: 135px;
} 

#footer { 
	position: relative;
	width: 1000px;
	height:260px;
	margin: 0 auto;
} 


#logo { 
	position: absolute;
	top:35px;
	left:-9px;
} 


#navbar {
	position: relative;
	background: transparent url(img/navbar.png) no-repeat;
	background-position: top right;
	height: 45px;
}

.flash {
	overflow: hidden;
	z-index:0;
}

#breadcrumb {
	color:#aaa;
	height:26px;
	font-size:11px;
	padding: 8px 0 0 39px;
}

#breadcrumb a {
	color:#009ee0;
	text-decoration: none;
}

.bottom-1 {
	position: absolute;
	right: 632px;
}

.bottom-2 {
	position: absolute;
	right: 318px;
}

.bottom-3 {
	position: absolute;
	right: 5px;
}

.copyright {
	position: absolute;
	right: 5px;
	top: 169px;
	color: #aaa; 
	font-size: 11px;
}

.main-content {
	color:#5c5c5c;
	line-height: 145%;
	margin: 0 0 30px 0;
	position: relative;
	z-index:10;
}

.content-half-right {
	width:430px;
	margin: 0 20px 0 0;
	height:296px;
	overflow:hidden;
	float:right;
}

.content-half-left {
	width:546px;
	height:296px;
	overflow:hidden;
	float:left;
}

.scrollable {
	overflow: auto;
	padding-right: 10px;
	width:420px;
}



/* ---------------------------------------------------------------------------- */
/* SLIDESHOW */
/* ---------------------------------------------------------------------------- */

.slideshow2 {
	height:270px;
	overflow: auto;
}
.slideshow2 ul {
	position: relative;
}

.slideshow-nav {
	position: absolute;
	top: 280px;
	right: 12px;
}

.slideshow-video {
	position: absolute;
	top: 280px;
/* 	left: 0px; */
}

.slide {
	width: 415px;
}

.slidepager {
	display:inline;
}

.slideshow-nav a {
	color: #B4B5B4;
	display: block;
	background-color: #B4B5B4;
	width: 18px;
	height: 18px;
	overflow: hidden;
	float:left;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 6px 0 0;
}

.slideshow-nav a.activeSlide {
	color: #00A1E4;
	background-color: #00A1E4;
}



/* ---------------------------------------------------------------------------- */
/* ARCHIVE */
/* ---------------------------------------------------------------------------- */

a.archive-list-headline {
	display: block;
	font-size:15px;
	color:#009ee0;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	font-family: VBold, Arial;
	clear:both;
}


.archive-list {
	background: transparent url(img/archive-list-bg.jpg) no-repeat;
	min-height: 400px;
}

.archive-list-right {
	width:560px;
	padding: 57px 0 0 372px;
}

.archive-list-content { 
	display:none; 
	padding: 5px 0 0 0;
	clear:both;
}

.archive-img {
	float:left;
	width: 120px;
	margin: 0 12px 12px 0;
}

/* ---------------------------------------------------------------------------- */
/* LIGHTBOX FUNCTIONS */
/* ---------------------------------------------------------------------------- */


#backdrop1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	overflow:hidden;
}

#backdrop2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	overflow:hidden;
}

.close {
	position:absolute;
	top:0;
	right:0;
	padding: 10px 15px 0 0;
	z-index:1000;
}

.backdrop-inner {
	width:1010px;
	margin: 0 auto;
	z-index:199;
}

.backdrop-inner a,
.close a {
	color:#fff;
	text-decoration:none;
}

.logoweiss {
	margin: 31px 0 0 3px;
	z-index:1000;
	position:relative;
}

.backdrop-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity: 0.9;
	-moz-opacity:0.9;
	z-index: 100;
}

.backdrop-content {
	position:relative;
	z-index: 101;
	margin: 30px 0 0 37px;
}

.slideshow {
	position:relative;
}












/* ---------------------------------------------------------------------------- */
/* MISC CLASSES */
/* ---------------------------------------------------------------------------- */

.img-left {
	float:left;
	margin: 0 1em 1em 0;
}

.img-right {
	float:right;
	margin: 0 0 1em 1em;
}











/* ---------------------------------------------------------------------------- */
/* FORMS */
/* ---------------------------------------------------------------------------- */

input {
	font-size: 10px;
	font-family: inherit;
}

textarea {
	font-size: 10px;
	font-family: inherit;
}

select {
	font-size: 10px;
	font-family: inherit;
}








/* ---------------------------------------------------------------------------- */
/* HEADER */
/* ---------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size: 100%;
	line-height: 140%;
}

h1 {
	font-size:26px;
/* 	font-weight:bold; */
	color:#00386b;
	margin: 0 0 3px 0;
	font-family: VBold, Arial;
	line-height: 120%;
	letter-spacing: 2px;
}


h2 {
	font-size:15px;
	letter-spacing: 1px;
	font-family: VBold, Arial;
/* 	font-weight:bold; */
	color:#009ee0;
	margin: 0 0 5px 0;
}










/* ---------------------------------------------------------------------------- */
/* NAVIGATION */
/* ---------------------------------------------------------------------------- */

#meta {
	position: absolute;
	top:8px;
	right:41px;
}

#meta ul {
	list-style: none;
}

#meta ul li {
	display: inline;
	padding: 0 0 0 12px;
	font-size: 11px;
}

#meta ul li a { 
/*
	display: block;
	float:left;
*/
	color: #aaa; 
	text-decoration: none;
}

#meta ul li.active a { 
	color: #222; 
}








/* ---------------------------------------------------------------------------- */
/* HELPER CLASSES */
/* ---------------------------------------------------------------------------- */

.clear {
	clear: both;
}

.out {
	position: absolute;
	top: -999px;
	left: -999px;
}