@media all
{
	html, body
	{
		margin: 0;
		padding: 0;
	}
	
	body { background: url(../images/visual/marginalie_200px.gif) repeat-y right top; }
}

/*
* Min width hack for IE6
*******************************************************************************/

@media screen
{
	html, .width { min-width: 1000px; }
	
	* html .minwidthsec
	{
		border-left: 220px solid white;
		position: relative;
		float: left;
		z-index: 1;
	}
	
	* html .minwidth
	{
		border-left: 780px solid #D9DDEB;
		position: relative;
		float: left;
		z-index: 2;
	}
	
	* html .container
	{
		margin-left: -1000px;
		position: relative;
		float: left;
		z-index: 3;
	}
}

@media all
{
	/*
		* Surrounding boxes
		*******************************************************************************/
	.section { float: none; clear: both; }	
	.boxOuter { width: 100%; }
	
	.boxInner
	{
		width: auto;
		margin: 0 200px 0 220px;
	}
	
	/*
		* Columns
		*******************************************************************************/
	
	.left
	{
		float: left;
		width: 220px;
		margin-left: -220px;
		padding-top: 0px;
		overflow: hidden;
	}
	
	a.logo {
		display: block;
		width: 220px;
		height: 100px;
		margin-bottom: 46px;
		}
		
	/* Internet Explorer bugfix - Start */
	.left { padding-left: 220px; }
	body > div div div div div div div .left, body > form div div div div div div div .left { padding-left: 0px; }
	
	/* Internet Explorer bugfix - Ende */
	.center
	{
		float: left;
		width: 100%;
		padding-top: 100px;
		min-width: 590px;
	}
	
	.right
	{
		float: left;
		width: 200px;
		margin-right: -200px;
		padding-top: 146px;
		overflow: hidden;
	}
	
	.leftcontent, .rightcontent, 
		.linkerinhalt, .rechterinhalt
	{
		padding-left: 10px;
		padding-right: 10px;
		display: table;
		position: absolute;
		width: 180px;
	}
	
	.rightcontent, .linkerinhalt, .rechterinhalt { margin-top: 1em; }
	
	/*
		* Columns
		*******************************************************************************/
	
	.topcontent
	{
		height: 40px;
		padding-top: 7px;
		padding-right: 20px;
	}
	
	.maincontent { padding-right: 20px; }
	
	/*
		* Spacer for the right sidebar min-height effect
		*******************************************************************************/
	
	#spacer
	{
		float: left;
		width: 0px;
		height: 500px;
		visibility: hidden;
	}
	
	/*
		* Spacer for the right sidebar min-height effect
		*******************************************************************************/
	
	.clearfix:after
	{
		content: ".";
		display: block;
		visibility: hidden;
		height: 0;
		clear: both;
	}
	
	.clearfix
	{
		display: inline-block;
		height: 500px;
	}
	
	.unsichtbar
	{
		position: absolute;
		height: 0em;
		width: 0em;
		visibility: hidden;
		display: none;
	}
	
	a.tabben
	{
		position: absolute;
		height: 0em;
		width: 0em;
		font-size: 0.9em;
		margin: 0 auto;
		border: 1px solid red;
		color: #ffffff;
		background: #000000;
		visibility: hidden;
	}
	
	a.tabben:focus, a.tabben:active
	{
		text-decoration: underline !important;
		position: absolute;
		top: 9em;
		left: 0em;
		height: 3em;
		padding: 2px;
		margin: 0 auto;
		width: 300px;
		color: #ffffff;
		background: #000000;
	}
	
	/*
		* Main navigation
		*******************************************************************************/
	
	.left ul, .left ul li
	{
		display: block;
		padding: 0.12em 0em 0.12em 0em;
		margin: 0em;
		width: 200px;
		background: none;
		overflow: hidden;
		line-height: 100%;
	}
	
	.left ul .selected a, .left a.selected, .left a.active { color: #000000; }
	.left a.selected, .left a.active { font-weight: bold; }
	
	.left ul li a
	{
		padding-left: 1em;
		display: block;
	}
	
	.left ul li li a { padding-left: 2em; }
	.left ul li li li a { padding-left: 3em; }
	.left ul li li li li a { padding-left: 4em; }
	.left ul li li li li li a { padding-left: 5em; }
	
	/*
		* Global navigation
		*******************************************************************************/
	
	.topcontent ul, .topcontent ul li
	{
		float: left;
		display: block;
		padding: 0em;
		margin: 0em;
		background: none;
		list-style-type: none;
	}
	
	.topcontent ul li { padding-right: 0.5em; }
	
	.left a, .topcontent a
	{
		color: #666666;
		line-height: 100%;
		font-weight: normal;
		text-decoration: none;
	}
	.topcontent a
	{
		line-height: 120%;
	}
	
	.topcontent a.selected, .topcontent a.active
	{
		color: #000000;
		font-weight: bold;
	}
	
	/* modified topcontent horizontal menu */
	.topcontent ul.horizontal
	{
		float: left;
		padding-left: 0em !important;
		margin-top: 0em !important;
	}
	
	/*
	* Special navigation
	*******************************************************************************/
	ul.horizontal {
		float: none;
		clear: both;
		list-style-type: none;
		padding-left: 2em;
		margin: 2em 0em 1em 0em;
	}
	ul.horizontal li {
		display: inline;
		background: none;
		padding: 0em 0.2em 0em 0.2em;
		margin: 0em;
		border-left: 1px solid #000000;
	}
	ul.horizontal :first-child, ul.horizontal .first {
		border-left: none !important;
	}
	/*
		* Basic font size - 11pt
		*******************************************************************************/
	
	*
	{
		/* Equalizer */
		font-size: 100%;
		margin: 0em;
		padding: 0em;
	}
	
	body
	{
		font-size: 81.25%;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		line-height: 120%;
		color: #000000;
		border: 0;
	}
	
	br { clear: left; }
	
	/*
		* Headlines
		*******************************************************************************/
	
	h1
	{
		/* Reserved for title */
		visibility: hidden;
		display: none;
	}
	
	h2
	{
		/* Reserved for structure */
		visibility: hidden;
		display: none;
	}
	
	h3
	{
		font-size: 130%;
		font-weight: bold;
		line-height: 120%;
		margin-bottom: 1em;
	}
	
	.left h3, .right h3
	{
		font-size: 110%;
		margin-bottom: 0.5em;
	}
	
	h4, legend
	{
		border-bottom: 1px dotted #003E7D;
		margin-top: 1.0em;
		margin-bottom: 0.5em;
	}
	
	h4,h5,h6, table caption, legend
	{
		font-size: 100%;
		font-weight: bold;
		line-height: 120%;
	}
	
	.left h4, .left h5, .left h6, .right h4, .right h5, .right h6 { font-size: 90%; }
	
	/*
		* Elements
		*******************************************************************************/
	
	p
	{
		padding: 0;
		margin: 0;
		margin-bottom: 1.0em;
	}
	
	em { }
	strong { }
	
	dfn
	{
		background-color: #D9DDEB;
		font-size: 100%;
		font-weight: normal;
		line-height: 120%;
		font-style: normal;
	}
	
	.left dfn, .right dfn { background-color: #FFFFFF; }
	ins { color: #CC6600; }
	del { color: #CC6600; }
	bdo { }
	b { }
	u { }
	strike,s { }
	big { font-size: 125%; }
	small { font-size: 80%; }
	
	sup
	{
		position: relative;
		font-size: 80%;
	}
	
	sub
	{
		position: relative;
		font-size: 80%;
	}
	
	hr
	{
		height: 1px;
		line-height: 1px;
		color: transparent;
		background-color: transparent;
		border: none;
		border-bottom: 1px dotted #003E7D;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	
	.left hr, .right hr
	{
		display: block;
		height: 3px;
		width: 180px;
		border-bottom: none;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	
	.left hr { border-top: 3px solid #D9DDEB; }
	.right hr { border-top: 3px solid #FFFFFF; }
	
	dl
	{
		color: #666666;
		text-indent: 2em;
		margin-top: 0px;
	}
	
	dt
	{
		font-weight: bold;
		margin-left: 3px;
	}
	
	dd { margin-left: 3px; }
	
	ol
	{
		margin-left: 5px;
		padding-left: 25px;
	}
	
	ol li { }
	ul { }
	
	ul li
	{
		list-style-type: none;
		padding-left: 21px;
		margin-left: 10px;
	}
	
	ol li, ul li { margin-bottom: 1em; }
	* li * li { margin-top: 1em; }
	
	pre
	{
		font-family: Courier New, Courier, monospace;
		font-size: 100%;
		font-weight: normal;
		line-height: 120%;
		font-style: normal;
	}
	
	img
	{
		margin-right: 1em;
		margin-bottom: 1em;
		border: 0;
		display: block;
	}
	
	.bildunterschrift-links {
		color:#000000;
		float:left;
		font-size:0.85em;
		font-style:italic;
		padding:10px;
	}
	
	.bildunterschrift-links img {
		clear:both;
		margin:0px;
		padding:0px;
	}
	.rahmen {
		border:1px solid #666666;
	}
		/*
		* Tables
		*******************************************************************************/
	
	table
	{
		border-spacing: 0;
		padding: 0;
		margin: 0;
	}
	
	table caption { text-align: left; }
	
	thead td
	{
		font-weight: normal;
		font-style: normal;
	}
	
	tfoot td
	{
		border: none;
		color: #666666;
	}
	
	tbody { }
	
	th
	{
		background-color: #D9DDEB;
		border-bottom: 1px solid #003E7D;
	}
	
	tr { }
	td { border-bottom: 1px dotted #003E7D; }
	table * { text-align: left; }
	table .zentriert, tr .zentriert td, td .zentriert { text-align: center; }
	.full { width: 100%; }
	
	/*
		* Forms
		*******************************************************************************/
	
	form, fieldset { display: block; }
	form br { clear: left; }
	form { padding:0; margin:0; }
	fieldset *
	{
		margin: 0em;
		padding: 0em;
		border: 0em;
	}
	
	fieldset
	{
		border: 0;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	legend 
	{
		border-bottom: 1px dotted #003E7D;
	}
	
	label, input, select, textarea
	{
		font-size: 100%;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		margin-top: 2px;
		margin-bottom: 2px;
		border: none;
		color: #000000;
		font-weight: normal;
	}
	
	input, select, textarea
	{
		color: #000000;
		background: #E3E6F1 none repeat scroll 0%;
		border: 1px solid #999999;
		padding-left: 2px;
		padding-right: 2px;
	}
	
	input { height: 18px; }
	
	select { padding: 0; margin: 0; }
	input.image { padding: 0; margin: 0; background: transparent; border: none; height: auto;}
	label
	{
		padding-top: 2px;
		width: 140px;
	}
		
	/* Buttons */
	.submit, #submit, .reset, #reset
	{
		color: #000000;
		margin-top: 1em;
		padding: 0em 0.4em 0em 0.4em;
	}
	
	.submit, #submit
	{
		display: inline;
		text-align: center;
	}
	
	.reset, #reset
	{
		text-align: center;
		margin-left: 20px;
	}
	
	/* Mandatory fields */
	.pflicht { font-weight: bold; }
	
	/* Errormessages */
	.fehler
	{
		display: block;
		font-weight: bold;
		color: #CC3300;
		margin-left: 162px;
		padding-left: 3px;
	}
	
	/*
		* Searchfield
		*******************************************************************************/
	
	.suche
	{
		margin-top: 47px;
		width: 190px;
		height: 50px;
		overflow: hidden;
		padding-left: 11px;
	}
	
	.suche *
	{
		margin-top: 0px;
		background: none;
		border: 0px;
	}
	
	.suche label
	{
		visibility: hidden;
		display: none;
	}
	
	.suche input:focus { /* 	Focus not defined */ }
	
	.suchfeld
	{
		width: 146px;
		height: 18px;
		line-height: 18px;
		background: #D9DDEB;
		border: 1px solid #003E7D;
		vertical-align: top;
	}
	
	.suchen
	{
		background: url("suchen.gif") no-repeat;
		height: 22px;
		width: 22px;
		margin-left: 10px;
		padding-top: 32px;
		border: 0px;
	}
	
	/*
		* Classes
		*******************************************************************************/
	
	.topcontent a, .topcontent img
	{
		padding: 0;
		margin: 0;
	}
	
	/*
		* Links
		*******************************************************************************/
	
	/* a:link,  a:hover, a:active, a:focus, a:visited, a:visited:hover, a:visited:active, a:visited:focus { */
	a
	{
		color: #0000FF;
		text-decoration: none;
	}
	
	/*
		* Columns
		*******************************************************************************/
	
	.boxOuter, .left { background: url("logo_7.png") no-repeat left top; }
	
	.center
	{
		background: url("slogan_7.png") no-repeat right top;
		background-color: #A3AECF;
	}
	
	.right { background: url("webshop1.png") no-repeat left top; }
	.content { background: #FFFFFF; }
	
	/*
		* Special colored elements
		*******************************************************************************/
	
	ul li { background: url("bullet_7_1.gif") no-repeat 0em 0.45em; }
	ul li ul li { background: url("bullet_7_2.gif") no-repeat 0em 0.45em; }
	h4, legend { color: #666699; }
	.left ul .selected { background-color: #D9DDEB; }
	.left .active { background-color: #A3AECF; }
	
	/***********************************************************************************
		*  Clear Float
		************************************************************************************/
	
	.clear
	{
		height: 0;
		clear: both;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}
	
	span.hide
	{
		/*	visibility: none;*/
		display: none;
	}
	
	/*****************/
	/* Various Forms */
	/*****************/
	/* Email, Login and Search forms generally: */
	label
	{
		display: block;
		float: left;
		padding-right: 10px;
		text-align: right;
	}
	
	.csc-mailform form { width: 100%; }
	.csc-form-commentcell { padding-bottom: 10px; }
	.csc-form-row { width: 100%; }
	
	.csc-form-labelcell
	{
		padding-right: 10px;
		font-size: 100%;
		float: left;
		width: 150px;
		text-align: right;
		padding-top: 7px;
	}
	
	.csc-form-fieldcell { padding-bottom: 2px; }
		
	.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }
	
	.csc-mailform p.error
	{
		color: #cc0000;
		font-weight: bold;
	}
	
	/* Login form, specifically */
	FORM .csc-loginform { width: 70%; }
	div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {  border: 1px solid #666666; }
}

@media print
{
	.boxInner
	{
		width: auto;
		margin: 0;
	}
	
	.left, .right, .topcontent
	{
		visibility: hidden;
		display: none;
	}
	
	body, .center
	{
		padding: 0;
		margin: 0;
		background: #FFFFFF !important;
	}
	
	.clearfix
	{
		height: 0px;
		visibility: hidden;
		display: none;
	}
}