/* ###################################################################################
** ### CSS Schwarzwaldsprudel GmbH####################################################
** ###################################################################################
*/
/* ###################################################################################
** ### POSITIONING, main margins, backgrounds ########################################
** ###################################################################################
*/

.examplediv
 {
  }
#divid
{
 position:absolute;
 left:1050px; top:60px; width:140px; height:140px;
}
	
	
	
	
	
	
	* { margin:0; padding:0; font-size: 100%; } 

	html { height: 100% }
	
	@font-face
	{
 	src: local('Frutiger'), url(../_fonts/Frutiger.ttf) format('truetype'); font-family: 'Frutiger';
	}
	
	@font-face
	{
 	src: local('Frutiger2'), url(../_fonts/FrutigerBold.ttf) format('truetype'); font-family: 'Frutiger2';
	}
	
	
	body {
	min-height: 99%;
	position: relative;
	font-family: 'Frutiger';
	font-size: 11px; /* make 1em = 10px */
	text-align: left;
	line-height:15px;
	} 
	
	
	/*a {text-decoration: none;}*/
	a:link,  a:active, a:visited {
	color: #889fb3;
	font-family: Tahoma, Geneva, sans-serif;
}
	a:hover {color: #889fb3;}			

	
	
	/* Text und Überschriftformatierung */
	h1 {font-family: 'Frutiger2'; font-size:13px;margin: 1.1em 0em 0.3em 0em;padding: 3px 0em 0em 24px;color:#000000;font-weight:bold;
	background-image:url(../_icons/icon_pfeilright.gif);	background-repeat:no-repeat; height:25px;}
	h2 {font-family: 'Frutiger2'; font-size:13px;margin: 1.1em 0em 0.3em 24px;padding: 0em 0em 0em 0em;color:#000000;font-weight:bold;}
	h3 {font-family: 'Frutiger2'; font-size:13px;margin: 1.1em 0em 0.3em 0em;padding: 0em 0em 0em 24px;color:#000000;font-weight:bold;
	background-image:url(../_icons/icon_speaker.gif);	background-repeat:no-repeat; height:25px;}
	h4 {font-family: 'Frutiger2'; font-size:13px;margin: 1.1em 0em 0.3em 0em;padding: 0em 0em 0em 24px;color:#000000;font-weight:bold;
	background-image:url(../_icons/icon_CD.gif);	background-repeat:no-repeat; height:25px;}
	h5 {font-family: 'Frutiger2'; font-size:13px;;margin: 1.1em 0em 0.3em 0em;padding: 0em 0em 0em 24px;color:#000000;font-weight:bold;
	background-image:url(../_icons/icon_cocktail.gif);	background-repeat:no-repeat; height:25px;}
	
	.csc-textpicHeader{
	background-image:url(../_icons/icon_pfeilright.gif);
	background-repeat:no-repeat;
	height:25px;
		}
	
	hr{
		border:solid #889fb3 1px;
		border-top:0px;
		}	
	
	/* no border */
	fieldset, img { border:0; }
	
	/* needed for safari */ 
	/* mm overwritten in special cases */
	select, input, textarea { font-size: 99% }

	p.bodytext, li {margin:0.4em 0em 1.2em 24px ;padding:0em 0em 0em 0em; border-top:0px solid #691E04;border-bottom:0px solid #691E04;}
	
	ul{list-style-image:url(../_icons/icon_aufzaehlung.gif) }
	
	.header {
	position:relative;
	height:150px;
	background-image:url(../_images/bg_header.png);
	margin-bottom:5px;
	}

	#lineend {
	clear:both;
	height:15px;
	background-color:#000;
}

	#pageContainer {
	width:1000px;
	background-position: right;

	}	
	#pageContainerLeftShadow {
		background-position: left;
		background-repeat: repeat-y;
		font-size: 100%;
	}
	
	#page {  }
	
	#main {
		clear:both;
		width: auto;
		z-index: 10;
		background-color: white;
	}
	
	#colRightContainer {
		float:right; 
		width: 98%;
		z-index: 3;
	}
	#colRight {	margin-left: 0.5em; z-index: 4; position:relative; }	
	
	#colLeftContainer {
		width:0px;
	    margin-right: 100%; 
		z-index: 1;
		padding-bottom: 6em;
	}
	#colLeft {z-index: 2; position:relative; }

	#footer {
		font-size: 1.2em;
		clear:both; /* backup for IE-clearing */
		border-bottom: 1px solid rgb(221,221,221);
		background-color:#000
		width: 100%;
	}	
	
	
	


	/* ######################################################################################################
	** ### General Formattings left col######################################################################
	** ######################################################################################################
	*/
	#Seitentitel {
	margin-left:10px;
	padding-top:23px;
	height:50px;
	}
	
	.Seitentiteltext {
	font-size:16px;
	padding-left:30px;
	color: #889fb3;	
	}

	
	
	/** Navigation TOP
	------------------------------*/
	
	#navigation_top {
	position:relative;
	height:25px;
	margin-top:1px;
	}
	
	#navigation_top ul {
	list-style-type: none;}
	
	#navigation_top li {
	font-size: 13px;
	display: inline;
	line-height: 25px;
	text-transform:uppercase;}
	
	#navigation_top a { color: #333333; text-decoration: none; padding: 0 5px; float: left; }
	
	#navigation_top a:hover {
		
		text-decoration: none;
		background-position: 0 0;
		
	}
	
	#navigation_top a.l1-no {
		background-color: #ffffff;
	}
	#navigation_top a.l1-no:hover {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_hover.gif);
	}

	#navigation_top a.l1-act {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_active.gif);
	}
	
		
	/** Navigation TOPUNDER
	------------------------------*/
