/* 
~~~~~~~~~~~~~~~ Colormanagement Start ~~~~~~~~~~~~~~~

#4faddc - lightblue - [Body Background, Hovercolor]
#8a8a8a - lightgrey - [Fließtext]
#1f2b33 - darkgrey - [homelink, Background(Moodbox,Footer)]

~~~~~~~~~~~~~~~ Colormanagement End ~~~~~~~~~~~~~~~
*/





/* ~~~~~~~~~~~~~~~ Default Settings Start ~~~~~~~~~~~~~~~*/


body {margin:0px;padding:0px;background:#4faddc url(../images/mainbg.jpg) repeat-x; font-family:Arial,Helvetica,sans-serif; color:#666;text-align:center;}

img {behavior: url("fileadmin/styles/pngbehavior.htc");}

a img {border:none;}

a {color:#4eaddb;}

a:hover {text-decoration:none;}

.clearer {clear:both;line-height:0px;height:0px;}




/* ~~~~~~~~~~~~~~~ Default Settings End ~~~~~~~~~~~~~~~*/


/* ~~~~~~~~~~~~~~~ Layout Start ~~~~~~~~~~~~~~~*/

#main  {margin:0px auto;width:1029px;position:relative;}

	#logo {position:absolute;top:16px;left:60px;}
	
	
	#header {height:62px;width:980px;text-align:left;}
	
	
		#copyright {width:240px; height:21px; text-align:center; background:url(../images/copyrightbox_oben.jpg) no-repeat; float:right;font-size:10px;line-height:19px;}

	


	#header2 {height:408px;width:1029px;background:url(../images/header.jpg) no-repeat;text-align:left;}
	
	#header2_sub {height:295px;width:1029px;background:url(../images/header.jpg) no-repeat;text-align:left;}

		#navi {clear:both; width:923px; height:45px; _height:95px;_width:95px; text-align:left;padding:50px 0px 0px 52px;}

			#navi ul.menu_level1 {text-decoration:none; margin:0 0 0 25px; padding:12px 0 0 0;}

			#navi ul.menu_level1 li {height:29px; float:left; margin:0; text-decoration:none; list-style-type:none; line-height:29px; background-image:url(../images/navilistbg.jpg); background-repeat:repeat-x; border-right:1px solid #ffffff;}

			#navi ul.menu_level1 li:hover {background-image:url(../images/navilistbg_active.jpg); background-repeat:repeat-x;}

			#navi ul.menu_level1 li.menu_level1_active {background-image:url(../images/navilistbg_active.jpg); background-repeat:repeat-x;}

			#navi ul.menu_level1 li.menu_level1_current_active {background-image:url(../images/navilistbg_active.jpg); background-repeat:repeat-x; border-right:0;}

			#navi ul.menu_level1 li a {text-decoration:none; padding: 0 22px 0 22px; vertical-align:middle; color:#5f676d; font-family:Arial; font-size:12px;}

		


		#subnavi {font-size:12px;color: #b3b3bb;z-index: 1;width: 265px; float:left; display:inline; margin-top:18px;*margin-top:28px;margin-left:12px;padding: 0px 0 0px 0px;text-align:left;}
		

			#subnavi ul {list-style: none;}
			
			#subnavi ul li.active a{color:#4eaddb;}
			
			#subnavi ul li a:hover{color:#4eaddb;}
		
			/*#subnavi a, #subnavi h3.cat {width: 130px;display: block;padding: 4px 5px 4px 60px;background: url(../images/navi_bg.gif) center right repeat-y;margin: 1px 0;text-decoration: none;}*/
			#subnavi a, #subnavi h3.cat {width: 140px;display: block;padding: 4px 5px 4px 30px;background:#eeeeee;margin: 1px 0;text-decoration: none;}
		
			.level3 {padding-left:70px;}
		
			#subnavi a {color: #555555;}
		
			#subnavi a.big, #subnavi h3.cat {background: url(../images/navi_bg.gif) center right repeat-y;padding: 6px 5px 6px 60px;margin: 1px 0;}
		
			#subnavi h3 {font-size: 13px;}
		
			#subnavi h3.cat {color: #bdbdbd;text-shadow: 1px 2px 1px #222;}
		
			#subnavi a.big {color: #fff;}
			
			#idList li a:hover{color:#4eaddb;}
			#idList li.active a{color:#4eaddb;}
			
			



		#moodbox {position:relative;width:925px; height:313px; background:#1f2b33 url(../images/corner.gif) no-repeat right bottom; margin:0px; padding:0px; margin-left:52px;}

			#moodbox img {float:left; margin-left:0px; _margin-left:-3px; padding:0px;}

			#moodbox_sub {width:700px; height:187px; background:#ffffff;float:right;margin-right:52px;_margin-right:26px; }

				#moodbox_sub img {float:left; margin-left:0px;padding:0px;}

			#moodpic {width:700px; height:313px; float:left; margin:0px; padding:0px;}

			#moodpic_sub {width:700px; height:187px; float:left; margin:0px; padding:0px;position:relative;}
			
				.corner_white {width:14px; height:13px;position:absolute;top:174px;left:0px;border:0}

		#demoreal {width:200px; height:313px; float:left; }

		
	#contentbox {width:1029px;background-image: url(../images/content_bg.jpg);text-align:left; padding:0 0 50px 0;}

		.content {float:left;}

		.content_sub {float:right;}

			.content p.bodytext {margin:0; padding:0; font-family:Arial; font-size:11px; line-height:19px;}
			.content p.teaser {margin:0; padding:0; font-family:Arial; font-size:11px; line-height:17px; height:250px; width:180px;}
			.content p.teaserheading {margin:0; padding:0; font-family:Arial; font-size:11px; line-height:17px; height:40px;}
			.content ul {margin:10px 0 0 0;padding:0px;}
			.content li {font-size:11px; padding: 0 0 0 30px; line-height:25px; list-style-type: none; background:url(../images/list_style_element_white.gif) no-repeat;}
			
			

			.content_sub p.bodytext {margin:0; padding:0; font-family:Arial; font-size:11px; line-height:17px;}

		.contentThird_first {width:180px;_width:185px; float:left; padding-right:0px;margin-right:40px;}
		
		.contentThird {width:180px; float:left; padding-right:0px;padding-left:0px;margin-right:40px;}

		.contentThird_sub {width:200px; float:left;}

		.contentHalf {width:300px; float:left;}

		.contentHalf_sub {width:300px; float:left;}

			.content h1 {font-family: Trebuchet MS; font-size:24px; color:#1f2b33; margin:25px 0 20px 0; padding:0px; font-weight:normal; letter-spacing:2px;}

			.content_sub h1 {font-family: Trebuchet MS; font-size:24px; color:#1f2b33; margin:0 0 20px 0; padding:0px; font-weight:normal; letter-spacing:2px;}

	#content_bottom {height:2px;background:url(../images/content_bottom_bg.jpg) no-repeat;_font-size:0px;}

	#footer1 {background-image: url(../images/footer_bg.jpg); padding:0px; margin:0px;}

	#footer2 {background-image: url(../images/footer_bottom_bg.jpg); _background-image: url(../images/footer_bottom_bg_ie6.jpg); height:95px; _height:73px; padding:0px; margin:0px;}

	#footerbox1{text-align:left;float:left; width:385px;_width:467px; padding:0px 0px 0px 82px;/*height:110px; text-align:left;*/}
	
		#footerbox1 h2 {color:#617582; font-family: Trebuchet MS;font-weight:normal; font-size:24px; margin:20px 0 10px 0;}
		
		#footerbox1 p {color: #617582; font-size:11px;line-height:18px;}

	#footerbox2 {background-image:url(../images/footer_seperator.jpg); background-repeat: no-repeat; background-position: bottom left; float:left; width:450px; padding:20px; /*  text-align:left;  margin:0px; font-family:Arial,Verdana,Helvetica,Trebuchet MS,sans-serif; height:110px; clear:right;*/}


/* ~~~~~~~~~~~~~~~ Layout End ~~~~~~~~~~~~~~~*/


/* ~~~~~~~~~~~~~~~ Others Start ~~~~~~~~~~~~~~~*/


.mootabs_title {list-style-image: none;list-style-type: none;margin: 0px;padding: 0px;height: 24px;}

	.mootabs_title li {margin:20px 0 0 -13px;background-image:url(../images/button_dunkel.gif);background-repeat:no-repeat;display:block;height:57px;width:120px;_width:150px;text-decoration:none;color:#8f8f8f;padding-left:30px;line-height:57px;font-size:11px;cursor:pointer;}
	
	.mootabs_title li:hover {background-position: -150px 0px;}

	.mootabs_title li.active {}

.mootabs_panel {height:313px; display: none;position: relative;width: 100%;top: 0px;left:0px;font-family: "Trebuchet MS";clear: both;color: #fff;overflow: hidden}

	.mootabs_panel.active {display: block;}

.mootabs_title li.over {}


/* ~~~~~~~~~~~~~~~ Others End ~~~~~~~~~~~~~~~*/


/* ######################### Button Start ####################### */

.button a {background-image:url(../images/button.gif);background-repeat:no-repeat;display:block;height:36px;width:114px;text-decoration:none;color:#8f8f8f;padding-left:15px;line-height:30px;font-size:11px;}

.button a:hover {background-position: -129px 0px;}

.button a:focus { outline: none;}

.button_dunkel a {background-image:url(../images/button_dunkel.gif);background-repeat:no-repeat;display:block;height:57px;width:120px;_width:150px;text-decoration:none;color:#8f8f8f;padding-left:30px;line-height:57px;font-size:11px;}

.button_dunkel a:hover {background-position: -150px 0px;}

.button_dunkel a:focus { outline: none;}

/* ######################### Button End ####################### */



#naviList {
	margin:0px;
	padding:0px;
	width:900px;
}


#navi ul#naviList{
	text-decoration:none; margin:0 0 0 25px; padding:14px 0 0 0;
}

#navi ul#naviList li{
	height:29px; float:left; margin:0; text-decoration:none; list-style-type:none; line-height:29px; background-image:url(../images/navilistbg.jpg); background-repeat:repeat-x; border-right:1px solid #ffffff;
}


#naviList li a{
	margin: 0; color: #666; cursor:pointer; float:left; display:block; width:124px; height:29px; line-height:29px; text-align:center; text-decoration:none; font-family:Arial; font-size:13px;	
}

#naviList li a:hover{
	background-image:url(../images/navi1.gif); background-repeat:no-repeat;	border:none;	
}

#naviList li.menu_level1_active a{
	background-image:url(../images/navi1.gif); background-repeat:no-repeat;	border:none;
}





.moodbox{
	width:925px; height:313px; margin:auto; background:#1f2b33; background-image:url(../images/moodbox_roundborder.jpg); background-repeat:no-repeat; background-position:right; _text-align:left;
}


.moodbox_sub{
	width:925px; height:187px; margin:auto; background:#ffffff; 
}


#referencebox{
	position:relative;margin-left:52px; height:311px; background:#1f2b33 url(../images/corner_left.gif) no-repeat left bottom; margin-right:52px;	
}



.moodbox_sub img{
	float:left; margin-left:0px; padding:0px;
}

.moodpic{
	width:700px; height:313px; float:left; margin:0px; padding:0px;_text-align:left;
}

.moodpic_sub{
	width:700px; height:187px; float:left; margin:0px; padding:0px;
}

.demoreal{
	position:absolute;
	left:720px;
	top:30px;
	width:145px; 
	height:313px;
	line-height:20px;
	font-family:Arial;
	color:#63757f;
	padding:10px;  
	font-size:11px;
	/*float:left;_text-align:left; */
}




#imageContainer {
	float:left;
	_text-align:left;
	position:relative;
	top:0px;
	left:0px;
	height:313px;
	width:700px;
	background:#1f2b33;	
}

