@charset "ISO-8859-1";
@import url("../js/lytebox/lytebox.css");


/*
 * Author:	MIZ-CMS
 * Date: 	2011-02-26 22:57:03
 */


/**************************************************************
	DEFAULT
 **************************************************************/
* {
	margin:				0;
	padding:			0;
}

body {
	margin:				0;
	font-family:			sans-serif;
}

body, th, td, pre {
	font-size:			14px;
}

#container {
	margin:				1em;
}

h1 { font-size:2.00em; line-height:1.5em; }
h2 { font-size:1.75em; line-height:1.5em; }
h3 { font-size:1.50em; line-height:1.5em; }
h4 { font-size:1.25em; line-height:1.5em; }
h5 { font-size:1.10em; line-height:1.5em; }
h6 { font-size:1.00em; line-height:1.5em; }

p {
	margin:				1em 0em;
}

ul, ol {
	margin:				1em 0em 1em 2em;
}

ul ul, ol ol {
	margin-top:			0em;
	margin-bottom:			0em;
}

li {
	line-height:			1.3em;
}

acronym {
	cursor:				help;
	border-bottom-style:		dotted;
	border-bottom-width:		1px;
}

img {
	border:				0;
}

img.imgleft {
	margin-right:			.7em;
}

img.imgright {
	margin-left:			.7em;
}

div.advcontent {
	margin:				.2em 0em;
	float:				left;
	width:				100%;
}

div.advcontent-end {
	clear:				left;
}

div#bodyend {
	clear:				both;
}

div.browser-note {
	margin:				0px;
	height:				31px;
	font-family:			sans-serif;
	font-size:			12px;
	font-weight:			bold;
}

div.browser-note table {
	margin:				0px;
	width:				100%;
	position:			fixed;
	z-index:			100;
	top:				0px;
	border-collapse:		collapse;
	border-spacing:			0;
	border-bottom:			solid 1px #000;
	color:				#000;
	text-align:			center;
	background-color:		#ff9;
}

div.browser-note table td {
	margin:				0px;
	font-family:			sans-serif;
	font-size:			12px;
	font-weight:			bold;
	text-align:			center;
	padding:			4px 15px;
	height:				22px;
}

div#oldbrowserwarning table {
	background:			#f99 url("../cms/images/warning.gif") no-repeat 10px 50%;
}

div#oldbrowserwarning table td {
	padding-left:			37px;
	text-align:			left;
}

div#oldbrowserwarning a {
	color:				#fff;
}

div#youfoundusnote table {
	text-align:			center;
	background-color:		#ff9;
}

div#youfoundusnote i {
	color:				#00f;
}

div#youfoundusnote a {
	color:				#c00;
}


/**************************************************************
	GALLERY DEFAULT
 **************************************************************/
div.gallery {
	margin:				.2em 0em;
	float:				left;
	width:				100%;
}

div.gallery div.thumbnail {
	float:				left; 
	padding:			0px;
}

div.gallery div.thumbnail a {
	border:				solid 1px gray;
	display:			block;
	margin:				0;
	padding:			0;
}

div.gallery div.thumbnail a img {
	border:				none;
	margin:				0;
	padding:			0;
}

div.gallery div.thumbnail p.desc {
	text-align:			center;
	font-family:			sans-serif;
	font-size:			.8em;
	line-height:			1em;
	padding:			2px;
	margin:				0;
	background-color:		#ccc;
	border-left:			solid 1px gray;
	border-right:			solid 1px gray;
	border-bottom:			solid 1px gray;
}


/**************************************************************
	GENERAL
 **************************************************************/
body {
	background-image:		url("../files/design/bg.png");
	background-repeat:		repeat-x;
	margin:				0;
}

body, th, td, pre {
	font-family:			Arial, sans-serif;
	font-size:			1.2em;
	color:				#484848;
}

#container {
	position:			relative;
	width:				988px;
	margin:				0px auto;
}


#body {
	/*position:			relative;*/
	/*background-image:		url("../files/design/body.png");
	background-repeat:		repeat-y;*/
	min-height:			100px;
	padding-right:			6px;
	/*height:			100%;*/
}

#bodyend {
	clear:				both;
	height:				25px;
}

#content-end {
	clear:				both;
	height:				25px;
}


hr.content-divider {
	display:			none;
}

a {
	color:				#3A75C4;
	/*color:			#72a7ff;*/
	text-decoration:		none;
}

a:hover {
	color:				#F50;
}

acronym {
	border-bottom:			dotted 1px #3A75C4;
	color:				#3A75C4;
}

p {
	margin-top:			.3em;
	margin-bottom:			.6em;
	line-height:			1.4em;
}

ul {
	margin-left:			.8em;
}

ul li {
	list-style-type:		none;
	/*background-image:		url("../files/design/miz-list.png");
	background-position:		left .4em;
	background-repeat:		no-repeat;*/
	line-height:			1.5em;
	/*padding-left:			15px;*/
}


/**************************************************************
	HEADER
 **************************************************************/
#header {
	height:				109px;
	background-image:		url("../files/design/header.png");
	background-repeat:		no-repeat;
	/*position:			relative;*/
}