#navigation_topunder {
	position:relative;
	height:20px;
	margin-top:1px;
	}
	
	#navigation_topunder ul {
	list-style-type: none;}
	
	#navigation_topunder li {
	font-size: 11px;
	display: inline;
	line-height: 25px;
	text-transform:uppercase;}
	
	
	#navigation_topunder a { color: #333333; text-decoration: none; padding: 0 5px; float: left; }
	
	#navigation_topunder a:hover {
		
		text-decoration: none;
		background-position: 0 0;
		
	}
	
	#navigation_topunder a.l1-no {
		background-color: #ffffff;
	}
	#navigation_topunder a.l1-no:hover {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_hover_topunder.gif);
	}

	#navigation_topunder a.l1-act {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_active.gif);
	}
	
	
		/** Navigation TOPUNDER2
	------------------------------*/
#navigation_topunder2 {
	position:relative;
	margin-top:-5px;
	height:20px;}
	
	#navigation_topunder2 ul {
	list-style-type: none;}
	
	#navigation_topunder2 li {
	font-size: 10px;
	display: inline;
	line-height: 20px;
	}
	
	
	#navigation_topunder2 a { color: #333333; text-decoration: none; padding: 0 5px; float: left; }
	
	#navigation_topunder2 a:hover {
		
		text-decoration: none;
		background-position: 0 0;
		
	}
	
	#navigation_topunder2 a.l1-no {
		background-color: #ffffff;
	}
	#navigation_topunder2 a.l1-no:hover {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_hover_topunder.gif);
	}

	#navigation_topunder2 a.l1-act {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_active.gif);
	}
	
  
  /** Navigation FOOTER
	------------------------------*/
	
	#navigation_footer {
	position:relative;
	height:25px;
	margin-top:1px;
	}
	
	#navigation_footer ul {
	list-style-type: none;}
	
	#navigation_footer li {
	font-size: 12px;
	display: inline;
	line-height: 25px;
	text-transform:uppercase;
	}
	
	#navigation_footer a { color: #333333; text-decoration: none; padding: 0 5px; float: left; }
	
	#navigation_footer a:hover {
		
		text-decoration: none;
		background-position: 0 0;
		
	}
	
	#navigation_footer a.l1-no {
		background-color: #ffffff;
	}
	#navigation_footer a.l1-no:hover {
		background-color: #ffffff;
	}

	#navigation_footer a.l1-act {
		background-color: #ffffff;
		background-image: url(../_images/bg_navigation_active.png);
	}

	/* ######################################################################################################
	** ### General Formattings right col ####################################################################
	** ######################################################################################################
	*/
		
	.headerimg {
		width: 100%;
	}
	
	/** Breadcrumb
	------------------------------*/
	#breadcrumb {
		margin: 0 0 2em 0;
		padding: 0.3em 0em;
		font-size: 1.2em;
		border-top: 2px solid #E5E7F1;
		border-bottom: 1px dotted #E5E7F1;
	}
	
	#breadcrumb a {
		text-decoration: none;
	}

	#pageFunctions {
		margin: 0;
		padding: 0;
		border-top: 1px solid #E5E7F1;
		padding: 0.5em 0em 2em 0em;
		float: right;
		text-align: right;
		width: 100%;
	}
	#pageFunctions li {
		display: inline;
		list-style: none;
	}
	#pageFunctions li a {
		text-decoration: none;
	}
	
	/** Container in Container
	------------------------------*/
	.subContainer { 
		width: 100%;
		padding: 0 0 0 0; 
		margin: 0px -1px 0 -1px;  
		overflow:hidden;
	}
	
	.subLeftContainer {float: left; overflow: hidden;}
	.subMitteContainer {float: left; overflow: hidden;}
	.subRightContainer {float: right; overflow: hidden;}
	.subRandContainer { clear:both}
	
/*	.breadCrumbContainer, */
	.contentRandContainer { width: 99%; }

