@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	background:#fff;
	}
img{
	border:none;	
}
sup, sub {
	line-height:0px;
}

#header {
	height:180px;
	background:url(../img/bg/header.gif) repeat-x;
}
#navrow {
	height:43px;
	background:url(../img/bg/navi.gif) repeat-x;
}
#container {
	position:relative;
	left:14px;
	top:0px;
	width:974px;
	min-height:580px;
	margin: 0px auto;
	background:url(../img/bg/midrow.gif) top repeat-x;
	padding:20px 0px 0px 0px;
}
#leftcol {
	float:left;
	width:217px;
	min-height:580px;
}
#centercol {
	float:left;	
	width:472px;
	min-height:600px;
	line-height:1.4em;
	background-color:#fff;
	padding:0px 30px 0px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	text-align:left;
}
#rightcol {
	float:right;	
	width:225px;
	min-height:487px;
	padding-top:3px;
	padding-bottom:90px;
}

#col1 {
	float:left;
	width:402px;
	min-height:487px;
	padding-top:3px;
	padding-bottom:90px;
	}
#col2 {
	float:right;	
	width:532px;
	min-height:470px;
	line-height:1.4em;
	background-color:#fff;
	padding:0px 10px 10px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	text-align:left;
	margin-bottom:15px;
}
#con1 {
	float:left;
	width:300px;
	padding:3px 0px 90px 0px;
	padding-bottom:90px;
	min-height:487px;
	}
#con2 {
	float:right;
	width:505px;
	min-height:500px;
	line-height:1.5em;
	background-color:#fff;
	padding:0px 85px 90px 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	text-align:left;
	border-left:1px dotted #01b5dd;
	border-right:1px dotted #01b5dd;
	}
#footer {
	margin-top:1px;
	height:35px;
	color:#fff;
	font-size:11px;
	text-align:center;
	clear:both;
}
#rightcol img, #col1 img, #con1 img{
	border-top:1px solid #01b5dd;
	border-bottom:1px solid #01b5dd;
	margin-bottom:10px;
	z-index:200;
}
.contentfoto{
	margin:5px 0px 5px 10px;
	padding:2px;
	border:1px solid #01b5dd;
	float:right;
}
.bildunterschrift{
	font-size:11px;
	color:#5151515;
	text-align:left;
	padding-left:10px;
	margin-top:3px;
	margin-bottom:25px;
}
#rightcolBG {
	position:absolute;
	left:749px;
	top:-86px;
	width:225px;
	height:85px;
	background: url(../img/bg/rightcol.gif) no-repeat;
}
#col1bg {
	position:absolute;
	left:0px;
	top:-86px;
	width:402px;
	height:85px;
	background: url(../img/bg/rightcol.gif) repeat-x;
	z-index:1;
}
#con1bg {
	position:absolute;
	left:0px;
	top:-86px;
	width:300px;
	height:85px;
	background: url(../img/bg/rightcol.gif) repeat-x;
	z-index:1;
}
#footerContent {
	position:relative;
	left:14px;
	top:0px;
	margin: 0px auto;
	width:934px;
	padding:7px 20px 0px 20px;
	background: url(../img/bg/footer.gif) top repeat-x;
	letter-spacing:0.01em;
	height:28px;
	text-align:right;
	}

/* BOXES */
.article{
	border-bottom:1px dotted #515151;
	margin-bottom:12px;
	padding-bottom:10px;
}
.top-article{
	margin-bottom:25px;
	padding-bottom:10px;
}
.boxhead  {
	width:203px;
	height:17px;
	background:url(../img/bg/box-header.gif) no-repeat;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	letter-spacing:0.1em;
	padding:6px 6px 6px 8px;
	text-align:left;
}
.boxcontent  {
	width:194px;
	min-height:118px;
	background: url(../img/teaser/probanden-001.jpg) bottom no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#515151;
	letter-spacing:0.1em;
	text-align:left;
	margin-left:1px;
	padding:10px 10px 150px 10px;
	border-bottom:1px solid #01b5dd;
}

