@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,p,ul,li,img,form {
	border:0px;
	margin:0px;
	padding:0px;
}
body{
	background-image:url(/lib/static/layout/default/background.gif);
	background-repeat:repeat-x;
	background-color:#001b37;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	border:none;
	color:#FFF;
}
p {
	line-height:20px;
	margin-top:0px;
	margin-bottom:20px;
	font-size:12px;
 	color:#e8e8e8;
}
h1 {
	margin-top:0px;
	margin-bottom:20px;
	font-family:GillSans;
	font-size:20px;
	font-weight:lighter;
}
h1.headline{
	margin-top:0px;
	margin-bottom:20px;
	font-family:GillSans;
	font-size:20px;
	color:#ff610b;
}

h3 {
	margin-top:0px;
	margin-bottom:20px;
	color:#849ebc;
	font-size:17px;
	font-family:GillSans;
}

h4 {
	margin-top:0px;
	margin-bottom:10px;
	color:#ffffff;
	font-size:11px;
}
li {
	list-style-position:outside;
	line-height:17px;
	margin-bottom:5px;
}

.img_border {
	border:1px solid #98a7b8;
	float:left;
}

.framefull {
	width:100%;
	float:left;
	margin-bottom:20px;
}

.hor_line {
	border-bottom: 1px solid #334f6f;
	height:1px;
	margin-bottom:20px;
}

header{
	float:left;
	width:986px;
	height:90px;
}

.container {
	margin:0px auto 0px auto;
	width:986px;
}
#content-back_start{
	margin-left:20px; 
	margin-top:40px; 
	float:left; 
	background-color:#002142;
	background-image:url(/lib/static/layout/default/var-right-back.gif);
	background-position:top right; 
	background-repeat:repeat-y;
}
#logo{
	padding-top:17px;
	margin-left:20px;
	width:244px;
	height:71px;
	float:left;
}
#sopralogo{
	width:75px;
	height:20px;
	position:absolute;
	left:50%;
	top:14px;
	margin-left:420px;
	_marg-left:210px;
	z-index:999;
}
.language{
	position:absolute;
	left:50%;
	top:11px;
	width:68px;
	height:20px;
	margin-left:330px;
	float:left;
	z-index:999;
}
.lang{
	margin-right:10px;
}
.mainnavi{
	height:50px;
	width:700px;
}
.navipunkt{
	font-family:GillSans; 
	color:#7f9fbd;
	font-size:16px;
	margin-left:30px;
	height:37px;
	float:right;
}
.navipunkt-hi{
	font-family:GillSans; 
	color:#FFF;
	border-bottom:1px solid #ff610b;
	font-size:16px;
	margin-left:30px;
	height:37px;
	float:right;
}
.navipunkt:hover{
	color:#FFF;
}

.content-header{
	float:left;
	margin-top:36px;
	padding-left:20px;
	width:966px;
	height:168px;
}
.video{
	padding-left:20px;
	margin-top:36px;
	width:966px;
	height:490px;
	float:left;
}
#videocontent{
	width:811px;
	height:456px;
	float:left;
}
#videovorschau{
	height:408px;
	width:152px;
	margin-top:6px;
	float:left;
	background-color:#001228;
}
.videothumb{
	width:145px;
	height:73px;
	margin-bottom:29px;
	_margin-bottom:5px;
	float:left;
}
.content-header{
	float:left;
	margin-top:36px;
	padding-left:20px;
	width:986px;
	height:168px;
}
#content-headline{
	position:absolute;
	left:50%;
	top:463px;
	margin-left:-493px;
	width:323px;
	height:102px;
	background-image:url(/lib/static/layout/default/headline.gif);
	background-repeat:no-repeat;
	font-family:GillSans;
	color:#FFF;
	font-size:20px;
	z-index:99;
}
#content-headline h1{
	font-size:32px;
	margin-top:13px;
	margin-bottom:0px;
	margin-left:20px;
	font-weight:bold;
}
#content-headline h2{
	font-size:19px;
	margin-left:20px;
	font-weight:normal;
}
#headline{
	position:absolute;
	left:50%;
	top:463px;
	margin-left:-493px;
	width:323px;
	height:102px;
	background-image:url(/lib/static/layout/default/headline.gif);
	background-repeat:no-repeat;
	font-family:GillSans;
	color:#FFF;
	font-size:20px;
	z-index:99;
}
#headline h1{
	font-size:32px;
	margin-top:13px;
	margin-bottom:0px;
	margin-left:20px;
	font-weight:bold;
}
#headline h2{
	font-size:19px;
	margin-left:20px;
	font-weight:normal;
}