#myTabs {
	position:absolute;
	background:transparent;
}

#imageContainer img {
	margin:0px; 
	padding:0px;
	_text-align:left;	
	display:none;
	position:absolute;
	top:0; 
	left:0;
}


.csc-textpic-caption {
	height:20px;
	line-height:20px;
	background:#1e2b33 url(../images/image_caption_bg.gif) bottom left no-repeat;
	border-top:1px solid #384f5d;
	color:#617482;
	font-size:10px;
	text-align:right;
	padding:15px 20px 15px 0px;
}




/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

img {border:none;padding:0px;margin:0px;}

#wrapper {background:#1f2b33; background-image:url(../images/corner.gif); background-repeat:no-repeat; background-position: bottom right; height:311px; width:925px; _margin-bottom: -2px;}

.slideshowContainer {width: 595px;height: 311px;float:left;display:inline; /*for the fucking IE6 */border:0px solid #617582;margin:0px 21px 0px 0px;}

.slideshowContainerStart {
/*width: 595px;height: 311px;float:left;display:inline; border:0px solid #617582;margin:0px 21px 0px 0px;*/
	float:left;
	_text-align:left;
	position:relative;
	top:0px;
	left:0px;
	height:313px;
	width:700px;
	margin:0px; 
	padding:0px;
	
}

.slideshowContainer img {width:595px;height:311px}

.slideshowContainerStart img {width:700px;height:313px; padding:0px; margin:0px;}

.loading {background: url(../images/loading.gif) center no-repeat;}

.slideshowThumbnail {outline: none;}

.slideshowThumbnail img {border: 4px solid #617582;padding: 0px;margin-right:10px;margin-bottom:13px;}

.slideshowNoImage img {border: 4px solid #617582;padding: 0px;margin-right:10px;margin-bottom:13px;}
	
	
.slideshowThumbnailStart {outline: none;}

.slideshowThumbnailStart img {border: 0;padding: 0px;margin-right:10px;margin-bottom:13px;}

a:hover.slideshowThumbnail img {border: 4px solid #e2e2e2;padding: 0px;}

.current img {border: 4px solid red;padding: 0px;}

.outline {border: 4px solid #e2e2e2; z-index: 0; position: absolute; height:47px; width:47px;}

#category {float:left;padding-top:45px;}

#thumbnails {float:left;display:inline; /*for the fucking IE6 */z-index:100000;width:210px;margin-top:20px;_margin-top:14px;}

#thumbnailsStart {display:none;}

	#category h2 {margin:0 0 0 0;padding-bottom:50px;font-family:Arial;font-size:11px;color:#617582;font-weight:normal;margin-bottom:3px;}

/*************************************************************/


/*****************************dmreferences***********************************/
.tx-dmreferences-pi1{margin:0px; padding:0px; }

.tx-dmreferences-pi1 ul {margin: 0px; padding: 0px; }

.tx-dmreferences-pi1 ul li {margin-bottom:10px; padding: 0 0 0 30px; line-height:24px; list-style-type: none; background:url(../images/list_style_element.jpg) no-repeat;}


/*****************************dmnews***********************************/

.tx-dmnews-pi1{margin-top:20px;}