@charset "utf-8";
/* CSS Document */

/* Scrollbars erzwingen */
html { overflow-y: hidden; }

* { padding: 0; margin: 0; border: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0;
	margin:0 auto ;
	font-size: 100.01%;
	line-height: 100.01%;
	font-size: 0.75em;
	line-height: 1.25em;
	width: 800px;
	height: 615px;
	overflow: hidden;
}
a { color: #000000; }
.clear { clear: both; }
strong { font-weight: bold; }

.head {
	width: 800px;
	height: 200px;
	background: #fff url(../bilder/hintergrund.png) top left no-repeat ;
	overflow: hidden;
}

.head_index {
	width: 800px;
	height: 299px;
	background: #fff url(../bilder/hintergrund.png) top left no-repeat ;
	overflow: hidden;
}
.home { 
    display: block;
	width: 800px;
	height: 110px;
	}

.homel{ 
   
	width: 34px;
	height: 34px;
	margin-left:39px;
	margin-top:38px;
	float:left;
}

.homel a {
	display: block;
	background: url(../bilder/b_home_1.png) top left no-repeat;
}

.homel a.now {
	background: url(../bilder/b_home_1.png) top left no-repeat;
}

.homel:hover a {
	background: url(../bilder/b_home_2.png) top left no-repeat;
}



#homec{ 
  	width: 119px;
	height: 34px;
	margin-top:38px;
	float:left;
}

.sprache_cn {
	background: url(../bilder/b_sprache_de.png) top left no-repeat;
}
.sprache_en {
	background: url(../bilder/b_sprache_en.png) top left no-repeat;
}

#homec .cn {
	display: block;
	float: left;
	width: 59px;
	height: 34px;
}
#homec .en {
	display: block;
	float: right;
	width: 60px;
	height: 34px;
}


.homer{
	float:right;
	width:216px;
	height:50px;
	margin-right:30px;
	
}
.homerr{
	float:right;
	width:38px;
	height:39px;	
}

.foot{ 
margin:0 auto;
height:64px;
vertical-align:middle;
background: #fff url(../bilder/hintergrund.png) bottom left no-repeat ;
	}

.foot a:link {
	text-decoration:none;

	}






#slider {
	
}



p#legal {
	padding-left:25px;
	width:400px;
	float:left;
	margin-top:20px;
	
	
}

p#copyright {

	float:left;
	margin-top:20px;

	
	
}

p#legal a, p#copyright {
	font-size: 11px;
	color: #666666;
	
}

p#legal a:hover, p#copyright a:hover, p#legal a.now, p#copyright a.now {
	color: #666666;
}

#kontakt a {
	display: block;
	width: 119px;
	height: 34px;
	float:right;
	margin-right:25px;
	margin-top:10px;
	background: url(../bilder/b_kontakt_0.png) top left no-repeat;
}
#kontakt a.now {
	background: url(../bilder/b_kontakt_2.png) top left no-repeat;
}
#kontakt:hover a {
	background: url(../bilder/b_kontakt_1.png) top left no-repeat;
}





#kontaktform a {
	display: block;
	width: 178px;
	height: 37px;
	position: absolute;
	top: 291px;
	left: 35px;
	background: url(../bilder/b_kontaktform_0.jpg) top left no-repeat;
}
#kontaktform:hover a {
	background: url(../bilder/b_kontaktform_1.jpg) top left no-repeat;
}

#website a {
	display: block;
	width: 178px;
	height: 37px;
	position: absolute;
	top: 291px;
	right: 33px;
	background: url(../bilder/b_kontaktform_0.jpg) top left no-repeat;
}
#website:hover a {
	background: url(../bilder/b_kontaktform_1.jpg) top left no-repeat;
}


#kbig1 a, #kbig2 a, #kbig3 a, #kbig4 a {
	display: block;
	width: 169px;
	height: 169px;
	float:left;
	margin-left:25px;
	text-decoration: none;
	text-align:center;
	padding-top:65px;
	
	
	
}
#kbig1 a {
	
	background: url(../bilder/b_kbig_1_0.png) top left no-repeat;
}
#kbig1:hover a {
	background: url(../bilder/b_kbig_1_1.png) top left no-repeat;
}
#kbig2 a {
	
	background: url(../bilder/b_kbig_2_0.png) top left no-repeat;
}
#kbig2:hover a {
	background: url(../bilder/b_kbig_2_1.png) top left no-repeat;
}
#kbig3 a {
	
	background: url(../bilder/b_kbig_3_0.png) top left no-repeat;
}
#kbig3:hover a {
	background: url(../bilder/b_kbig_3_1.png) top left no-repeat;
}
#kbig4 a {
	
	background: url(../bilder/b_kbig_4_0.png) top left no-repeat;
}
#kbig4:hover a {
	background: url(../bilder/b_kbig_4_1.png) top left no-repeat;
}
#kbig1 span, #kbig2 span, #kbig3 span, #kbig4 span {
	
	width: 169px;
	height: 169px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	line-height:169px;
	padding-bottom:10px;


	
	
	
	
}


