/* Importierte CSS-Dateien */
@import url("pil_ce.css");

@media screen { 
/* GLOBAL - STANDARTS */

/**{ margin: 0; padding: 0; list-style: none; }*/
html { height: 101%; }
body, html, ul, ol, li, table, td, form, fieldset, input, p, h1, h2, h3, h4, h5, h6, hr { border: 0; margin: 0; padding: 0; }
:link, :visited, :hover, :active, :focus { text-decoration: none; }
ul, ol, li { list-style: none; }
img, a img, :link img, :visited img { border: none; }
table, tr, td, th { border-collapse: collapse; empty-cells: show; vertical-align: top; text-align: left; }
a:focus, a:active { outline: none;  /*@ Gecko, remove ugly dotted border*/  }

.clear { clear:both; height:1px; overflow:hidden; line-height:1%; font-size:0px; margin-bottom:-1px; }
span.clear, div.clear { display: block; visibility: hidden; }

/* Seitenaufbau */
html { height: 101%; }
body { background: #FFF; text-align: center; }
	#site { background: #bfc0c3; text-align: left; margin: 16px auto 0; position: relative; width: 900px; }
		#header { background: #FFF url(../img/bg/header_start.jpg) no-repeat; height: 232px; position: relative; }
			#printlogo { display: none; }
			.logo { height: 90px; width: 185px; margin: 0 0 1px; }
				.logo a { position: absolute; top: 66px; left: 21px; }
			.keyvisual { display: none; height: 232px; }
		#content { height: 100%; }
			#main-nav { background: #bfc0c3; float: left; height: 100%; overflow: hidden; margin: 0; width: 162px; }
			#main { background: #dadbdd; margin: 0 0 0 162px; }
				#news { width: 205px; float: left; padding: 14px 36px 0 34px; }			
				.copy { background: #FFF url(../img/bg/bg_copy.jpg) no-repeat 125px 0; width: 405px; margin: 0 0 0 275px; padding: 21px 15px 33px 25px; }

/* Subpage */
#subpage #site { background: #bfc0c3; text-align: left; margin: 16px auto 0; position: relative; width: 900px; }
	#subpage	#header { background: #FFF url(../img/bg/header_sub.jpg) no-repeat; height: 112px; position: relative; }
		#subpage .logo { /*display: none;*/ height: 64px; width: 154px; margin: 0 0 1px; }
				#subpage .logo a { position: absolute; top: 22px; left: 16px; }
		#subpage .keyvisual { display: none; height: 111px; }
		.LinkPrint { background: url(../img/btn_ico/ico_print.gif) no-repeat 0 0; position: absolute; top: 82px; left: 701px; }
			.LinkPrint a { padding: 0 0 0 20px; color: #61636a; }
#content { height: 100%; }			
	#subpage #main { background: #fff url(../img/bg/bg_margin.gif) repeat-y 521px 0; margin: 0 0 0 162px; min-height: 490px; height: 100%;  }
		#subpage .copy { background: #FFF url(../img/bg/bg_sub_copy.jpg) no-repeat right 0; float: left; width: 481px; min-height: 490px; height: 100%; margin: 0; padding: 21px 15px 33px 25px; }
		#subpage .marginal { background: url(../img/bg/bg_sub_marginal.jpg) no-repeat 0 0; margin: 0 0 0 521px; min-height: 490px; height: 100%; padding: 17px 20px 30px; }	
		
/* Subpage breit */
#subpage-wide #site { width: 900px; }
	#subpage-wide	#header { background: #FFF url(../img/bg/header_sub.jpg) no-repeat; height: 112px; position: relative; }
		#subpage-wide .logo { height: 64px; width: 154px; margin: 0 0 1px; }
				#subpage-wide .logo a { position: absolute; top: 23px; left: 16px; }
	#subpage-wide #main { background: #fff; border-right: 1px solid #dadbdd; }
		#subpage-wide .copy { background: #FFF; float: left; width: 697px; height: 100%; min-height: 490px; margin: 0; padding: 21px 15px 33px 25px; }
		
/* Typographie */
body, table, tr, td, input, textarea, select { color: #787a80; font: 11px/14px Arial, Helvetica, sans-serif; }

h2 { color: #e93d41; font-size: 14px; font-weight: bold; line-height: 14px; margin: 0 0 16px; }
h3, h4 { color: #787a80; font-size: 12px; line-height: 14px; margin: 0 0 7px; }
h4 { margin: 0; }
p { margin: 0 0 7px; }
.marginal h3 { color: #e93d41; border-bottom: 1px dotted #787a80; padding: 0 0 4px; margin: 0 0 10px; }
.marginal .newsbox h3 { border-bottom: none; margin: 0 0 3px; }
.marginal p { margin: 0 0 27px; }
.marginal .newsbox p { display: inline; }

.news_subhead, .copy_subhead { border-bottom: 1px dotted #787a80; color: #FFF; font-size: 20px; font-weight: normal; margin: 0 0 18px; padding: 0 0 7px;  }
.copy_subhead { color: #787a80; font-weight: bold; font-size: 12px; padding: 0; }
.date, .marginal .newsbox .date { font-size: 10px; line-height: 10px; margin: 0; }

.copy ul, .copy ul li { list-style: disc outside none; margin: 0 0 0 15px; }
	.copy ul li ul, .copy ul li ul li { list-style: circle outside; margin: 0 0 0 15px; }

#disclaimer { font-size: 9px; white-space: nowrap; position: relative; margin: 30px 0 60px; }
	#disclaimer a, #disclaimer a:link, #disclaimer a:focus { color: #787a80; font-size: 10px; }

.dottedline { border-bottom: 1px dotted #787a80; display: block; height: 1px; margin: 10px 0; }	
hr.dottedline { background: #fff; border-top: none; margin: 15px 0; }
	
/* Navigationen */
.marginal a, .marginal a:link, .marginal a:visited { color: #787a80; text-decoration: underline; }

.ico_pdf { background: url(../img/btn_ico/ico_pdf.gif) no-repeat right 0; display: block; }
	.ico_pdf a, .ico_exe a, .ico_jpg a, .ico_zip a { display: block; padding: 0; line-height: 18px; }
.ico_exe { background: url(../img/btn_ico/ico_exe.gif) no-repeat right 0; display: block; }
.ico_jpg { background: url(../img/btn_ico/ico_jpg.gif) no-repeat right 0; display: block; }
.ico_zip { background: url(../img/btn_ico/ico_zip.gif) no-repeat right 0; display: block; }

.newsbox a, .newsbox a:link, .newsbox a:visited, 
.marginal .newsbox a, .marginal .newsbox a:link, .marginal .newsbox a:visited { color: #787a80; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }

.LinkIco/*, .LinkIco_n*/ { background: url(../img/btn_ico/ico_more.gif) no-repeat 0 0; }
	a.LinkIco, .LinkIco a, .LinkIco a:link, .LinkIco a:visited, a.LinkIco_n, .LinkIco_n a, .LinkIco_n a:link, .LinkIco_n a:visited { color: #787a80; font-size: 12px; padding: 0 0 0 18px; font-weight: bold; text-decoration: none; }
a.LinkIco_n, .LinkIco_n a, .LinkIco_n a:link, .LinkIco_n a:visited { font-size: 11px; padding: 0; }
a.LinkIco { background: url(../img/btn_ico/ico_more.gif) no-repeat 0 0; font-weight: normal; font-size: 11px; }

.ce_kontakt a.LinkIco, .ce_kontakt a.LinkIco:link, .ce_kontakt a.LinkIco:visited { display: block; padding: 0; text-indent: 18px;}
	
.more, a.more { background: url(../img/btn_ico/ico_more.gif) no-repeat right 0; }
.more a , .more a:link, .more a:visited, .newsbox .more a , .newsbox .more a:link, .newsbox .more a:visited, a.more, a.more:link, a.more:visited { color: #787a80; padding: 0 15px 0 0; font-weight: normal; }

ul.lang { position: absolute; top: 20px; right: 11px; }
	ul.lang li { float: left; margin: 0 11px 0 0; }

#main-nav ul { position: relative; }	
#main-nav ul li { border-bottom: 1px solid #dadbdd; }
	#main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:visited { color: #FFF; display: block; font-size: 11px; font-weight: bold; line-height: 24px; padding: 0 0 0 12px; overflow: hidden; width: 150px; }
	#main-nav ul li a:hover, #main-nav ul li a:active, #main-nav ul li a:focus, #main-nav ul li.act { background: #9d9ea3 url(../img/bg/main-nav_hover.gif) no-repeat 144px 7px; }	

	#main-nav ul li ul { display: block; position: relative; }
			#main-nav ul li ul li { background: #d9d9db; border-bottom: 1px solid #FFF; height: 20px; }
				#main-nav ul li ul li a, #main-nav ul li ul li a:link, #main-nav ul li ul li a:visited { color: #85878c; font-weight: normal; line-height: 20px; overflow: hidden; }
				#main-nav ul li ul li a:hover, #main-nav ul li ul li a:active, #main-nav ul li ul li a:focus, #main-nav ul li ul li.act { background: #e8e8e9 url(../img/bg/main-nav_sub_hover.gif) no-repeat 144px 4px; color: #000; }
					#main-nav ul li ul li.act a { color: #000; }						
 }