/* -----------------

Hinweis: Die Abstände zwischen den Elementen im Content-Bereich werden grundsätzlich immer vom Element nach unten definiert (z. B. mit margin-bottom)!

----------------- */

/* =================== IMPORTS =================== */


/* =================== DEFAULT STYLES =================== */

html {
	overflow-y:scroll;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#494F52; 
	line-height:150%;
	margin:0;
	padding:0;
	background:#ECECEC url(/images/default/design_custom/bg_main.jpg);
	background-repeat:repeat-x;
}

body.print {
	margin:10px;
	background:none;
}

/* Headings */
h1 {
	font-size:18px; 
	font-weight:normal;
	color:#666666;
	line-height:120%;
	margin:0px;
}

h2 {
	font-size:15px;
	font-weight:bold; 
	line-height:120%;
	margin:0px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	line-height:120%;
	margin:0px;
}

h4 {
	font-size:16px;
	font-weight:bold;
	color:#666666;
	line-height:120%;
	margin:0px;
}

p {
	margin-top:0px;
}

/* Links */
a, a:visited {
	color:#BE0F33;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}

/* Positionierung @ */
a img {
	vertical-align:middle;
}

/* Aufzählungen */

ul {
	margin:0 0 0 16px; 
	padding:0;
}

/* Trennlinien */
div#content hr, div#content_moreinfo hr, div#block_right hr {
 	border:0px; 					/* Für Firefox und Opera */
	border-top:1px solid #ffffff;
 	border-bottom:1px solid #ECECEC; 
}


/* =================== LAYOUT =================== */

div#block_main {		/* Zentrierung der Website */
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
}	

div#block_header {
	height:141px; 
}

div#logo {
	float:right; 
}

div#header {
	float:left;
}

div#head_image {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}

div#block_left_content {
	float:left; 
	width:960px;
}

div#block_left_content_moreinfo {
	float:left; 
	width:480px;
}

div#block_left_content_moreinfo2 {
	float:left; 
	width:640px;
}

div#left {
	float:left; 
	width:160px;
	height:480px;
	background:url(/images/default/design_custom/bg_nav_grey.jpg);
}

div.navigation {}

div#block_footer {
	width:960px;
	height:20px;
	background-color:#ffffff;
}

div.adresse {
	float:right;
	width:480px;
	font-size:11px;
	font-weight:bold;
	color:#AAABAC;
	padding-bottom:3px;
	text-align:left;
}

div#block_right {
	float:right;
	width:480px; 
	height:480px;
	background:url(/images/default/design_custom/bg_moreinfo.jpg);
}

div#block_right2 {
	float:right;
	width:320px; 
	height:480px;
	background:url(/images/default/design_custom/bg_moreinfo.jpg);
}


/* =================== MENUPAGE & MOREINFO =================== */

div#content {
	padding:44px 13px 0 13px;
	float:right;
	width:764px;
	height:436px;
	border-right:10px solid #ffffff;
}

div#content_moreinfo {
	margin:44px 13px 0 13px;
	float:left;
	width:294px;
	height:436px;
}

div#content_moreinfo2 {
	margin:44px 13px 0 13px;
	float:left;
	width:454px;
	height:436px;
}

/* Main */				/* inkl. padding, margin */
div.content_main {}

div.main_title {		/* h1 */
	margin-bottom:5px;	
}

div.main_subtitle {		/* h2 */
	margin-bottom:15px;	
}
div.main_date {
	margin-bottom:15px;	
}
div.main_author {
	margin-bottom:15px;	
}
div.main_abstract {
	margin-bottom:15px;	
}
div.main_text {
	margin-bottom:15px;	
}

/* Chapters */ 			/* inkl. padding, margin */
div.content_chapter {}

div.chapter_title {		/* h3 */
	margin-bottom:5px;
}

div.chapter_text {
	margin-bottom:15px;
}

/* Moreinfo */ 			/* inkl. padding, margin */
div#moreinfo {}				

div.moreinfo_title {
	margin-bottom:5px;
	width:130px;
}

