﻿@charset "UTF-8";
	/* CSS-Definitionen für die Basis-Schablone */
	body {
		width: 100%;
		padding: 0pt;
		margin: 0pt;
		/* Was für alles im Dokument gilt */
	}
	
	#h_col_side_r {
		vertical-align: top;
		background: url(../pic_h/h_sprand.png) repeat-y scroll;
		padding-left: 40px;
		padding-right: 0;
		width: 160px;
	}
	
	#h_col_main {
		vertical-align: top;	
	}
	
	#h_impressum {
		z-index: 2;
		right: 100px;
		text-align: right;
	}
	
	#h_impressum p {
		 margin-bottom: 3px;
		 padding-right: 20px;
	}
	
	#h_klammer {
		width: 80%;	
		min-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#h_kopf {
		border-spacing: 0;
	}
	
	#h_kopf_li {
		background: url(../pic_h/h_kopf_li.png) no-repeat scroll;
		width: 250px; 
		height: 200px;
		padding: 0;
	}
	
	#h_kopf_mi {
		background: url(../pic_h/h_kopf_mi.png) repeat scroll;
		text-align: center;
		padding:0;
	}
	
	#h_kopf_re {
		background: url(../pic_h/h_kopf_re.png) no-repeat scroll;
		background-position: right top;
		width: 250px;
		text-align: right;
		vertical-align: top;
		padding: 0;
	}
	
	#h_kopf_u {
		height: 40px;
	}

	#h_tapete {
		width: 100%;
		background-color: #4348FF;
		z-index: 0;
	}
	
	#h_trans_l {
		background-image: url(../pic_h/h_rand_li.png);
		background-color: white;
		background-repeat: repeat-y;
		background-position: left;
	}
		
	#h_trans_o {
		background-color: black;
		height: 10px;
		margin: 0;
		padding: 0;
	}

	#h_trans_ol {
		background-image: url(../pic_h/h_rand_li.png);
		float: left;
		height: 10px;
		width: 30px;
	}
	
	#h_trans_or {
		background-image: url(../pic_h/h_rand_re.png);
		float: right;	
		height: 10px;
		width: 30px;
	}

	#h_trans_r {
		background-image: url(../pic_h/h_rand_re.png);
		background-repeat: repeat-y;
		background-position: right;
		width: 100%;
	}
	
	#h_papier {
		margin-top: 0.7cm;
		min-height: 1200px;	
		margin-left: 2cm;
		margin-right: 2cm;
	}
	
	.h_spacer_bottom {
		height: 3cm;
	}
	.h_clear {
		clear: both;
	}
	
	.h_w30 {
		width: 30px;
		height: 1px;
		float: left;
	}
	
	.h_nav  a  {
		width: 100pt;
		height: 15pt;
		display: inline-block;
		line-height: 14pt;
		border-top: 1pt solid #000099;
		background: #43A6FF;
		background: -webkit-gradient(linear, left top, left bottom, from(#ADD6FF), to(#43A6FF));
		background: -moz-linear-gradient(top, #ADD6FF, #43A6FF);
		padding: 4pt 16pt;
		-webkit-border-radius: 6pt;
		-moz-border-radius: 6pt;
		border-radius: 6pt;
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: rgba(0,0,0,.4) 0 1px 0;
		color: white;
		font-size: 11pt;
		
		font-weight: normal;
		text-decoration: none;
		vertical-align: middle;
	}
	
	.h_nav  li span  {
		width: 100pt;
		height: 15pt;
		display: inline-block;
		line-height: 14pt;
		border-top: 1pt solid #000099;
		background: #929292;
		background: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#929292));
		background: -moz-linear-gradient(top, #CECECE, #929292);
		padding: 4pt 16pt;
		-webkit-border-radius: 6pt;
		-moz-border-radius: 6pt;
		border-radius: 6pt;
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: rgba(0,0,0,.4) 0 1px 0;
		color: white;
		font-size: 11pt;
		
		font-weight: normal;
		text-decoration: none;
		vertical-align: middle;
	}
	
	.h_nav  li a:hover {
		border-top-color: #4348FF;
		background: #4348FF;
		color: #73bdff;
	}
	
	.h_nav  li a:active {
		border-top-color: #1015CC;
		background: #1015CC;
	}
	
	.h_nav  li {
		display: block;
		list-style: none;
		line-height: 25pt;
	}
	
	.h_nav li.h_p {
		margin-bottom: 15pt;
	}
	
	.h_nav  li  li {
		display: block;
		list-style: none;
		line-height: 19pt;
	}
	
	.h_nav  li li a  {
		width: 70pt;
		height: 15pt;
		display: inline-block;
		line-height: 14pt;
		border-top: 1pt solid #000099;
		background: #43A6FF;
		background: -webkit-gradient(linear, left top, left bottom, from(#ADD6FF), to(#43A6FF));
		background: -moz-linear-gradient(top, #ADD6FF, #43A6FF);
		padding: 1pt 16pt;
		-webkit-border-radius: 6pt;
		-moz-border-radius: 6pt;
		border-radius: 6pt;
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: rgba(0,0,0,.4) 0 1px 0;
		color: white;
		font-size: 11pt;
		
		font-weight: normal;
		text-decoration: none;
		vertical-align: middle;
	}
	
	.h_nav  li li  span  {
		width: 100pt;
		height: 15pt;
		display: inline-block;
		line-height: 14pt;
		border-top: 1pt solid #000099;
		background: #929292;
		background: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#929292));
		background: -moz-linear-gradient(top, #CECECE, #929292);
		padding: 4pt 16pt;
		-webkit-border-radius: 6pt;
		-moz-border-radius: 6pt;
		border-radius: 6pt;
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: rgba(0,0,0,.4) 0 1px 0;
		color: white;
		font-size: 11pt;
		
		font-weight: normal;
		text-decoration: none;
		vertical-align: middle;
	}
	
	@media print {
		#h_trans_l , #h_trans_r {
			background: none;
			background-color: white;
		}
		
		#h_kopf_li, #h_kopf_re {
			width: 30px;
		}
		
		#h_col_side_r , #h_impressum, #h_trans_o , #h_trans_ol, #h_trans_or {
			display: none;
		}
		
		#h_klammer {
			width: 100%;
			min-width: 0;
		}
		
		#t_firma, #t_name, #t_business, body {
			font-size: 11pt;
		}
		
		#h_papier {
			margin-top: 0;
		}
	}
	
	@media all and (max-width: 801px) {
		#h_trans_l , #h_trans_r {
			background: none;
			background-color: white;
		}
		
		#h_kopf_li, #h_kopf_re {
			width: 30px;
			height: 100px;
		}
		
		#h_klammer {
			width: 100%;
			min-width: 0;
		}
		
		#t_firma, #t_name, #t_business, body {
			font-size: 11pt;
		}
		
		#t_business, #h_trans_o , #h_trans_ol, #h_trans_or {
			display: none;
		}
		
		#h_papier {
			margin-top: 0;
			margin-left: 10px;
			margin-right: 10px;
		}
		
		#h_impressum, #h_impressum p {
			position: absolute;
			right: 12px;
			margin-top: 1pt;
			font-size: 10pt;
		}
	}
	