#ksmall1 a, #ksmall2 a, #ksmall3 a, #ksmall4 a {
	display: block;
	width: 169px;
	height: 42px;
	margin-left:25px;
	float:left;	
	background: url(../bilder/b_ksmall_0.png) top left no-repeat;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
}
#ksmall1:hover a, #ksmall2:hover a, #ksmall3:hover a, #ksmall4:hover a {
	background: url(../bilder/b_ksmall_1.png) top left no-repeat;
}
#ksmall1 a.now, #ksmall2 a.now, #ksmall3 a.now, #ksmall4 a.now {
	background: url(../bilder/b_ksmall_2.png) top left no-repeat;
}

#ksmall1 span, #ksmall2 span, #ksmall3 span, #ksmall4 span {
	width: 169px;
	height: 30px;
	text-align: center;
	color: #666666;
	font-size: 13px;
	line-height:40px;
	vertical-align:middle;
}


#beenden {
	position: absolute;
	top: 0px;
	right: 0px;
}

#stage_home {
	width: 800px;
	height: 252px;
	background: url(../bilder/stage_home.gif) top left no-repeat;
	padding-top:1px;
	
	
	
}

#stage_content {
	width: 800px;
	height: 352px;
	position: absolute;
	top: 200px;
	left: 0px;
	background: url(../bilder/stage_content.gif) top left no-repeat;
}

#stage_content_sub {
	width: 800px;
	height: 352px;
	position: absolute;
	top: 200px;
	left: 0px;
	background: url(../bilder/stage_content_sub.png) top left no-repeat;
}

#stage_frame, #stage_frame_text {
	width: 760px;
	height: 348px;
	position: absolute;
	top: 3px;
	left: 38px;
}

#stage_frame_sub {
	width: 575px;
	height: 348px;
	position: absolute;
	top: 3px;
	left: 223px;
}

.button {
	text-align: center;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	line-height: 34px;
	/*text-shadow: 1px 1px 1px #20385b;
	filter:dropshadow(color=#20385b, offx=1, offy=1);*/
	zoom: 1;
}

#col1, #col2, #col3 {
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	position: absolute;
	top: 38px;
}

#col1 p, #col2 p, #col3 p {
	padding-bottom: 18px;
}

#col1 {
	left: 38px;
}

#col2 {
	left: 266px;
}

#col3 {
	left: 492px;
}

#subnav {
	width: 800px;
	height: 35px;
	position: absolute;
	top: 168px;
	left: 0px;
	text-align: center;
	
	background-color: #f00;
}

#subnav a {
	display: inline-block;
	height: 35px;
	font-size: 12px;
	line-height: 28px;
	text-decoration: none;
	color: #666666;
	padding: 0 12px 0 12px;
}

#subnav a:hover {
	color: #666666;
}

#subnav a.now {
	color: #666666;
	background: url(../bilder/nav_pfeil_weiss.gif) center bottom no-repeat;
}

#subsubnav {
	border-top: 1px solid #bfbfbf;
	width: 169px;
	height: 332px;
	position: absolute;
	top: 219px;
	left: 38px;
}

#subsubnav a {
	border-bottom: 1px solid #bfbfbf;
	display: block;
	width: 158px;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #666666;
	padding: 9px 0 9px 10px;
}

#subsubnav a:hover {
	color: #666666;
}

#subsubnav a.now {
	width: 159px;
	color: #666666;
	background-color: #fff;
	background: url(../bilder/nav_pfeil_weiss_links.gif) #fff right center no-repeat;
}



a:active, a:focus, img:active, img:focus {
	outline: none;
}

.link {
	color: #666666;
}

/*改CSS*/

.menuimg{
	
	
	}


#stage_content_1 {
	/* margin-top:200px;
	position:relative; top:200px;*/
	width: 800px;
	height: 352px;
	background: url(../bilder/stage_content.gif) top left no-repeat;
	z-index:100;
	
}