div.moreinfo_text {
	margin-bottom:15px;
}

/* =================== BILDER =================== */

div.content_main img {
	margin:0 0 3px 0;
}

div.content_chapter img {
	margin:0 0 3px 0;
}

/* mitte / grosses Bild */
.image {
	margin:0 0 10px 0;
}
.image_text {
	margin:0 0 5px 0;
}

/* links */
.image_left {
	float:left;
	margin:0 10px 0 0;
}
.image_left_text {
	float:left;
	margin:0 0 5px 0;
}

/* rechts */
.image_right {
	float:right;
	margin:0 0 0 10px;
}
.image_right_text {
	text-align:right;
	margin:0 0 5px 0;
}

/* rechts */
.image_right2 {
	float:right;
	margin:0 0 0 0;
}
.image_right2_text {
	text-align:right;
	margin:0 0 5px 0;
}


/* =================== NAVIGATIONEN =================== */

/* Metanav */
div#metanav {
	float:left;
	font-size:11px;
}

ul.metanav, li.metanav {
	display:inline;
}

#metanav a, #metanav a:visited {
	font-size:11px;
	color:#000000; 
	text-decoration:none;
}

#metanav a:hover, #metanav a:active {
	color:#C31A1F; 
}

/* Navigation Tree */
ul#nav_tree {
	margin:44px 0 0 0;
	padding:0; 
	width:160px;
	list-style:none; 
}

ul#nav_tree li  {
	display:block;
	margin-bottom:2px;
	width:160px;
	height:21px; 	
	font-size:12px;
	font-weight:bold;
}

ul#nav_tree a {
	display:block;
	height:20px; 
	text-decoration:none;
}

/* Level 0 */
li.nav_level0 {}

li.nav_level0_active {}

a.nav_level0, a.nav_level0:visited {
	padding:1px 0 0 10px;
	width:150px;
	color:#555555;
	background-color:#BBBBBB;
}

a.nav_level0:hover, a.nav_level0:active {
	color:#ffffff; 
}

a.nav_level0_active, a.nav_level0_active:visited, a.nav_level0_active:hover, a.nav_level0_active:active {
	padding:1px 0 0 10px;
	width:150px;
	color:#ffffff;
	background-color:#BBBBBB;
}

/* Level 1 */
li.nav_level1 {}

li.nav_level1_active {}

a.nav_level1, a.nav_level1:visited {
	padding:1px 0 0 20px;
	width:140px;
	color:#ffffff; 
	background-color:#D6D6D6;
}

a.nav_level1:hover, a.nav_level1:active {
	color:#222222; 
}

a.nav_level1_active, a.nav_level1_active:visited, a.nav_level1_active:hover, a.nav_level1_active:active {
	padding:1px 0 0 20px;
	width:140px;
	color:#222222;
	background-color:#D6D6D6;
}


/* =================== NEWS =================== */

/* Newsbox */
div#newsbox {}					/* inkl. padding, margin */

div.newsbox_boxtitle {}

div.newsbox_item {}				/* inkl. padding, margin */

div.newsbox_title {
	margin:0 0 0 0;
}
div.newsbox_abstract {}
div.newsbox_author {}
div.newsbox_date {}
div.newsbox_text {
	margin:0 0 0 0;
}
div.newsbox_more {
	margin:0 0 0 0;
}

div.newsbox_boxtitle a, div.newsbox_boxtitle a:visited {}
div.newsbox_boxtitle a:hover, div.newsbox_boxtitle a:active	{}

div.newsbox_title a, div.newsbox_title a:visited { }
div.newsbox_title a:hover, div.newsbox_title a:active {}

div.newsbox_more a, div.newsbox_more a:visited { }
div.newsbox_more a:hover, div.newsbox_more a:active {}

/* Newsbox HOME */
div#newsbox_home {}					/* inkl. padding, margin */

div.newsbox_home_boxtitle {}

div.newsbox_home_item {}    		/* inkl. padding, margin */			

