/* styles.css for 3k 
version 2010-07-26 (msc) HTML Experts */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* import_basics.css
reset all browser defaults,project-specific css-basics,basic layout:*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,tt,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:14px;font-family:Helvetica,Arial,sans-serif;vertical-align:baseline;background:transparent;}
body{line-height:1;background:#fff url(bgi/bg_body.gif) repeat-x;color:#333;}
/* Sticky Footer Extras:*/
html,body{height:100%;}
#wrapSF{min-height:99%;}
ol,ul{list-style:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0;font-size:16px}
caption,th,td{text-align:left;vertical-align:top;font-weight:normal}
img{display:block;border:0}
strong{font-weight:bold}
a{text-decoration:none;}
.floatRight{float:right}
.floatLeft{float:left}
.clearBoth{clear:both}
.alignRight{text-align:right}
.displayBlock{display:block}
.jqHide,
.displayNone{display:none}
.caf:after,
#theSite:after,
#main:after,
#wrapMain:after,
#content.narrow div.content_middle:after,
#content.wide div.content_middle:after {content:".";display:block;height:0;clear:both;visibility:hidden}
div.fakeHR{width:100%;height:1px;background-color:#28333F}
div.fakeHR hr{display:none}
.upperCase{text-transform:uppercase}
.hovered{text-decoration:underline}
#theSite{width:995px;min-height:300px;margin:0 auto;padding-bottom:50px;}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* import_header.css  */

#header {
position: relative;
width: 995px;
height: 100px;
background: #fff;
}

/* Hauptnavigation */
#navLevel-1 ul {
background: transparent url(bgi/bg_navLevel-1.gif) no-repeat;
position: absolute;
top: 0;
right: 0;
width: 605px;
height: 43px;
padding: 0 20px;
}
#navLevel-1 ul li {
display: inline-block;
float: left;
margin-right: 10px;
}
#navLevel-1 ul li a, #navLevel-1 ul li a:link, #navLevel-1 ul li a:visited {
color: #fff;
background: #9c3;
display: inline-block;
line-height: 30px;
text-transform: uppercase;
padding: 0 5px;
font-size: 12px;
font-weight: bold;
}
#navLevel-1 ul li a:focus, #navLevel-1 ul li a:hover, #navLevel-1 ul li a:active,
#navLevel-1 ul li.active a {
color: #9c3;
background: #fff;
}
#navLevel-1 ul li.active a {
color: #000;
background: #fff;
}
#navLevel-1 ul li.active a:hover {
text-decoration: underline;
}






/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* import_main.css for 3k */


#main {
position: relative;
width: 995px;
min-height: 200px;
}




#wrapMain {
position: relative;
float: right;
width: 646px;
min-height: 400px;
}

/* Achtung: #content muss immer höher sein als #navLevel-2, um den footer runter zu drücken! */

#content {
position: relative;
left: 0;
top: 0;
min-height: 400px;
background: transparent;
}

/* 1. narrow: */
#content.narrow {
width: 462px;
}

#content.narrow div.content_top {
width: 462px;
height: 8px;
background: transparent url(bgi/bg_contentN_top.png) no-repeat;
}
#content.narrow div.content_middle {
/* width: 462px; */
width: 400px;
min-height: 20px;
padding: 20px 34px 0 28px;
background: transparent url(bgi/bg_contentN.png) repeat-y;
}
#content.narrow div.content_bottom {
width: 462px;
height: 30px;
background: transparent url(bgi/bg_contentN_bottom.png) no-repeat;
}



/* 2. wide: */
#content.wide {
width: 646px;
}

#content.wide div.content_top {
width: 646px;
height: 18px;
background: transparent url(bgi/bg_contentW_top.png) no-repeat;
}
#content.wide div.content_middle {
/* width: 646px; */ 
width: 580px;
padding: 10px 34px 10px 28px;
background: transparent url(bgi/bg_contentW.png) repeat-y;
}
#content.wide div.content_bottom {
width: 646px;
height: 30px;
background: transparent url(bgi/bg_contentW_bottom.png) no-repeat;
}


#content a, #content a:link, #content a:visited {
text-decoration: none;
color: #9c3;
}
#content a:focus, #content a:hover, #content a:active {
text-decoration: underline;
color: #9c3;
}