#header h1, #header h2 {
	display:			none;
}


/**************************************************************
	WERBUNG
 **************************************************************/
#adaf {
	margin:				0 auto;
	font-size:			0.6em;
	text-align:			center;
}


/**************************************************************
	NAVIGATION
	div #navigation > ul .last >
	li.group .last > a.grouplink ul.last >
	ul.last > li.link last
 **************************************************************/

#navigation {
	/*background:		url("../files/design/navi.png") no-repeat;*/
	height:			35px;
	right:			30px;
	top:			74px;
	color:			#72a7ff;
	position:		absolute;
	font-weight:		bold;
	font-size:		1.0em;
	z-index:		100;
	width:			610px;
}

#navigation a {
	font-family:		Arial, sans-serif;
	color:			#72a7ff;
	font-size:		1.1em;
}


#navigation h2 {
	display:		none;
}

#navigation ul {
	list-style-type:	none;
	/*background:		#DDD;*/
	margin:			0;
	position:		absolute;
}

#navigation ul li.group {
	font-family:		Arial, sans-serif;
	color:			#72a7ff;
	float:			left;
	height:			41px;
	line-height:		32px;
	margin:			0 15px;
	text-align:		center;
	display:		inline;
	position:		relative;
}

#navigation ul li.group:hover {
	/*background:		url("../images/grouplink_hover.png") no-repeat;*/
}

#navigation ul li a.grouplink {
	/*color:			#000;
	text-decoration:	none;
	font-size:		10pt;*/
	line-height:		26pt;
	font-family:		Arial, sans-serif;
	color:			#72a7ff;
	font-size:		1.1em;
}
#navigation ul li.group li.link {
	display:		none;
}

#navigation ul li.group:hover li.link {
	display:		block;
}

#navigation ul li.link {
	/*position:		relative;*/
	z-index:		10;
	text-align:		left;
	font-size:		0.8em;
	/*background:		#CDCDCD;*/
	background:		#FFF;
	margin:			0
	height:			22px;
	line-height:		18px;
	border-left:		1px solid #BEBEBE;
	border-right:		1px solid #047;
	border-top:		1px solid #B7B7B7;
	width:			160px;
}


#navigation ul li.link.last {
	border-bottom:		1px solid #047;
}

#navigation ul li.link a {
	display:		block;
	padding:		0 5px;
	height:			22px;
	line-height:		20px;
	color:			#000;
	font-size:		11px;
}

#navigation ul li.link a:hover {
	text-decoration:	none;
	color:			#3A75C4;
	background:		#fbfbfb;
	font-size:		11px;
}

#navigation ul li.link a.active {
	color:			#3A75C4;
	background:		#fbfbfb;
	font-size:		11px;
}


/**************************************************************
	CONTENT
 **************************************************************/
#content {
	background-image:		url("../files/design/content.png");
	background-repeat:		no-repeat;
	background-position:		0px 23px;
	padding-left:			10px;
	text-align:			justify;
	height:				100%;
	margin-top:			250px;
	min-height:			450px;
}

#content div#realcontent {
	padding-right:			10px;
	font-size:			.8em;
}

div.advcontent {
	/*background-image:		url("../files/design/content.png");
	background-repeat:		no-repeat;
	background-position:		0px 0px;*/
	float:				left;
	width:				670px;
	padding-left:			30px;
	padding-top:			20px;
}


#content > h2 {
	/*background-image:		url("../files/design/contenth2.png");
	background-repeat:		no-repeat;*/
	background-position:		10px 30px;
	width:				100%;
	font-size:			1.1em;
	font-style:			italic;
	color:				#3A75C4;
	margin-bottom:			0px;
	padding-left:			28px;
}

div.gallery {
	padding-left:			35px;
}


/**************************************************************
	FOOTER
 **************************************************************/

#footer {
	height:				50px;
	/*background-image:		url("../files/design/footer.png");
	background-repeat:		no-repeat;*/
}

#footer p {
	margin:				0;
	text-align:			center;
	line-height:			10px;
	font-size:			0.7em;
	margin-left:			0px;
	padding-top:			0px;
}

/**************************************************************
	SPECIAL CONTENT
 **************************************************************/
#icons {
	position:	absolute;
	margin-left:	190px;
	top:		64px;   

}

#sidebar {
	position:	absolute;
	left:		800px;
	top:		360px;
}

#sidebar p {
	line-height:	0.2em;
}


/**************************************************************
	BANNER
 **************************************************************/

#banner{
	position:	absolute;
	left:		120px;
	top:		110px;
}


/* 
#s3slider {
   width: 530px; /* important to be same as image width */
   height: 212px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */   
}

#s3sliderContent {
   width: 200px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   /*display: none;*/ /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 185px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
*/


#slider {
    position:	relative;
    width:	618px; /* Change this to your images width */
    height:	246px; /* Change this to your images height */
    background:	url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:	absolute;
    top:	0px;
    left:	0px;
    display:	none;
}
#slider a {
    border:	0;
    display:	block;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}