/******* ALLGEMEIN *******/
@media all {
	* {
		margin: 0px;
		padding: 0px;
	}
	html, body {
		font: 87% verdana,helvetica,arial,sans-serif;
		line-height: 1.3em;
		color: #000000; 
		background-color: #FFFFFF;
		padding: 0px; 
		margin: 0px; 
		height: 100%;
		text-align: center;
	}
	img {
		border-style: none;
	}
	a {
		text-decoration: none;
		font-weight: normal;
	}
	a:hover {
		text-decoration: underline;
		font-weight: normal;
	}
	textarea, input, select, option {
		font-family: verdana,helvetica,arial,sans-serif;
		font-size: 0.9em;
		color: #000000;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		padding: 1px 4px 1px 4px;
	}
	h1 {
		font-size: 1.3em;
	}
	h2 {
		font-size: 1em;
		font-weight: bold;
	}
	hr {  
		color: #CCCC00;
		background-color: #CCCC00;
		height: 1px;
	}
	.clear {
		clear: both;
		font-size: 0;
		line-height: 0;
	}
	.half {
		font-size: 0.4em;
	}
	.alignright {
		text-align: right;
	}
	
	/*Styles f�r CSS styled imagetext*/
	.csi-textpic .csi-caption {
		font-size: 0.7em;
		margin: 2px;
	}
	.csi-textpic .csi-image {
		margin: 0 0 3px 0;  
		background: #F0F1F3; 
	}
	.csi-textpic .csi-imagewrap {
	}
	.csi-textpic .csi-text {
		text-align: left; 
	}
	.csi-text p {
		margin-top: 0;
	}
	/* CENTER */
	.csi-center .csi-image {
		margin: 0 auto 3px;
	}
	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}
	.csi-right div.csi-text {
		clear: right;
	}	
	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}
	.csi-left div.csi-text {
		clear: left;
	}
	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 5px;
	}
	.csi-intext-left .csi-image .csi-caption {
		text-align: left; 
	}
	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}
	.csi-intext-right .csi-image .csi-caption {
		text-align: left; 
	}
	/* INTEXT RIGHT NOWRAP */
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*html .csi-intext-right-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */ 
	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}
	/* INTEXT LEFT NOWRAP*/	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*html .csi-intext-left-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */
	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
		margin-right: 5px;
	}
	
	
	/* cron version */
	/* Captions */
	P.csc-caption { margin: 0; }
	P.csc-caption {
	  font-size: 80%; /* Customize me */
	}
	DIV.csi-caption-c .csi-caption { text-align: center; }
	DIV.csi-caption-r .csi-caption { text-align: right; }
	DIV.csi-caption-l .csi-caption { text-align: left; }
	
	/* Needed for noRows setting */
	DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }
	
	/* Border just around the image */
	DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
	  border: 2px solid black;
	  padding: 0px 0px;
	}
	
	DIV.csi-imagewrap { padding: 0; }
	
	DIV.csi-textpic IMG { border: none; }
	
	/* DIV: This will place the images side by side */
	DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }
	
	/* UL: This will place the images side by side */
	DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }
	
	/* DL: This will place the images side by side */
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csi-image { margin: 0; }
	DL.csi-image DT { margin: 0; display: inline; }
	DL.csi-image DD { margin: 0; }
	
	/* Clearer */
	DIV.csi-clear { clear: both; }
	
	/* Margins around images: */
	
	/* Pictures on left, add padding on right */
	DIV.csi-left DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
	  display: inline; /* IE fix for double-margin bug */
	  margin-right: 10px;
	}
	
	/* Pictures on right, add padding on left */
	DIV.csi-right DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
	  display: inline; /* IE fix for double-margin bug */
	  margin-left: 10px;
	}
	
	/* Pictures centered, add padding left and right */
	DIV.csi-center DIV.csi-imagewrap .csi-image {
	  display: inline; /* IE fix for double-margin bug */
	  margin-left: 5px;
	  margin-right: 5px;
	}
	DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
	DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }
	
	/* Space below each image (also in-between rows) */
	DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
	DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }
	
	/* Positioning of images: */
	
	/* Above */
	DIV.csi-above DIV.csi-text { clear: both; }
	
	/* Center (above or below) */
	DIV.csi-center { text-align: center; /* IE-hack */ }
	DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
	DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
	DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }
	
	/* Right (above or below) */
	DIV.csi-right DIV.csi-imagewrap { float: right; }
	DIV.csi-right DIV.csi-text { clear: right; }
	
	/* Left (above or below) */
	DIV.csi-left DIV.csi-imagewrap { float: left; }
	DIV.csi-left DIV.csi-text { clear: left; }
	
	/* Left (in text) */
	DIV.csi-intext-left DIV.csi-imagewrap { float: left; }
	
	/* Right (in text) */
	DIV.csi-intext-right DIV.csi-imagewrap { float: right; }
	
	/* Right (in text, no wrap around) */
	DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
	/* End hide from IE5/mac */ 
	
	/* Left (in text, no wrap around) */
	DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
	/* End hide from IE5/mac */


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


	#allWrap {
		width: 967px;
		text-align: left;
		margin: 0px auto;
	}
	/******* HEADER *******/
	#headerWrap {
		width: 967px;
		height: 125px;
		clear: both;
	}
	#headerLogo {
		width: 807px;
		height: 125px;
		float: left;
	}
	#headerLogo img {
		margin-top: 24px;
	}
	#headerTile {
		width: 160px;
		height: 125px;
		float: left;
	}
	#serviceMenu {
		margin-left: 807px;
		width: 160px;
		padding: 5px 0px 5px 0px;
		white-space: nowrap;
		/*font-size: 10px;
		letter-spacing: -0.05em;*/
		font-size: 9px;
		letter-spacing: 0.055em;
		color: #B6B6B6;
	}
	#serviceMenu a {
		color: #B6B6B6;
		text-decoration: none;
	}
	#serviceMenu a:hover {
		text-decoration: underline;
	}
	/* CONTENT */
	#contentWrap {
		width: 967px;
		background-image: url(../img/bg_content.gif);
	}
	#contentArea {
		width: 807px;
		float: right;
	}
	#content {
		margin-right: 30px;
		width: 617px;
		float: left;
	}
	#content h1,
	#content h2  {
		margin: 0px 0px 10px 0px;
		color: #CCCC00;
		font-weight: bold;
	}
	#content h2  {
		margin-top: 10px;
	}
	#content h2 {
		font-size: 1em;
	}
	#content a {
		color: #CCCC00;
		text-decoration: underline;
	}
	#content a:hover {
		text-decoration: none;
	}
	#content ul {
		padding-left: 15px;
	}
	.contenttable td {
		padding-right: 10px;
	}
	#left {	
		color: #000000;
		font-size: 1em;
		width: 160px;
		float: left;
		overflow: hidden;
	}
	#left img {
		float: left;
		margin-right: 5px;
	}
	#left a {
		color: #CCCC00;
		font-weight: bold;
		text-decoration: none;
	}
	#left a:hover {
		font-weight: bold;
		text-decoration: underline;
	}
	#left h1 {
		font-size: 1em;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	#left .csi-textpic .csi-image {
		margin: 0;  
		background: #FFFFFF; 
	}
	/* MENU */
	#menu {
		width: 160px;
		overflow: hidden;
		font-size: 0.8em;
		line-height: 1.25em;
		float: right;
		
	}
	#menu li {
		display: block;
		list-style-type: none;
		margin: 0px;
		width: auto;
		border-bottom: 1px solid #FFFFFF;
	}
	#menu ul ul {
		border-bottom: 1px solid #FFFFFF;
	}
	#menu ul ul li {
		border-bottom-style: none;
	}
	#menu li a {
		display: block; 
		margin: 0px;
		padding: 7px 5px 6px 20px;
		color: #3D3CA2;
		background-image: url(../img/navi_square1.gif);
		background-position: 10px 10px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#menu li a:hover,
	#menu li.naviebene1active a,
	#menu li.naviebene1active a:hover {
		font-weight: bold;
	}
	#menu li.naviebene2 a, 
	#menu li.naviebene2active a {
		background-color: #E5E5E9;
		color: #4F4E73;
		font-weight: normal;
		padding: 5px 5px 5px 32px;
		background-image: url(../img/navi_square2_blue.gif);
		background-position: 21px 9px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#menu li.naviebene2 a:hover,
	#menu li.naviebene2active a, 
	#menu li.naviebene2active a:hover {
		background-color: #C0C0CB;
		color: #FFFFFF;
		font-weight: normal;
		padding: 5px 5px 5px 32px;
		background-image: url(../img/navi_square2_white.gif);
		background-position: 21px 9px;
		background-repeat: no-repeat;
	}
	#menu li.naviebene2active a, 
	#menu li.naviebene2active a:hover {
		font-weight: bold;
	}
	/* FOOTER */
	#footer {
		margin-top: 10px;
		margin-left: 160px;
		width: 617px;
		font-size: 0.85em;
		color: #B6B6B6;
		clear: both;
	}
	#footer a {
		color: #B6B6B6;
	}
	/* NEWS */
	.newsdate {
		color: #8E8F91;
	}
	.newsimage {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		background: #F0F1F3; 
	}
	.newsimage .newsimagecaption {
		font-size: 0.7em;
		margin: 2px;
	}
	#content h1.latestNews {
		padding: 3px 10px 3px 10px;
		display: inline;
		background-color: #CCCC00;
		font-size: 1em;
		color: #FFFFFF;
	}
	div.latestNews {
		margin-top: 2px;
		border: 1px solid #CCCC00;
		padding: 10px;
	}
	div.latestNews ul {
		padding-left: 20px;
	}
	#content div.newsPreview h2 {
		margin-top: 4px;
		margin-bottom: 0px;
		color: #18224E;
		font-size: 1em;
	}
	#content div.newsPreview a h2 {
		text-decoration: none;
	}
	#content div.moreNews {
		text-align: right;
	}
	#content div.moreNews a {
		text-align: right;
		color: #18224E;
		font-weight: bold;
		font-size: 0.8em;
	}
	#content p {
		margin-bottom: 20px;
	}
	p.csc-form-label,
	p.csc-form-label-req {
		margin-bottom: 0px;
	}
	/* Formular */
	.csc-form-labelcell {
		padding-bottom: 3px;
		vertical-align: top;
		font-weight: bold;
		font-size: 0.9em;
	}
	.csc-form-labelcell p {
		width: 200px;
	}
	.csc-form-labelcell input,
	.csc-form-labelcell textarea {
		margin-top: 0px;
	}
	.csc-form-fieldcell textarea[wrap="virtual"],
	.csc-form-fieldcell input[type="text"] {
		width: 250px;
	}
	.csc-form-fieldcell input[type="radio"] {
		margin-top: 4px;
	}
	.csc-form-fieldcell input[type="submit"] {
		margin-top: 20px;
		width: 150px;
	}
	.csc-form-radio {
		padding-left: 6px;
	}
}

@media print {
	/******* HEADER *******/
	#headerTile,
	#serviceMenu, 
	#left, 
	#menu, 
	#footer {
		display: none;
	}
	#allWrap {
		width: 15cm;
	}
	#headerWrap {
		width: 15cm;
		clear: both;
	}
	#contentWrap {
		width: 15cm;
		background-image: none;
	}
	#contentArea {
		width: 15cm;
	}
	#content {
		width: 15cm
	}
}