.boxcontent ul {
	margin-top:8px;
	margin-left:-25px !important;
	display:inline-block;
}
.boxcontent li {
	margin-bottom:5px;	
	letter-spacing:0.01em;
	color:#01b5dd;
}
.boxcontent li span {
	color:#01b5dd;
	/* color:#515151; */
}
.teaser {
	margin-bottom:5px;	
	letter-spacing:0.01em;
	color:#01b5dd;
	line-height:1.5em;
}
.boxbutton  {
	position:relative;
	top:-35px;
	left:0px;
	width:200px;
	height:20px;
	background:#fff;
	opacity:0.8;
	font-size:14px;
	font-weight:bold;
	color:#01b5dd;
	text-align:right;
	margin-left:1px;
	padding:9px 7px 5px 7px;
	margin-bottom:10px;
}
.boxcontent2  {
	width:210px;
	font-size:11px;
	font-weight:normal;
	color:#515151;
	text-align:left;
	margin-left:1px;
	padding-left:4px;
}
.boxbutton2  {
	width:214px;
	height:20px;
	text-align:right;
	margin-left:1px;
	margin-bottom:20px;
}
/* TEXTFORMATIERUNGEN */
h1 {
	line-height:1.3em;
	color:#01b5dd;
	font-size:18px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
}
h2 {
	color:#01b5dd;
	font-size:16px;
	font-weight:normal;
	line-height:18px;	
	margin-top:18px;
	margin-bottom:5px;
}
h3 {
	color:#515151;
	font-size:12px;
	font-weight:bold;
	line-height:14px;	
	margin-top:12px;
	margin-bottom:4px;
}
h4, h5 {
	color:#01b5dd;
	font-size:12px;
	font-weight:bold;
	line-height:14px;	
	margin-top:12px;
	margin-bottom:4px;
}
.hl-cover{
	border-top:1px dotted #01b5dd;
	border-bottom:1px dotted #01b5dd;
	padding:5px;
	font-size:15px;
	color: #01b5dd;
	background-color:#f8feff;
}
.blau{
	color:#01b5dd;
}
.dunkelblau{
	color:#0060a9;	
}
.small-blau{
	color:#01b5dd;	
	font-size:11px;	
}
.txt10{
	font-size:10px;	
}

/* LINKS */
a, a:link, a:active, a:visited{
	color:#01b5dd;
	text-decoration:underline;	
}
a:hover{
	color:#0060a9;
	text-decoration:underline;		
}
.boxbutton a  {
	display:block;
	text-decoration:none;
}

a.footerLink {
	color:#fff; text-decoration:none;
}

a.footerLink:hover {
	color:#fff; text-decoration:underline;
}