#content img {
float: left;
margin: 0 18px 10px 0;
}
#content img.galerie {
float: left;
margin: 0 17px 18px 0;
}
#content img.galerie3 {
float: left;
margin: 0 0 18px 0;
}
#content img.absatz {
float: none;
margin: 0 0 15px 0;
}



#content span.volleBreite img {
float: left;
margin: 0 0 10px 0;
}
#content a.lightbox {
display: block;
/* width: 160px;
height: 110px; */
position: relative;
float: left;
margin: 3px 20px 4px 0;
border: 1px solid #fff;
}
#content a.lightbox:hover {
border: 1px solid #98cc32;
}
#content a.lightbox img {
margin: 0;

}
#content a.lightbox span.enlarge {
display: block;
width: 21px;
height: 21px;
overflow: hidden;
background: #98cc32 url(bgi/icon_bild_gross.png) no-repeat;
position: absolute;
bottom: 0;
right: 0;
z-index: 20;
}


#content p, #content li, #content h3, #content h4 {
line-height: 1.4em;
}


#content p {
padding: 0 0 10px 0;
}
#content h2 {
font-size: 18px;
margin: 0 0 20px 0;
padding-right: 100px;
line-height: 1.2em;
position: relative;
background: #fff;
z-index: 20;
}
#content h2 span.subheadline {
margin-top: -20px;
font-size: 16px;
}
#content h3 {
margin: 20px 0 10px 0;
font-weight: bold;
}
#content ul {
padding: 10px 0 10px 0;
}
#content ul li {
padding: 0 0 8px 18px;
background: transparent url(bgi/3k_bullet.gif) no-repeat 0 1px;
}


/* Listenansicht */
#content div.list-teaser {
margin: 20px 0 40px 0;
}
#content div.list-teaser h3,
#content div.list-teaser strong {
color: #666;
}

#content div.list-teaser h3,
#content div.list-teaser h3 a {
font-size: 18px;
padding: 0;
line-height: 1.2em;
margin: 0;
}
#content div.list-teaser p {
margin: 4px 0;
}

#content div.list-teaser p.weiter {
padding: 0;
margin: 0;
line-height: 1.0em;
}
#content div.list-teaser p.date-published {
margin: 0;padding-bottom: 5px;
font-weight: bold;
font-size: 13px;
}



#content div.list-teaser p.weiter a {
font-weight: bold;
text-transform: uppercase;
padding: 2px 0 2px 28px;
background: transparent url(bgi/icon-plus.gif) no-repeat;
}





#content #goback {
position: absolute;
display: inline-block;
min-width: 40px;
height: 14px;
right: 37px;
top: 30px;
padding: 2px 26px 2px 0;
background: transparent url(bgi/icon-minus.gif) no-repeat 100% 0;
z-index: 50;
}
#content #goback a {
font-weight: bold;
text-transform: uppercase;
z-index: 500;
}

#content #blaettern {
padding-top: 10px;
border-top: 1px dotted #9c3;
}
#content #blaettern #ditto_pages {
}

#content #blaettern #ditto_pages a,
#content #blaettern #ditto_pages span {
margin: 0 5px 0 0 ;
padding: 0 5px;
font-weight: bold;
}





/* rechte grüne Box */

#box {
background: transparent url(bgi/bg_box_top.png) no-repeat 0 0;
position: absolute;
right: 0;
top: 0;
/* width: 196px; */
width: 184px;
/* min-height: 120px; */
padding: 20px 13px 30px 0;
z-index: 20;
}
#box_bottom {
background: transparent url(bgi/bg_box_bottom.png) no-repeat 0 0;
position: absolute;
left: 0;
bottom: 0;
width: 196px;
min-height: 22px;
}


#box h3 {
color: #fff;
font-size: 16px;
margin: 15px 20px 25px 15px;
}
#box p {
color: #fff;
margin: 10px 20px 10px 15px;
}

#box ul {
color: #fff;
padding: 0;
}
#box ul li {
color: #fff;
margin: 0 0 5px 0;
padding: 2px 0;
}
#box ul li a {font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 6px 20px; display: block;}
#box ul li ul li a {font-weight: normal; font-size: 14px; text-transform: none;text-decoration: none;}