.thumbtext-hi{
	position:relative;
	top:65px;
	left:0px;
	height:20px;
	border:0px;
	margin:0px;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	font-family:GillSans; 
	color:#FFF;
	font-size:12px;
	float:left;
	background-color:#ff610b;
	font-family:GillSans;
}
.thumbtext{
	position:relative;
	top:65px;
	left:0px;
	height:20px;
	border:0px;
	margin:0px;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	font-family:GillSans; 
	color:#FFF;
	font-size:12px;
	float:left;
	background-color:#001228;
	border-left:2px solid #ff610b;
}
.thumbpic-hi{
	border:1px solid #ff610b; 	
	margin-left:15px;
}
.thumbpic{
	border:1px solid #264b6f; 	
	margin-left:15px;
}
.thumbpic:hover{
	border:1px solid #ff610b; 	
	margin-left:15px;
}
.teaserborder{
	border:1px solid #264b6f; 	
}
.teaserborder:hover{
	border:1px solid #ff610b; 	
}
.blueborder{
	border:1px solid #264b6f;
}
.teaserflaechen{
	height:145px;
	width:986px;
	float:left;
}
.teaser{
	width:290px;
	height:143px;
	background-color:#001228;
	margin-left:20px;
	_margin-left:10px;
	margin-right:20px;
	_margin-right:20px;
	float:left;
	color:#7f9fbd;
	font-family:GillSans; 
}
.teaser h1{
	font-size:20px;
	margin-left:13px;
	margin-top:6px;
	font-weight:normal;
}
#teaserwellness{
	background-image:url(/lib/static/layout/default/teaser-wellness.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:105px;
	float:left;
}
#teaserwellness:hover{
	background-image:url(/lib/static/layout/default/teaser-wellness-hi.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:105px;
	float:left;
}
#teaserschwimmbad{
	background-image:url(/lib/static/layout/default/teaser-schwimmbad.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:105px;
	float:left;
}
#teaserschwimmbad:hover{
	background-image:url(/lib/static/layout/default/teaser-schwimmbad-hi.jpg);
}
#teaserbhkw{
	background-image:url(/lib/static/layout/default/teaser-bhkw.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:105px;
	float:left;
}
#teaserbhkw:hover{
	background-image:url(/lib/static/layout/default/teaser-bhkw-hi.jpg);
}
@font-face {
	font-family: 'GillSans';
	src: url('/content/font/gill_sans_mt-webfont.woff') format('woff'), url('/content/font/gill_sans_mt-webfont.ttf') format('truetype'), url('/content/font/gill_sans_mt-webfont.svg#webfontNq7Lk3mS') format('svg');
	font-weight: normal;
	font-style: normal;
}



/****************************************************************/
/*  CONTENT-Varianten: Gesamtbreite: 704px  */
/****************************************************************/

#var2_left {
	width:584px;
	padding:20px;
	float:left;
	background-color:#001228;
}

#var2_right {
	width:322px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	padding-left:0px;
}
#content-back_start{
	margin-left:20px; 
	_margin-left:10px;
	margin-top:40px; 
	float:left; 
	background-color:#002142;
	background-image:url(/lib/static/layout/default/var-right-back.gif);
	background-position:top right; 
	background-repeat:repeat-y;
}

/********* ALTES ZEUG**************/

/****************************************************************/
/*  TAGS  */
/****************************************************************/

a.subnavi {
	display:block;
	height:20px;
	background-color:#00234b;
	border-bottom:1px solid #334f6f;
	color:#FFFFFF;
	padding-left:11px;
	padding-top:4px;
	font-size:11px;
}

a.subnavi_hi {
	display:block;
	height:20px;
	background-color:#1a395d;
	background-image:url(subnavi_highlight.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #334f6f;
	color:#FFFFFF;
	padding-left:11px;
	padding-top:4px;
	font-size:11px;
}

a.subnavi:hover {
	background-color:#1a395d;
	background-image:url(subnavi_highlight.gif);
	background-repeat:no-repeat;
}


a.subsubnavi {
	margin-left:10px;
	display:block;
	height:17px;
	background-color:#1a395d;
	border-bottom:1px solid #334f6f;
	color:#FFFFFF;
	padding-left:11px;
	padding-top:3px;
	font-size:11px;
}

a.subsubnavi_hi {
	margin-left:10px;
	display:block;
	height:17px;
	background-color:#00234b;
	background-image:url(subnavi_highlight.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #334f6f;
	color:#FFFFFF;
	padding-left:11px;
	padding-top:3px;
	font-size:11px;
}

a.subsubnavi:hover {
	background-color:#00234b;
	background-image:url(subnavi_highlight.gif);
	background-repeat:no-repeat;
}

#picture_popup {
}