@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
	/* Randbereiche & Seitenhintergrund */
	body { background: #f6f6f6; padding: 0; }
	/* Layout-Ausrichtung */
	.page_margins { margin: 0 auto; }
	/* Layout-Eigenschaften */
	/* .page_margins { width: auto; min-width: 860px; max-width: 920px; background: #fff; } */
	.page_margins { width: auto; min-width: 920px; max-width: 1000px; background: #fff; }
	/* Header */
	#header {
		padding: 0;
		margin: 0;
		height:	72px;
		border: 0;
		background-color: #eee;
		background-image: url(/img/vdb/vdb-top.jpg);
		background-repeat: no-repeat;
	}
	/* Logo-Bereich für den Home-Link über dem VDB-Logo */
	.logo { position: absolute; top: 0px; left: 30px; height: 50px; width: 110px; }  
	/* Roter Strich unter der Hauptnavigation */
	.redbox { position: absolute; top: 98px; right:0px; height: 4px; width: 135px; background-color: #d42300; }
	/* Topnavigation */
	#header #topnav {
		top: 0;
		right: 0;
		margin: 0;
		padding: 4px 15px 6px 10px; /* top-right-bottom-left */
		white-space: nowrap;
		background-color: #d42300;
		font-size: 83.33%; /* 10 px */
		font-weight: bold;
		color: #eee;
	}
	/* Navigation (Anpassung der "Shiny Buttons" Navigation) */
	#nav { overflow: hidden; }
	div.hlist {  }
	#nav ul { margin-left: 168px; font-family: Arial, Helvetica, sans-serif; }
	.hlist {
		border-top: 1px #163381 solid;
		border-bottom: 1px #163381 solid;
		background: #163381;
	}
	.hlist ul li a,.hlist ul li strong { color: #eee; }
	.hlist ul li.active { background: #999; }
	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active  { background: #e2e8f0; }
	/* Subnavigation */
	.subnavheader {
		margin-bottom: 10px;
		border-bottom: 1px solid #d42300;
		padding-bottom: 5px;
		color: #d42300;
		font-weight: bold;
		font-size: 12px;
		line-height: 18px;
	}
	#subnav1 {
		list-style-image: url(/img/icons/doubledots.gif);
		margin-bottom: 120px;
	}
	#subnav1 li { padding-bottom: 0.8em; line-height: 1.3em; }
	#subnav2 {
		list-style-image: url(/img/icons/singledot.gif);
		margin-top: 0.8em;
		margin-bottom: 0;
	}
	#subnav2 li { padding-bottom: 0.4em; line-height: 1.3em; }
	.subnaventryactive { font-weight: bold; }
	/* Main-Bereich */
	#main { margin: 10px 0; background: #fff; }
	/* Footer */
	#footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; font-size: 83.33%; /* 10 px */ }
	/* Formatierung der Inhalts-Container */
	#col1 { float: left; width: 170px}
	#col2 { display: none}
	#col3 { width: auto; margin: 0 0 0 170px}
	#col1_content {
		top: -35px; /* ganz hochrutschen: -35px, partiell: -10px */
		border-bottom: 1px #163381 solid;
		margin: 0;
		padding: 25px 15px 15px 15px; /* top-right-bottom-left */
		background-color: #e2e8f0;
		font-size: 83.33%; /* 10 px */
		color: #587684;
	}
	#col3_content {
		padding: 15px 20px 0 25px; /* top-right-bottom-left */
	} 
}