#box a,
#box a:link,
#box a:visited {
color: #fff;
text-decoration: none;
}
#box a:focus,
#box a:hover,
#box a:active {
/* color: #fff;
text-decoration: underline; */
background-color: #fff;
color: #9c3;
text-decoration: none;
}

/* LEVEL-3: */
#box ul li ul {
padding: 3px 0 0 0;
margin: 0 0 5px 0;
background-color: #77aa26;
}
#box ul li ul li {
margin: 0 0 3px 0;
padding: 2px 0 0 0;
}

#box ul li.active {
	background-color: #77aa26;
}
#box ul li.active a {
text-decoration: underline;
}
#box ul li.active a:hover {
/* color: #999; */
text-decoration: underline;
}

#box ul li.active ul li a {
color: #000;
text-decoration: none;
background-color: #77aa26;
}


#box ul li.active ul li a,
#box ul li.active ul li a:link,
#box ul li.active ul li a:visited {
color: #fff;
text-decoration: none;
}
#box ul li.active ul li a:focus,
#box ul li.active ul li a:hover,
#box ul li.active ul li a:active {
color: #fff;
text-decoration: underline;
}

#box ul li.weAreHere a,
#box ul li.active ul li.weAreHere a {
	color: #000;
	text-decoration: none;
 	background-color: #fff; 
}









/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* import_footer.css */

#footer {
background: #fff url(bgi/bg_footer.gif) repeat-x;
position: relative;
margin-top: -50px; /* Negativer Wert der Footer-Höhe */
height: 50px;
clear:both;
}

#footer div {
width: 935px;
height: 30px;
margin: 0 auto;
padding: 20px 60px  0 0;
background: transparent url(bgi/bg_footer2.gif) no-repeat 100% 28px;

}

#footer div ul {
float: right;
min-width: 20px;
}
#footer div ul li {
display: inline-block;	
line-height: 30px;
margin: 0 0 0 5px;
float: left;
}

#footer div ul li a,
#footer div ul li a:link,
#footer div ul li a:visited {
background: transparent url(bgi/sprite_footericons.gif) no-repeat;
display: inline-block;	
line-height: 30px;
text-transform: uppercase;
color: #333;
font-weight: bold;
font-size: 12px;
padding-left: 40px;
}
#footer div ul li a:focus,
#footer div ul li a:hover,
#footer div ul li a:active {
text-decoration: underline;
color: #000;
}
#footer div ul li a.fi1 {background-position: 0 -44px;}
#footer div ul li a.fi2 {background-position: 0 -144px;}
#footer div ul li a.fi3 {background-position: 0 -244px;}






/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* import_efx.css */


#efxNav {
float: left;
width: 345px;
min-height: 400px;
padding-top: 80px;
}

#efxNav a, #efxNav a:link, #efxNav a:visited {
color: #6f6f6f;
text-decoration: none;
padding: 1px 3px;
display: inline;
line-height: 1.2em;
}
#efxNav a:focus, #efxNav a:hover, #efxNav a:active {
color: #000;
text-decoration: underline;
}






#efx4_A, #efx4_B, #efx4_C {
width: 345px;
position: relative;
overflow: hidden;
}





/* 3 Bloecke a 4-links: */

#efxNav #efx4_A {
height: 90px;
background: #fff url(bgi/bg_efx4_A.gif) no-repeat 30px 0;
margin-bottom: 20px;
}


#efxNav #efx4_B {
height: 120px;
background: #fff url(bgi/bg_efx4_B.gif) no-repeat -50px 0;
}


#efxNav #efx4_C {
height: 180px;
background: #fff url(bgi/bg_efx4_C.gif) no-repeat -40px 0;
}



#efxNav ul li {
text-align: center;
position: absolute;
}



/* positionen im A-Block bei 4 links (efx4) */
#efxNav #efx4_A1 {
top: 33px;
left: 0;
width: 127px;
text-align: right;
}
#efxNav #efx4_A1 a {
color: #e39f28;
font-weight: bold;
font-size: 26px;
}
#efxNav #efx4_A1.aktiv,
#efxNav #efx4_A2.aktiv,
#efxNav #efx4_A3.aktiv,
#efxNav #efx4_A4.aktiv {
text-decoration: none;
background-color: #e39f28;
color: #fff;
}