/* BUTTONS TOPNAVIGATION */
.menuholder {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	min-height:43px;
	margin: 0px auto;
	z-index: 103;
	padding-left:14px;
}
.menuholder .link { position: relative; top:  0px; left:  0px; width: auto; height: 32px; float: left; background-image: url(../img/buttons/navi-button-regular.gif); background-repeat: no-repeat; background-position: left top; padding:11px 16px 0; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.menuholder .activelink { position: relative; top:  0px; left:  0px; width: auto; height: 32px; float: left; background-image: url(../img/buttons/navi-button-hover.gif); background-repeat: no-repeat; background-position: left top; padding:11px 16px 0; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.menulast { position: relative; top:  0px; left:  0px; float: left;  height:43px; width:10px;background-image: url(../img/buttons/navi-button-regular.gif); background-repeat: no-repeat; background-position: left top;}
.menuholder .menu                          { position: relative; top:  0px; left:  0px; width: auto; height: auto; float: left; }
.menuholder .menu:hover .link              { position: relative; top:  0px; left:  0px; width: auto; height: 32px; background-image: url(../img/buttons/navi-button-hover.gif); background-repeat: no-repeat; padding:11px 16px 0; }
.menuholder .menu .link                    { position: relative; top:  0px; left:  0px; width: auto; height: 32px; background-image: url(../img/buttons/navi-button-regular.gif); background-repeat: no-repeat; background-position: left top; padding:11px 16px 0; }
.menuholder .menu .link:hover              { position: relative; top:  0px; left:  0px; width: auto; height: 32px; background-image: url(../img/buttons/navi-button-hover.gif); background-repeat: no-repeat;  background-position: left top;  padding:11px 16px 0; }
.menuholder .menu .activelink              { position: relative; top:  0px; left:  0px; width: auto; height: 32px; background-image: url(../img/buttons/navi-button-hover.gif); background-repeat: no-repeat;  background-position: left top;  padding:11px 16px 0; }
.menuholder .menu .active                 { position: relative; top:  0px; left:  0px; width: auto; height: 32px; float: left; background-image: url(../img/buttons/navi-button-hover.gif); background-repeat: no-repeat; padding:11px 16px 0; }
.menuholder .menu .submenu             { position: absolute; top: 32px; left: 0px; height: auto; min-width:250px; display:none; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-align:left;}
.menuholder .menu:hover .submenu       { position: absolute; top: 43px; left: 0px; height: auto; min-width:250px; overflow: visible; display: block; }
.menuholder .menu .submenu .link       { position: relative; top:  0px; left: 0px; height: 15px; min-width:250px; font-size:12px; font-weight:bold; padding: 6px 20px 5px 10px; display: block; border:1px solid #B0E7FF; border-width: 0px 1px 1px 1px; white-space:nowrap; background:#23c8ec no-repeat right 10px; overflow: visible; }
.menuholder .menu .submenu .link:hover { position: relative; top:  0px; left: 0px; height: 15px; min-width:250px; background:#7ee1f7 no-repeat right 10px !important; padding:6px 20px 5px 10px; border:1px solid #B0E7FF; border-width: 0px 1px 1px 1px; white-space:nowrap; color:#0060AC;} 
.menuholder .active  { position: relative; top:  0px; left:  0px; width: auto; height: 23px; float: left; background-image: url(../img/buttons/navi-button-hover.gif); background-repeat: no-repeat; padding:11px 16px 0; }
.menuholder .menu .submenu .link  span{ margin-left:10px; }

div.tn-reg{
	height:43px;
	min-width:120px;
	background:url(../img/but-reg-right.gif) right no-repeat;
	margin-right:10px;
	text-align:center;
	float:left;
}
div.tn-reg a {
	display:block;
	padding:5px 15px 5px 15px;
	line-height:16px;
	background:url(../img/but-reg-left.gif) left no-repeat;
	color:#9c9e9f;
	font-weight:bold;
}
div.tn-reg a:hover {
	color:#01b5dd;
	text-decoration:none;
}
div.tn-hover{
	height:26px;
	min-width:120px;
	background:url(../img/but-hover-right.gif) right no-repeat;
	margin-right:10px;
	text-align:center;
	float:left;
}
div.tn-hover a {
	display:block;
	padding:5px 15px 5px 15px;
	line-height:16px;
	background:url(../img/but-hover-left.gif) left no-repeat;
	color:#01b5dd;
	font-weight:bold;
}
div.tn-hover a:hover {
	text-decoration:none;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #4B575F;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

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

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbPrevLink:hover {
	background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
	background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbNextLink:hover {
	background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/slimbox/close.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*SLIDER*/
.slide {
           	position:relative;
			margin:0px 0px 10px 0px;
            padding:10px 10px 10px 10px;          
            /*border-left:#01b5dd 1px dotted; 
			border-right:#01b5dd 1px dotted;
			border-bottom:#01b5dd 1px dotted;*/
}
.slide_trigger{
            margin:0px 0px 1px 0px;
            padding:10px;         
                      
            /*border-left:#01b5dd 1px dotted; 
			border-right:#01b5dd 1px dotted;
			border-bottom:#01b5dd 1px dotted;*/
			font-size:12px;
            line-height: 14px;
}
a.trigger{            
			font-size:14px;
            color:#01b5dd;
            line-height: 14px;
            text-decoration:none;
            display:block;
            }
a.trigger:link{            
			font-size:14px;
            color:#01b5dd;
            line-height: 14px;
            text-decoration:none;
            display:block;
            }
a.trigger:active{
            color:#01b5dd;
            text-decoration:none;
            }
a.trigger:visited{
            }
a.trigger:hover{            
			color:#515151;
            text-decoration:underline;
            }