/*
	standard.css / Author Bernhard Welzel / welzel@innocasto.com
*/


/* div container */


	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}

body
	{
		margin-top:40px;
		margin-left:22px;
		margin-right:22px;

	}

#wrap0
	{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		border:1px solid black;
/*  min-width: 600px;
# max-width: 1200px;
# width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");		 */
	}
#branding
	{
		position:relative;
		color: #fff;
		background: transparent;
	}
	
#nav
	{
		clear:both;

		z-index: 100;
	}
	
#main
	{
		clear:both;
		z-index: 10;
	}
	
	
	#col1 {
		float: left;
		width: 270px;
padding-top:40px;
padding-bottom:10px;
	}
	
	#col2 {
		float:right; 
		width: 200px;
		display:none;
	}
	
	#col3
	{
		width:auto;
		margin-left: 300px;
		margin-right:20px;
padding-top:40px;
	}
	
	#footer { clear:both; }
	
/* branding *********************************************************************/

#col1 h1 {
	display:block; 
width:230px;
height:50px;
margin-left:30px;
margin-top:50px;
margin-bottom:20px;
background-image: url(/fileadmin/html/images/logo.gif);
	}

	/* make the actual link ZERO size and position relative
	the zero size stops the dotted border from displaying */
#col1 h1 a {
    display:block; 
	width:0;
	height:0;
	position:relative;
    }
	/* move the link styling to the em and make it position absolute */
#col1 h1 a span { 
    display:block; 
	text-indent:-10000px;
width:230px;
height:50px;
	position:absolute; 
	cursor:pointer; /* to set the pointer correctly as a link in IE */
	}
#col1 h1 a:hover span {
border:1px dotted #000;
	}
	/* for IE to make the active/focus state work correctly */
#col1 h1 a:active {
    color:#fff;
	}
	/* style the active/focus state */
#col1 h1 a:active span, #branding h1 a:focus span{
border:1px dotted #000;
	}
	
/* menus *********************************************************************/


#m2
	{
	margin-right:1em;
text-align:right;
text-transform:lowercase;
	}
	
#m2 li
	{
	/*	display: inline; */
		list-style-type: none;
	}

#m2 li a
	{
		padding:6px;
	/*	float:left; */
		display:block;
	}

#m2 .l1 a
{
		font-weight:bold;
		font-size:1.2em;
}	
#m2 .l2 a
{
		font-size:1.1em;
font-weight:normal;

}	

#m2 .l3
{

}	

#m2 a:link { color: #333;text-decoration:none;}
#m2 a:visited { color: #333;text-decoration:none;}
#m2 a:hover { color: #333;text-decoration:underline;background-color:#ccc}
#m2 a:active { color: #333;text-decoration:underline;background-color:#ccc}

#m2 .act a:link { }
#m2 .act a:visited}
#m2 .act a:hover { background-color:#ccc}
#m2 .act a:active { background-color:#ccc}
	
/* check working patch */
.css_standard { background-color:green }


/* Kontakt Formular */

#mailform label
{
width:5.0em;
float:left;
margin-left:0;
padding-left:0;
}

#mailform div
{
clear:both;
}

.csc-mailform-submit
{
margin-left:5.7em;
margin-top:1em;
border:1px solid #000;
}

/* Sitemap */


.content .csc-sitemap ul
	{
		list-style-type: circle;
		padding-top:4px;
padding-bottom:4px;
		margin-left:0;
padding-left:0;
	}


.content .csc-sitemap li
	{
		list-style-type: none;
padding-left:0px;
padding-top:4px;
padding-bottom:4px;
margin:0;
font-size:1.2em;
font-weight:bold;
	}

.content .csc-sitemap li li
	{
		list-style-type: none;
padding-left:8px;
padding-top:2px;
padding-bottom:2px;
margin:0;
font-size:1.0em;
font-weight:normal;
	}

.csc-sitemap a:link { ;text-decoration:none;}
.csc-sitemap a:visited { text-decoration:none;}
.csc-sitemap a:hover { text-decoration:underline;}
.csc-sitemap a:active { text-decoration:underline;}		

/* skiplink navigation */


#skiplinks a {position:absolute; z-index:2;overflow:hidden; top:-100px; left:-1000px;border:1px solid red;}

#skiplinks a:focus,
#skiplinks a:active {
position:absolute; z-index:99;
  top:0; left:0; text-decoration:underline; color:#000;
 background:#fff; font-size:1.1em;padding:6px;}

#footer {
padding:6px;
text-align:center;
color:#999;
text-transform:lowercase;
}

#footer a:link { ;text-decoration:none;color:#999;}
#footer a:visited { text-decoration:none;color:#999;}
#footer a:hover { text-decoration:underline;}
#footer a:active { text-decoration:underline;}