@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
  max-width: 100%;
}
.h6{
  
  line-height: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width:100%;
}

/*
  Dreamweaver Fluid Grid Properties
  ----------------------------------
  dw-num-cols-mobile:    4;
  dw-num-cols-tablet:    8;
  dw-num-cols-desktop:  12;
  dw-gutter-percentage:  25;
  
  Inspiration from "Responsive Web Design" by Ethan Marcotte 
  http://www.alistapart.com/articles/responsive-web-design
  
  and Golden Grid System by Joni Korpi
  http://goldengridsystem.com/
*/

.fluid {
  clear: both;
  margin-left: 0;
  width: 100%;
  float: left;
  display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}



.img {max-width: 100%;
	height: auto;
}

@media only screen and (min-width: 768px){
	body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	color: #000;
	background-image: url('../images/hinterneu.png');
	height: 100%;
	background-repeat: repeat;
}
#img {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none;
	max-width: 1000px;
}
#counter{
	float: right;
	z-index: 400;
	margin-top: 0px;
}

#haupt  {
	Z-INDEX: 200;
	POSITION: relative;
	MARGIN: 0px auto;
	WIDTH: 1000px;
	OVERFLOW: hidden;
}
#container {
	position: relative;
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	z-index: 200;
	top: 0px;
}
#container .main-content {
	overflow: hidden;
	padding: 0 20px 0 20px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
}/*
#container .page-bottom {
	background: url('../images/unten.png') no-repeat;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	height: 20px;
}*/
*/
*/
#container .page-top {
	/*background: url('../images/oben6a.jpg') no-repeat;*/
	overflow: hidden;
    margin: 0 10px;
	width: 1000px;
	height: 145px;
	background: #fff;
	
	/*margin:  0 10px 0 0px;
    -moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;*/*
	
}
#container .page-bottom {
	background-image: url('../images/unten.png');
	overflow: hidden;
	height: 20px
}
#container .page-content {
	background: url('../images/mitte.png') repeat-y;
	overflow: hidden;
	padding: 0 10px;
	width: 980px;
	height: auto;
}

.title-text h8{
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-large;
	font-variant: normal;
	font-weight: normal;
	color: #000080;

	
}

.columns-holder {
	margin: 20px 0 0 25px;
	width: 960px;
}
.columns-holder:after {
	display: block;
	content: "";
	clear: both;
}
.columns-holder .sidebar {
	overflow: hidden;
	width: 300px;
	float: left;
}
.sidebar .img2 {
	border: 1px solid #000080 ;
	overflow: hidden;
	width: 100px;
	height: 75px;
	float: right;
	vertical-align: top;
	
}

.columns-holder .main-column {
	position: relative;
	margin: 0px 10px 0 10px;
	overflow: hidden;
	float: left;
	width: 300px;
}
.main-column .img2 {
	overflow: hidden;
	width: 105px;
	height:75px;
	float: right;
	vertical-align: top;
	margin-right: 5px;
}

.columns-holder .column-wrapper {
	overflow: hidden;
	width: 300px;
	float: left;
}
.columns-holder .side-column {
	padding: 12px 20px 0 0;
	float: right;
	width: 300px;
}
.side-column .img2{
	overflow: hidden;
	width: 105px;
	height:75px;
	float: right;
	vertical-align: top;
	margin-right: 12px;
}

/* inner text block styles */
.inner-text {
	overflow: hidden;
	width: 95%;
	color: #000066;
}
.inner-text strong.title {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 21px;
	display: block;
	color: #000066;
	margin: 0 0 15px;
}
.inner-text p {
	line-height: 19px;
	font-size: 12px;
	margin: 0 0 20px;
}
.inner-text  h1{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 21px;
	display: block;
	color: #000066;
	margin: 0 0 15px;}
	
