body, html {
	font-family:Arial;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	float:left;
	position:relative;
	width:100%;
	min-height:1280px;
	height:auto !important;
	height:500px;	
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
	width:100%;
    /* fallback (Opera) */
    background: #ffffff;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 60, from(#ffffff), to(#096667));
    /* Mozilla: */
    background: -moz-linear-gradient(top, #FFFFFF, #096667);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#FFFFFF), to(#096667));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#FFFFFF', EndColorStr='#096667', GradientType=0);
	
}

br {
	line-height:10px;
}

a img {
	border : 0 none;
}

#wrapper {
	margin:0 auto;
	width:901px;
	text-align: left;
} 
   
#mainwrapper {
	text-align:left;
	margin:auto;
}

#topmenuwrapper {
	font-size:11px;
	color:#000000;
	text-align:right;
	margin-top:10px;
	font-style:normal;
	text-decoration:none;
}

#topmenuwrapper a{
	font-size:11px;
	color:#000000;
	font-style:normal;
	text-decoration:none;
}

#topmenuwrapper a:hover{
	font-size:11px;
	color:#096667;
	font-style:normal;
	text-decoration:none;
}

#logowrapper {
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:none;
}

#logowrapper a{
	text-decoration:none;
}

#logowrapper a:hover{
	text-decoration:none;
}

#logowrapper a:active{
	text-decoration:none;
}

#impressumwrapper {
	text-align:left;
}

#footerwrapper {
	font-size:11px;
	color:#000000;
	text-align:center;
	margin-top:10px;
	font-style:normal;
	text-decoration:none;
}

#footerwrapper a{
	font-size:11px;
	color:#000000;
	font-style:normal;
	text-decoration:none;
}

#footerwrapper a:hover{
	font-size:11px;
	color:#096667;
	font-style:normal;
	text-decoration:none;
}

/* ########################################################################################################################### */
/* ########################################################################################################################### */
/* ########################################################################################################################### */

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* root element for tabs  */
ul.css-tabs {  
	margin:0 auto; 
	padding:0px 0px 0px 0px;
	height:125px;
	border-bottom:0px solid #000000;	 
	border-right-width: 1px;	
	display:block;
	text-align:center;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;  
	list-style-type:none;	
	min-width:180px;
	text-align:center;
	display:block;
	background-image:url('../images/tab1.png');
	background-repeat:no-repeat;
	background-position:center;
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	border:0px solid #096667;	
	border-bottom:0px;
	height:115px;
	color:#ffffff;
	margin-right:0px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:0px 0px 0 0;	
}

ul.css-tabs a:hover {
	color:#ffffff;
	-moz-border-radius:0px 0px 0 0;	
	display:block;
}
	
/* selected tab */
ul.css-tabs a.current {
	border-bottom:1px solid #ffffff;	
	color:#ffffff;
	font-weight:normal;	
	cursor:default;
	-moz-border-radius:0px 0px 0 0;	
	display:block;
}

ul.css-tabs strong {
	text-align:center;
	position:absolute;
	top:10px;
	margin-left:26px;
}

ul.css-tabs img {
	position:relative;
	top:30px;
	border-color:#096667;
	border-width:3px;
	border-style:solid;
	margin-bottom:20px;
	margin-left:26px;
	margin-right:26px;
}
	
/* tab pane */
.css-panes div {
	display:none;
	border:0px solid #3B3B3B;
	margin-left:0px;
	margin-right:1px;
	border-width:1px 1px 1px 1px;
	min-height:250px;
	padding:15px 20px;
	background-color:#ffffff;	
}

.hscbutton  {
	border-color:#000000;
	border-width:1px;
	border-style:solid;
    background-color: #096667;
    color:#ffffff;
}

/* ########################################################################################################################### */
/* ########################################################################################################################### */
/* ########################################################################################################################### */

/* the overlayed element */
.apple_overlay {

	text-align:center;
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/transparent2.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:900px;		
	position:relative;
	/* some padding to layout nested elements nicely  */
	padding-top:35px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:35px;
	margin:0px;

	/* a little styling */	
	font-size:11px;
	color:#ffffff;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	font-size:11px;
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	font-size:11px;
	background-image:url(../images/transparent2.png);
	color:#ffffff;
}

#overlay a{
	font-size:11px;
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
}

#overlay a:hover{
	font-size:11px;
	color:#096667;
	font-style:normal;
	text-decoration:none;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	font-size:11px;
	color:#ffffff;
	height:300px;
	overflow-y:auto;
	text-align:left;
	margin: 25px;
	padding-top:10px;
    padding-right:25px;
}

div.contentWrap a{
	font-size:11px;
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
	margin-left:5px;
}

div.contentWrap a:hover{
	font-size:11px;
	color:#096667;
	font-style:normal;
	text-decoration:none;
	margin-left:5px;
}

/* ########################################################################################################################### */
/* ########################################################################################################################### */
/* ########################################################################################################################### */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:300px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:auto;
}