#efxNav #efx4_A2 {
top: 10px;
left: 0;
width: 276px;
}
#efxNav #efx4_A3 {
top: 45px;
left: 167px;
width: 170px;
text-align: left;
}
#efxNav #efx4_A4 {
top: 67px;
left: 0;
width: 266px;
}




/* positionen im B-Block bei 4 links (efx4) */
#efxNav #efx4_B1 {
top: 40px;
left: 0;
width: 190px;
text-align: right;
}
#efxNav #efx4_B1 a {
color: #5fa7d2;
font-weight: bold;
font-size: 28px;
}
#efxNav #efx4_B1.aktiv,
#efxNav #efx4_B2.aktiv,
#efxNav #efx4_B3.aktiv,
#efxNav #efx4_B4.aktiv {
text-decoration: none;
background-color: #5fa7d2;
color: #fff;
}

#efxNav #efx4_B2 {
top: 11px;
left: 77px;
width: 260px;
/* font-size: 16px; */
}
#efxNav #efx4_B3 {
top: 53px;
left: 240px;
width: 95px;
text-align: left;
/* font-size: 16px; */
}
#efxNav #efx4_B4 {
top: 77px;
left: 82px;
width: 250px;
/* font-size: 16px; */
}



/* positionen im C-Block bei 4 links (efx4) */
#efxNav #efx4_C1 {
top: 76px;
left: 0;
width: 190px;
text-align: right;
}
#efxNav #efx4_C1 a {
color: #eb5c7a;
font-weight: bold;
font-size: 30px;
}
#efxNav #efx4_C1.aktiv,
#efxNav #efx4_C2.aktiv,
#efxNav #efx4_C3.aktiv,
#efxNav #efx4_C4.aktiv {
text-decoration: none;
background-color: #eb5c7a;
color: #fff;
}

#efxNav #efx4_C2 {
top: 35px;
left: 98px;
width: 230px;
/* font-size: 18px; */
}
#efxNav #efx4_C3 {
top: 104px;
left: 256px;
width: 60px;
text-align: left;
}
#efxNav #efx4_C4 {
top: 130px;
left: 98px;
width: 230px;
}


#efxNav #efx4_A2 a,
#efxNav #efx4_A3 a,
#efxNav #efx4_A4 a {
font-size: 15px; 
}
#efxNav #efx4_B2 a,
#efxNav #efx4_B3 a,
#efxNav #efx4_B4 a {
font-size: 16px; 
}
#efxNav #efx4_C2 a,
#efxNav #efx4_C3 a,
#efxNav #efx4_C4 a {
font-size: 17px; 
}

#efxNav #efx4_A1 a:hover,
#efxNav #efx4_B1 a:hover,
#efxNav #efx4_C1 a:hover {
color: #fff;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
}

#efxNav #efx4_A1 a:hover {
background-color: #e39f28;
}
#efxNav #efx4_B1 a:hover {
background-color: #5fa7d2;
}
#efxNav #efx4_C1 a:hover {
background-color: #eb5c7a;
}














/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* msc customized version!! */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
	webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;

    
}
#lightbox-container-image { padding: 10px; }

#lightbox-loading-link {
	display: block;
	width: 32px; height: 32px;
 position: absolute;
 left: 45%;top: 45%;
}
#lightbox-nav {
	display: none;		
}


#lightbox-container-image-data-box {
	
	background-color: #fff;
	margin: 0 auto;
	
	overflow: auto;
	width: 100%;
	padding: 0 10px;
	
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#lightbox-container-image-data {
	color: #333; 
	font-size: 12px;
	line-height: 1.6;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	
		
#lightbox-secNav-btnClose {
	width: 66px; 
	width: 105px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background: transparent url(bgi/black_arrow_bottom.png);
	font-size:14px;
	height:70px;
	height:38px;
	width:160px;
	padding:37px 25px 13px 25px;
	color:#333;	
	z-index: 400;

}

/* xxx xxx */
/* nochmal das orginal ran... */

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 44%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
