/*****************************************************************************************************************************/
/******************************************** SCREEN *************************************************************************/
/*****************************************************************************************************************************/
	
@media screen{	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- UBERSCHRIFTEN----- */
	/*--------------------------------------------------------------------*/
	h4 {
		 height:15px;
		 background-repeat:no-repeat;
		 padding: 0;
		 margin: 0;
	}
	
	h4 strong{
		   display:none;
	}		
	/*h1{
		padding:0 0 0.5em 0;
		font-size:1.2em;	
		font-weight:bold;
		font-style: oblique;
		color:#663366;
		letter-spacing:0.09em; 
	}
	h1 a{
		color:#663366;
	}*/
	#col3 h1{
		padding:0 0 0.5em 0;
		font-size:1.2em;	
		font-weight:bold;
		font-style: oblique;
		color:#fff;
		letter-spacing:0.09em; 
	}
	#col3 h1 a{
		color:#fff;
	}
	
	h1{
		padding:0 0 1.1em 0;
		font-size:1.2em;	
		font-weight:bold;
		font-style: oblique;
		/*color:#663366;*/
		color:#69243F;
		line-height:1.5em;
	}
	h1 a{
		color:#663366;
	}
	h2{
		padding:.1em 0 .5em 0;
		font-size:.85em;	
		font-weight:bold;
		/*color:#663366;*/
		color:#69243F;
		line-height:1.5em;
	}
	h2 a{
		color:#663366;
	}
	
	h3{
		padding:0 0 .6em 0;
		font-size:.8em;	
		font-weight:bold;
		color:#000;
		line-height:1.5em;
	}
	
	h4{
		padding:0 0 .6em 0;
		font-size:.8em;	
		font-weight:bold;
		color:#000;
		line-height:1.5em;
	}
	
	h5{
		padding:0 0 .2em 0;
		font-size:.8em;	
		font-weight:bold;
		color:#000;
	}
	
	h6{
		padding:0 0 .2em 0;
		font-size:.8em;	
		font-weight:bold;
		color:#000;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- ABSAETZE ----- */
	/*--------------------------------------------------------------------*/
	
	p{
		margin: 0 0 1em 0;
		font-size:0.8em;
		line-height: 1.6em;
		font-stretch:expanded;
		letter-spacing:0.01em; 
	}
	#col3 p{
		font-weight:normal;
		color:#fff;
	}
	.csc-textpic-caption{
		color:#000;
		font-size:0.7em;
		font-style:italic;
		color:#69243F;
		letter-spacing:0.04em; 
	}
	.blue_line_dotted{
		padding-bottom:8px;
		border-bottom:1px dotted #EDE7ED;
	}

	div.csc-newsletter, span.small-text{
		font-size:0.8em;
		background:transparent;
	}


	/*--------------------------------------------------------------------*/
	/* ----- LISTEN ----- */
	/*--------------------------------------------------------------------*/
		
	ol {
		font-size:.8em;
		margin:0 0 1em 30px;
		line-height:1.2em;
	}
	
	
	ul{
		font-size:.8em;
		margin:0 0 1em 15px;
		/*list-style:none;*/
		line-height:1.2em;
	}
	
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- BILDER----- */
	/*--------------------------------------------------------------------*/
	
	#header img {
		border:0;
	}
	
	/*#main img{
		margin:0 0 1em 0;
		border:1px solid #898989;
	}*/
	
	#main img.float_left { 
		float: left; 
		margin:0 1em .15em 0; 
	}
	
	#main img.float_right { 
		float: right; 
		margin-left: 1em; 
		margin-bottom: 0.15em; 
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- FORMULARE----- */
	/*--------------------------------------------------------------------*/
	
	
	form div{
		padding:3px;
		background:#fff;
		font-size: 0.8em;
	}
	
	input.left{
		float:left;
		width:142px;
		margin:2px 3px 0 0;
		border:1px solid #98a9bd;
	}

	/*--------------------------------------------------------------------*/
	/* ----- OTHER----- */
	/*--------------------------------------------------------------------*/
	  /* (en) Clear borders for <fieldset> and <img> elements */
	  /* (de) Rahmen f�r <fieldset> und <img> Elemente l�schen */
	  fieldset, img { border: 0 solid}
	
	  /* (en) new standard values for lists, blockquote and cite */
	  /* (de) Neue Standardwerte f�r Listen & Zitate */
	  ul, ol{ margin: 0 0 1em 1em }
	  li { margin-left: 1.5em; line-height: 1.5em; }
	
	  /*dt { font-weight: bold; }
	  dd { margin: 0 0 1em 2em; }*/
	
	  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
}






















/*****************************************************************************************************************************/
/******************************************** HANDEHLD *************************************************************************/
/*****************************************************************************************************************************/
	
	/* http://www.thestyleworks.de/tut-art/layout_handheld.shtml */
	/* http://www.alistapart.com/articles/pocket/ */

@media handheld{
	
	body{
		font-size:1em;
	}

	/*--------------------------------------------------------------------*/
	/* ----- IDs----- */
	/*--------------------------------------------------------------------*/
	
	#header {
		overflow: hidden;
	}
	
	#header img	{
		max-height: 1.5cm;
		max-width: none;
	}
	

	
	/*--------------------------------------------------------------------*/
	/* ----- UBERSCHRIFTEN----- */
	/*--------------------------------------------------------------------*/
	
	h1, h2, h3, h4, h5, h6{
		margin:5% 0 0 0;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- ABSAETZE, FORMULARE, TABELLEN ----- */
	/*--------------------------------------------------------------------*/
	p, form{
		margin:0 0 5% 0;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- LISTEN ----- */
	/*--------------------------------------------------------------------*/
	
	#main ol, #main ul, #main dl{
		margin:0 0 5% 20%; /*gleicher Abstand nach unten wie Absaetze; 20% Abstand nach links, um buendig mit dem Fliesstest zu sein*/
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- BILDER----- */
	/*--------------------------------------------------------------------*/
	
	img{
		border:0;
		max-width:100%; /* möglichst nur Grafiken mit max 150px erstellen */
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- FORMULARE ----- */
	/*--------------------------------------------------------------------*/
	
	form{
		margin:0 0 5% 0;
	}
	
}