/* Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de)*/
@media all
{
* { margin:0; padding: 0; } 
option {padding-left: 0.4em}
html { height: 100% } 
body { 
	/*min-height: 101%;	*/
	font-size: 100.01%; 
	position: relative; 
	color: #000;        
	background: #ebebeb;
	text-align: left;
	background-image:url("gfx/bg.gif"); background-repeat:repeat-x;
	padding-top:20px;
	padding-bottom:20px;
	} 

fieldset, img { border:0; }
	
select, input, textarea { font-size: 99% }
	
#aussen { position:relative; height:45px; background-image:url("gfx/abschluss_oben.gif"); background-repeat:none;}
#header { position:relative; height:127px; background:#d6fac6; background-image:url("gfx/bg_header.gif"); background-repeat:y-repeat;}

#main {	clear:both; width:auto; background-color:#fff; background-image:url("gfx/bg_cols.gif"); background-repeat:y-repeat;}

#col1 {
		float:left;
		width:770px;
	}
	
#col3 {
	width:auto;
	margin-left:186px;
	margin-right:0px;
	}
	
#footer { clear:both; }	/* Backup für IE-Clearing */
	
#col1 {z-index: 3;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col3_content {z-index: 2;}
	
#col1_content, #col3_content { position:relative; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
.clearfix { display:block; } 
	
.floatbox { overflow:hidden; }
	
#ie_clearing { display: none }

ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 1.5em; }

#page{ border-left: 2px #4d4e53 solid; border-right: 2px #4d4e53 solid;}
#page_margins {min-width: 960px; max-width: 100em; margin:auto;}

#footer { color:#000; border-top: 2px #4d4e53 solid; line-height: 1em; height:29px; background-image:url("gfx/abschluss_unten.gif"); background-repeat:no-repeat;}
} 

@media screen
{
/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:960px; 
	margin-left:auto;
 	margin-right:auto;
	max-width:none;  /* min-width für fixes Layout abschalten */
	min-width:none;  /* max-width für fixes Layout abschalten */
}

#spruch {
    width:100%;		/* Einfassen der Floats im IE */
    float:left;     /* Einfassen der Floats in allen anderen Browsern */
	height:38px;
	background:#4d4e53;
	background-image:url('gfx/linie.gif');
	background-repeat:no-repeat;
}

#text  {font-size: 1.2em; color: #fff; font-weight: bold; padding-left:200px; padding-top:9px;}

#footer {margin:0; padding: 0.5em;}

#col1_content,#col3_content {padding: 3em 0em 0 1em;}
#col3_content {width: 690px; margin-left: 0.8em;}
#col1_content {margin-left: 1em; margin-right:1em;}

/* #col1 wird zur mittleren Spalte */
#col1 { width: 177px; float:left; margin-left: 0px;  }

/* #col3 wird zur rechten Spalte */
#col3 {  margin-left: 177px; margin-right: 0%;}

#fusszeile {text-align: center; color:#4d4e53; font-size:0.8em;}

#hinweis {color: #4d4e53; font-size: 81.25%; font-family: Verdana, sans-serif; text-align: center;}

body { color: #000; font-size: 81.25%; font-family: Verdana, sans-serif; line-height:1.5em;} /* 13px */

#titel_oben { position: relative; width:699px; height:33px; background-image:url("gfx/titel.gif"); background-repeat:no-repeat; margin-left:-5px;}
h1 {font-size: 1.0em; color: #4d4e53; padding:0.3em; font-weight: bold; }

p { margin: 1em 0 2em 0; }
strong,b { font-weight: bold; }
em,i { font-style:italic; }

#wichtig a {font-weight: bold; color: #569b4f;}

.klein {font-size:0.8em; font-style:italic; color: #4d4e53;}

#col1_content ul {
list-style-position: outside;
list-style-image:url("gfx/plus_nav.gif");
}

#col1_content li a {
background:url("gfx/bg_nav.gif") #fff bottom left repeat-x;
display: block;
text-align:left;
height:23px;
width:121px;
font:12px Verdana, Helvetica, sans-serif;
color: #569b4f;
text-decoration: none;
padding-top:7px;
}

#col1_content li a:hover {
color: #4d4e53;
text-decoration: none;
}

#col1_content li a.active {
color: #4d4e53;
font-weight:bold;
}
	
#col3_content ul{
	list-style-position: outside;
	list-style-image: url("gfx/plus.gif");
	margin-left:0px;
	text-indent:0px;
	}
	
#col3_content li {
margin-top:8px;
}

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

#col3_content a {color:#569b4f;}
#col3_content a:hover {text-decoration:underline;}
#col3_content a:focus {text-decoration:underline;}

#fusszeile a { color:#569b4f;}

#hinweis a { color:#000;}

table { border-collapse:collapse; width: 100%; margin-bottom: 1.5em; color: #000;}

form {overflow:hidden;}
}

@media print
{
body * {font-size: 12pt; font-family: "Times New Roman", Times, serif; }
blockquote { font-family: "Times New Roman", Times, serif; }
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono;}

h1 {font-size: 16pt; font-weight:bold; color: #336699;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}

h1 { page-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

#col3 a[href^="http:"], #col3 a[href^="https:"], 
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 0;
	background-image: none;
}

a[href]:after {
 content:" <URL: "attr(href)">";
 color:#444;
 background-color:inherit;
 font-style:italic;
} 

body {margin:0; padding: 0;}
#page_margins, #page {min-width: inherit; margin:0; padding: 0; border: 0; } 
#topnav {display: none;}

#header {height: auto;}
#header img {position:relative; top:0; left:0; padding:0; }
#nav_main {display:none;}
#teaser { margin: 1em 0 0 0; padding: 0; border:0; }

#main {margin: 0; padding: 0;}

#col1 {display:none;}
#col1_content {display:none;}

#col2 {display:none;}
#col2_content {display:none;}

#col3 { margin:0; padding: 0; border:0; }
#col3_content {margin:0; padding: 0; border:0; }

#footer {display: none;}
}