div.newsbox_home_title {
	margin:0 0 15px 0;
}
div.newsbox_home_abstract {}
div.newsbox_home_author {}
div.newsbox_home_date {}
div.newsbox_home_text {
	margin:0 0 0 0;
}
div.newsbox_home_more {
	margin:0 0 20px 0;
}

div.newsbox_home_boxtitle a, div.newsbox_home_boxtitle a:visited {}
div.newsbox_home_boxtitle a:hover, div.newsbox_home_boxtitle a:active	{}

div.newsbox_home_title a, div.newsbox_home_title a:visited {}
div.newsbox_home_title a:hover, div.newsbox_home_title a:active {}

div.newsbox_home_more a, div.newsbox_home_more a:visited {}
div.newsbox_home_more a:hover, div.newsbox_home_more a:active {}


/* =================== DIVERSE WEITERE PLUGINS =================== */

/* Sitemap */
.sitemap_row td {}

.sitemap_col_date {
	text-align:right;
}

/* Suche */
input.topsearch {
	height:16px; 
	padding:3px 0 1px 2px; 
	margin:0 -4px 0 0;
	border:none; 
	font-size:11px; 
	vertical-align:middle;
	background-image:url(/images/default/design_custom/bg_suchen.jpg);
}

input.topsearch_button {
	width:20px; 
	height:20px; 
	border:none; 
	margin:0;
	padding:0;
	vertical-align:middle;
	background-image:url(/images/default/design_custom/ico_suchen.jpg);
}

/* Banners */
div.banner {
	margin-bottom:8px;
}

/* Newsletter */
.newsletter_title {
	float:left;
	font-weight:bold;
}

.newsletter_date {
	float:right;
}

/* Seiten Optionen */
div#page_options {
	margin:12px 0 12px 0;
}

/* Sprachwahl */
div#sprachwahl {
	z-index:2;
	position:absolute;
	top:2px;
	left:5px;
	font-size:11px;
}

div#sprachwahl a, div#sprachwahl a:visited {
	color:#666666;
}

div#sprachwahl a:hover, div#sprachwahl a:active {
	color:#BE0F33;
	text-decoration:none;
}

/* =================== FORMULARE =================== */

form {	
	margin:0; 
	padding:0;
}

fieldset{
	border:1px solid #cccccc;	
	padding:5px;
}

legend {
	color:#999999;
	font-size:11px;
}

label {
	font-weight:bold;
	float:left;
	width:150px;
}

input {
	border:1px solid #999999;
	margin-bottom:2px;
	width:180px;
}

select {
	border:1px solid #999999;
	margin-bottom:2px;
	/* width:184px; */
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:180px;
	height:80px;
	margin-bottom:2px;
	border:1px solid #999999;
}

.button  {
	font-weight:normal;
	font-size:12px;
	width:100px;
	border-color:#999999;
	background-color:#f0f0f0;
}

.required {
	color:#990000;
	background-color:#FEF2F2;
	border:1px solid #FCC3C3;
	margin-bottom:2px;
}

.comment {
	margin-bottom:10px;	
}
 
.inp_err {
	color: #CC0000;
	margin:0px;
	border:1px solid #990000;
	background:#FFEEEE;
	margin-bottom:2px;
}


/* =================== CUSTOM STYLES =================== */

/* Moreinfo Text Spalte */
div.moreinfo_text_spalte {
	float:left;	
	padding:44px 0 0 20px;
	width:140px;
	height:436px;
	overflow:hidden;
}

/* Adresse unterhalb Navigation */
div.adresse2 {
	position:absolute;
	top:475px;
	left:10px;
	font-size:11px;
	color:#ffffff;
	line-height:140%;
}

/* Links */
div.adresse2 a, div.adresse2 a:visited {
	color:#ffffff;
	text-decoration:none;
}

div.adresse2 a:hover, div.adresse2 a:active {
	text-decoration:underline;
}

/* Webwork */
div.webwork a, div.webwork a:visited {
	float:right;
	font-size:10px; 
	font-weight:normal;
	color:#C2C2C2; 
	text-decoration:none;
}

div.webwork a:hover, div.webwork a:active {
	color:#666666; 
}