#stage_frame_1, #stage_frame_text_1 {
	width: 800px;
	height: 352px;
	float:left
	
	
	
}



#stage_content_sub_1 {
	width: 800px;
	height: 352px;
	background: url(../bilder/stage_content_sub.png) top left no-repeat;
	z-index:1000;
}

#stage_frame_sub_1 {
	width: 580px;
	height: 351px;
	overflow-y:auto;
	margin-top:1px;
	margin-right:2px;
	padding-right:5px;
	padding-left:5px;
	z-index:100px;
	float:right
	
}

#subsubnav_1 {
	border-top: 1px solid #bfbfbf;
	width: 169px;
	height: 310px;
	float:left;
	margin-left:38px;
	margin-top:19px;
	overflow:hidden;
	
		
	
}

#subsubnav_1 a {
	border-bottom: 1px solid #bfbfbf;
	display: block;
	width: 158px;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #666666;
	padding: 9px 0 9px 10px;
}

#subsubnav_1 a:hover {
	color: #666666;
}

#subsubnav_1 a.now {
	width: 159px;
	color: #666666;
	xbackground-color: #fff;
	background: url(../bilder/nav_pfeil_weiss_links.gif) #fff right center no-repeat;
}


#dl_list {
	border-bottom: 1px solid #b8b8b8;
	margin-top: 16px;
	margin-right:0px;
	vertical-align: middle;
	
}

#dl_list a {
	display: block;
	padding: 16px 0 16px 80px;
	font-size: 12px;
	line-height: 25px;
	color: #285096;
	text-decoration: none;
	vertical-align: middle;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #fff;
}

#dl_list .listdiv { width:100%; height:100%;  overflow: hidden; text-align:left; margin:0 auto; position: relative;}
#dl_list .imglit { float:left; margin-left:10px; width:60px; height:50px; overflow:hidden; position: absolute; top:50%; margin-top: -25px;
             }
#dl_list a.pdf { background: url(../bilder/icon_pdf_0.gif) 12px 12px no-repeat; }
#dl_list a.txt { background: url(../bilder/icon_txt_0.gif) 12px 12px no-repeat; }
#dl_list a.rtf { background: url(../bilder/icon_rtf_0.gif) 12px 12px no-repeat; }
#dl_list a.exe { background: url(../bilder/icon_exe_0.gif) 12px 12px no-repeat; }
#dl_list a.step { background: url(../bilder/icon_step_0.gif) 12px 12px no-repeat; }
#dl_list a.zip { background: url(../bilder/icon_zip_0.gif) 12px 12px no-repeat; }
#dl_list a.msi { background: url(../bilder/icon_msi_0.gif) 12px 12px no-repeat; }
#dl_list a:hover.pdf { background: url(../bilder/icon_pdf_1.gif) 12px 12px no-repeat; }
#dl_list a:hover.txt { background: url(../bilder/icon_txt_1.gif) 12px 12px no-repeat; }
#dl_list a:hover.rtf { background: url(../bilder/icon_rtf_1.gif) 12px 12px no-repeat; }
#dl_list a:hover.exe { background: url(../bilder/icon_exe_1.gif) 12px 12px no-repeat; }
#dl_list a:hover.step { background: url(../bilder/icon_step_1.gif) 12px 12px no-repeat; }
#dl_list a:hover.zip { background: url(../bilder/icon_zip_1.gif) 12px 12px no-repeat; }
#dl_list a:hover.msi { background: url(../bilder/icon_msi_1.gif) 12px 12px no-repeat; }

#dl_list a span {
	display: block;
	color: #646464;
	padding-right:5px;
	}

#dl_list a.z2 {
	background-color: #f5f5f5;
	
}
#dl_list a:hover.z2 {
	background-color: #f8f8f8;
	
}

#dl_list a:hover.pdf, #dl_list a:hover.txt, #dl_list a:hover.rtf, #dl_list a:hover.exe, #dl_list a:hover.step, #dl_list a:hover.z2 , #dl_list a:hover.msi ,#dl_list a:hover.z2, #dl_list a:hover {
	background-color: #ebebeb;
}

#text {
	padding-top: 17px;
	color: #666666;
	font-size: 11px;
	line-height: 15px;
}

#text p {
	padding-bottom: 22px;
}

a:active, a:focus, img:active, img:focus {
	outline: none;
}