.inner-text h2 {
	
	font-size: 14px;
	line-height: 21px;
	display: block;
	color: #000066;
	margin: 0 0 15px;
}
/* side column styles */
.side-column .image-holder {
	border: 1px solid #000080;
	position: relative;
	margin: 0 0 22px;
	height: 1%;
	padding: 10px;
	width: 133px;
	z-index:350;
	
}
.side-column .image-holder img {
	display: block;
}
.side-column .image-holder a.zoom {
	position: absolute;
	z-index: 400;
	bottom: 12px;
	left: 14px;
	z-index:350;
}
.zoom {
	background: url("../images/icon-zoom.png") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
	z-index:350;
}
.nav2 {
	height: 35px;
	background: url('bg1.gif') repeat-x;
	position: absolute;
	font-family: arial;
	font-size: 14px;
	margin: 0;
	padding: 0;
	left: 10px;
     top: 202px;
	  width: 980px; 
}
.inhalt{
	overflow: hidden;
	width: 100%;
	height:100%;
}

.inhalt .nav{
	width: 1000px;
	float: left;
	overflow: hidden;
	height: 124px;
	z-index: 5000;
}

.inhalt .tab {
	overflow: hidden;
	width: 980px;
	float: left;
	margin-top: 30px;
	display: inline-table;
	visibility: visible;
	table-layout: auto;
}
.inhalt .tab2 {
	overflow: hidden;
	width: 900px;
	margin: 30 0 0 40;
	padding-left:40px;
	display: inline-table;
	visibility: visible;
	table-layout: fixed;
	
}

.inhalt .text {
	overflow: hidden;
	width: 400px;
	float: left;
	margin-top: -10px;}
	
.inhalt .breit {
	overflow: hidden;
	width: 940px;
	float: left;
	
	
}
.inhalt .carousel-holder {
	overflow: hidden;
	float: right;
	width: 500px;
	padding-right: 50px;
	margin-top: 50px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: large;
	font-style: normal;
	font-variant: small-caps;
	font-weight: lighter;
	color: #747477;
	z-index: 250;
}	
.inhalt .carousel-holder2 {
	overflow: hidden;
	float: left;
	width: 900px;
	padding-left: 0px;
	margin: 20px 0 20px 20px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: large;
	font-style: normal;
	font-variant: small-caps;
	font-weight: lighter;
	color: #747477;
	z-index: 250;
}
.inhalt .carousel-holder3 {
	overflow: hidden;
	float: right;
	width: 500px;
	height:300px;
	padding-right: 50px;
	margin-top: 50px;
	overflow:hidden;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: large;
	font-style: normal;
	font-variant: small-caps;
	font-weight: lighter;
	color: #747477;
	z-index: 250;
}		
.inhalt2{
	overflow: hidden;
	width: 980px;
	height:auto;
	padding: 0 5px 0 15px;
	
}

	
/* inhalt text block styles */

.h1{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-large;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	color: #000088;
}  
.h2{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	font-style: normal;
	font-weight: lighter;
	color: #000088;
}
.h3{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-style: normal;
	font-weight: lighter;
	color: #000088;
}
.h4{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: large;
	font-style: normal;
	font-weight: lighter;
	color: #000088;
	font-variant: small-caps;
}
.h5{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-style: normal;
	font-weight: lighter;
	color: #000088;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: center;
}
.h6{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-style: normal;
	font-weight: lighter;
	color: #000088;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: center;
	}
.right{
float:right;
}
.left{
float:left;
}

.inhalt2{
	overflow: hidden;
	width: 980px;
	height:auto;
	padding: 0 5px 0 15px;
	
}
.inhalt2 .nav{
	width: 1000px;
	float: left;
	overflow: hidden;
	height: 124px;
	z-index: 6000;
}



.slideset-holder {
	float: right;
	width: 461px;
}	
.gallery {
	padding: 80px 0 0;
	overflow: hidden;
	width: 461px;
	float: left;
}
.gallery .gallery-wrapper {
	border: 1px double #000080;
	padding: 11px 0px;
	overflow: hidden;
	width: 461px;
	height: 300px;
	float: left;
}
.gallery .gallery-wrapper div.items {
	position: absolute;
	list-style: none;
	width:99999px;
	padding: 0;
	margin: 0;
	top:11px;
	left:0;
}
.gallery .gallery-wrapper ul {
	position: absolute;
	list-style: none;
	width:99999px;
	padding: 0;
	margin: 0;
	top:11px;
	left:0;
}
.gallery .gallery-wrapper div.items div{
	padding: 0 10px;
	width: 439px;
	height: 300px;
	float: left;
}
.gallery .gallery-wrapper ul li{
	padding: 0 0px;
	width: 439px;
	height: 300px;
	float: left;
}
.gallery .gallery-wrapper div.items div img {
	display: block;
}