/*	.layoutChangesContainer,.loginContainer { width: 49.999%; }*/

	.subLeft { padding: 0 1em 0 0; overflow: hidden; }
	.subMitte { padding: 0 0 0 0; overflow: hidden; }
	.subRight { padding: 0 0 0 1em; overflow: hidden; }
	.subRand { padding: 1em 0 0 0; overflow: hidden; }
	
	
	/** Content
	------------------------------*/
	#content {
		font-size: 1.2em; /* set font-size in the contentarea to 12px */
		margin: 20px 1em 1em 0em;
	}

	.contentLeftContainer .subLeft {
		padding-right: 1em;
	}
	.contentRightContainer .subRight {}
	
	/* ######################################################################################################
	** ### General Formattings footer #######################################################################
	** ######################################################################################################
	*/
	#footer {
		color:#888;
		margin: 0;
		background: #fff;
		padding: 1em;
		border-top: 1px #ddd solid; 
		line-height: 2em;
		vertical-align:middle;
		height:30px;
	}
	
	#footericons
	{
		float:left;
		overflow:hidden;
		width: 215px;
		
	}
	
	#footernavigation
	{
		float:left;
		overflow:hidden;
		width:300px;
		text-align:left;
		margin-left:5px;
		
		
	}
	
	#footercopyright
	{
		float:right;
		overflow:hidden;
		width:400px;
		text-align:right;
		font-size:12px;
		
		
	}
	
	/* ######################################################################################################
	** ### clearing solutions ###########################################################
	** ######################################################################################################
	*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .col-clearing:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* needed for Safari */
	.col-clearing { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
/*	.floatbox { overflow:hidden; }*/
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }
	
	/* Formular */
	fieldset.csc-mailform {
	border:0;
	}
	
	fieldset.csc-mailform label {
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block
	}
	
	
	fieldset.csc-mailform input, 
	fieldset.csc-mailform textarea
	fieldset.csc-mailform-radio{
	margin-bottom: 10px;
	font-size:12px;
	font-family: 'Frutiger';
	border:1px solid #ccc;
	padding:2px;
	width:300px;
	}
	
	csc-mailform-label
	{
	margin-left:100px;
	}
	
	#mailformformtype_mail {
	padding:2px;
	margin-left:40px;
	background:#eee;
	border:1px solid #ccc;
	width:80px;
	text-align:center;
	}
	
	
	/*Powermail*/
	/* Powermail */
	/* Form */
		span.powermail_mandatory {
			/* Color of mandatory error message */
			color: red;
		}
		input.validation-failed,
		textarea.validation-failed {
			/* Background color if validation failed 
			background-color: red;*/
			background-repeat: no-repeat;
			background-position: 98% 1px;
		}
		div.powermail_mandatory_js {
			/* DIV container of errormessage */
			color: red;
			margin: 3px 0 15px 200px;
		}
		fieldset.tx-powermail-pi1_fieldset {
			/* Fieldset */
			border: 1px solid #aaa;
			padding: 10px;
		}
		fieldset.tx-powermail-pi1_fieldset legend {
			/* legend of Fieldset */
		}
		fieldset.tx-powermail-pi1_fieldset label {
			/* label */
			display: block;
			width: 200px;
			float: left;
			clear: both;
		}
		fieldset.tx-powermail-pi1_fieldset input.powermail_text,
		fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
		fieldset.tx-powermail-pi1_fieldset select.powermail_select {
			/* Input and textarea */
			width: 260px;
		}
		fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
			/* Radiobuttons */
			margin: 5px 0;
		}
		div.tx_powermail_pi1_fieldwrap_html {
			/* DIV container arround every field */
			margin: 10px 0;
		}
		fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
			/* submit button */
			margin: 20px 0 10px 200px;
			font-weight: bold;
		}
		p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
		p.tx_powermail_pi1_fieldwrap_html_radio_title {
			margin: 0;
			padding: 0;
		}
		div.countryzone {
			margin: 10px 0 0 200px;
		}
		div.tx_powermail_pi1_fieldwrap_html label a,
		div.tx_powermail_pi1_fieldwrap_html p a {
			/* Description */
			cursor: help;
			text-decoration: none;
		}
		div.tx_powermail_pi1_fieldwrap_html label a dfn,
		div.tx_powermail_pi1_fieldwrap_html p a dfn {
			/* Description */
			display: none;
			text-decoration: none;
		}
		div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
		div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
			/* Description on mouseover */
			display: block;
			position: absolute;
			width: 250px;
			padding: 5px;
			background-color: #ddd;
			border: 1px solid red;
			color: black;
			text-decoration: none;
			font-size: 0.8em;
			text-decoration: none;
		}
		div.tx_powermail_pi1_fieldwrap_html img.icon_info {
			/* Description icon */
			padding: 2px 2px 0 2px;
		}
		fieldset.tx-powermail-pi1_fieldset div.even {
			background-color: #eee;
		}
		
		
			/* Confirmation */
		td.powermail_all_td {
			padding: 3px 10px 3px 0;
		}
		
			/* THX */
		td.powermail_all p.bodytext {
			margin: 0;
		}
	
	#c15{
		margin-left:24px;
		}
	
	#c102{
		margin-left:24px;
		}
		
		#c65{
		margin-left:24px;
		}
		
		#c67{
		margin-left:24px;
		}