.gallery .gallery-wrapper ul li img {
	display: block;
}

.gallery .buttons-holder{
	padding: 10px 0;
	float: right;
}

.gallery a.next-arrow {
	background: url('../images/btn-prev.gif') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 0 1px 0 10px;
	width: 20px;
	height: 20px;
	float: left;
}

.gallery a.prev-arrow {
	background: url('../images/btn-prev.gif') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 0 1px 0 10px;
	width: 20px;
	height: 20px;
	float: left;
}
.gallery a.next-arrow {
	background-image: url('../images/btn-next.gif');
}

.scrollbar a.next-arrow{
	padding: 10px 0;
	float: right;
	margin: 10px 1px 0 10px;
	cursor: pointer;
}

.scrollbar a.prev-arrow{
	padding: 10px 0;
	float: right;
	margin: 10px 1px 0 10px;
	cursor: pointer;
}

.scrollbar a.disabled{
	cursor: default;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:Alpha(opacity=50);
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */

.col {
	display: block;
	float:left;
	margin: 0px 5px 5px 0px;
}
.col:first-child {
	margin-left: 0;
	color: #BDECE4;
}


/*  GROUPING  */
/.group:after {
	content:"";
	display:table;
}
.group:before {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GRID OF Two  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49%;
}
.span_3_of_2 {
	width: 150%;
}
.span_4_of_2 {
	width: 200%;
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66%;
}
.span_1_of_3 {
	width: 33%;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}.span_1_of_6 {
  	width: 15.33%;
}
.iwcbox1 {
	background-image: url('../images/backbox.png');
	overflow: hidden;
	font: 12pt;
	padding: 0 5px 0 5px;
	width: auto;
	height: auto;
	border: 1px #eee solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.iwcbox2 {
    width:auto;
	background-color:#fff;
	border: 2px #eee solid;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0px 5px 10px;
	padding: 0 5px 0 5px;
	height:auto;
	overflow:hidden;
}
.iwcbox3 {
    width:auto;
	background-color:transparent;
	border: 2px #eee solid;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 0 5px 5px;
	padding:2px 4px 2px 4px;
	height:auto;
	overflow:hidden;
}
.iwcbox4 {
	border-style: groove;
	background-image: url('../images/backbox.png');
	overflow: hidden;
	font: 12pt;
	padding: 0 5px 0 5px;
	width: 210px;
	height: auto;
	border: 2px #eee solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.iwcbox5 {
    width:auto;
	background-color:#fff;
	border: 2px #eee solid;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0px 0px 5px;
	padding: 0 5px 0 5px;
	height:auto;
	overflow:hidden;
}

.box1 {
height: auto;
background-color:#eee;
padding:5px 5px 5px 5px;
border: 2px #eee solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:90%;

}
.box2 {
top:-10px;
height: 200px;
width: 295px;
background-color:#eee;
padding:10px 5px 10px 15px;
}


/* Formatvorlagen für Fußzeile */
#footer p {
	font-size: 0.8em;
	color: #000080;
	margin: 2px;
	padding: 2px;
}
#footer a {
	color: #;

}
#footer a:hover {
	color: #000;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:90px; 
}  

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; }


#footer {
	text-align: center;
	clear: both;
	width: 626px;
	height:20px;
	margin: 0px auto;
	overflow: auto;
	background-color: #88b0d8;
	border:1px #eee solid;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
a:link { font-family: Verdana, Arial, Helvetica, Sans-Serif;  text-decoration: none; color: #000080; } a:visited { color: orange; }
 a:focus { color: orange; } a:hover { color:orange;  } a:active { color: #eee; }


#span
{font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-style: normal;
	font-weight: lighter;
	color: #000088;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: center;}
.slicknav_menu	{
	display: none;}
#hide_desktop{
	display: none;}	
.hide_desktop{
	display: none;}
.hide_mobile{
		display:block;}
.hide_tablet{
		display:block;}		
.hidden {
    display: none;
}

	
}