/* Allgemeines */

html { overflow-y: scroll; }
body {
	margin:15px 0 30px 0;
	padding:0;
	background:url(images/body_bg.jpg) top center repeat-y #9cb7e0;
	color:#543720;
	text-align:center;
	line-height:1.33em;
}

/* Cross-browser typographical normalization from Yahoo YUI */
body { font:77% Verdana, Arial, sans-serif; }
table { font-size:inherit; font:100%; }
/* 99% for safari; 100% is too large */
select, input, textarea {  font:99% Verdana, Arial, sans-serif; }
/* Bump up !IE to get to 13px equivalent */
pre, code { font:115% monospace; *font-size:100%; color:white; }
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * { line-height:1.33em; margin:0; padding:0; text-align:left; }
img { border:0; }
a { color:#1c497c; text-decoration:none; font-weight:bold;}
a:hover { color:#1c497c; text-decoration:underline; font-weight:bold;}
table { border-collapse:collapse; }
ul {margin-left:20px}

input, select, textarea { vertical-align:middle; color:#000; }
input.text, select, textarea { padding:3px 2px; background:#fff; line-height:1em; }
option { padding-left:0.8em; }
input.radio, input.cb { margin:0 3px 0 0; vertical-align:middle;  }
label.radio, label.cb { vertical-align:middle; margin-right:1.5em;  }
* html input.radio { margin:-4px 2px -4px -4px; }
* html input.cb { margin:-4px 2px -4px -4px; }

/* Float clearing workaround also working on Mozilla */

.clearer { clear:both; height:0px; overflow:hidden; margin-top:0px; }
* html .clearer { height:1px; margin-top:-1px; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */



div#header {
	background:url(images/header_bg.jpg) repeat #004372;
	width: 710px;
	height: 179px;
	margin:0 auto;
}

div#header ul#menu {
	position:absolute;
	margin-top: 147px;
	margin-left: 19px;
	width:674px;
	height:32px;
}

#menu li {
	float:left;
	list-style-type:none;
	height:32px;
	width:132px;
	margin-left:2px;
}
#menu a { 
	display:block;
	height:32px;
	width:132px;
	border:0;
}
#menu span { display:none; }

#event_home { background:url(images/menu-home_inactive.jpg) no-repeat; }
#event_home a:hover { background:url(images/menu-home_hover.jpg) no-repeat; }
#event_home_active { background:url(images/menu-home_active.jpg) no-repeat; }

#event_details { background:url(images/menu-details_inactive.jpg) no-repeat; }
#event_details a:hover { background:url(images/menu-details_hover.jpg) no-repeat; }
#event_details_active { background:url(images/menu-details_active.jpg) no-repeat; }

#event_programm { background:url(images/menu-programm_inactive.jpg) no-repeat; }
#event_programm a:hover { background:url(images/menu-programm_hover.jpg) no-repeat; }
#event_programm_active { background:url(images/menu-programm_active.jpg) no-repeat; }

#event_anmeldung { background:url(images/menu-anmeldung_inactive.jpg) no-repeat; }
#event_anmeldung a:hover { background:url(images/menu-anmeldung_hover.jpg) no-repeat; }
#event_anmeldung_active { background:url(images/menu-anmeldung_active.jpg) no-repeat; }

#event_archiv { background:url(images/menu-archiv_inactive.jpg) no-repeat; }
#event_archiv a:hover { background:url(images/menu-archiv_hover.jpg) no-repeat; }
#event_archiv_active { background:url(images/menu-archiv_active.jpg) no-repeat; }

#main-wrapper {
	width: 710px;
	min-height: 443px;
	background-color: #3373af;
	margin:0 auto;
}

* html #main-wrapper {
	height: 443px;
}

#border-left {
	float:left;
	width: 6px;
	height: 337px;
	background:url(images/border-left_bg.jpg) no-repeat;	
}

#border-right {
	float:left;
	width: 6px;
	height: 337px;
	background:url(images/border-right_bg.jpg) no-repeat;	
}

#content-wrapper {
	position:relative;
	float:left;
	width: 698px;
	padding-bottom: 58px;	
	min-height: 437px;
	margin-bottom: 6px;
	background:url(images/content_bg.jpg) repeat;	
}

* html #content-wrapper {
	height: 437px;
}


#content {
	margin:5px 20px 5px 20px;
}

.content-header {
	margin:0px -20px 0px -20px;
	height:67px;
	background:url(images/content-header_bg.jpg) repeat-x;	
}

.content-header div span {
	display:none;
}

.content-header div {
	position:absolute;
	margin-top: 22px;
	margin-left: 20px;
}

.content-header #content-header_home {
	width: 211px;
	background:url(images/content-header_home.jpg) repeat-x;	
}

.content-header #content-header_details {
	width: 268px;
	background:url(images/content-header_details.jpg) repeat-x;	
}

.content-header #content-header_programm {
	width: 211px;
	background:url(images/content-header_programm.jpg) repeat-x;	
}

.content-header #content-header_anmeldung {
	width: 143px;
	background:url(images/content-header_anmeldung.jpg) repeat-x;	
}

.content-header #content-header_impressum {
	width: 143px;
	background:url(images/content-header_impressum.jpg) repeat-x;	
}

.content-header #content-header_archiv {
	width: 267px;
	background:url(images/content-header_archiv.jpg) repeat-x;	
}

#footer {
	position:absolute;
	bottom:-1px;
	width: 526px;
	height: 58px;
	background:url(images/footer_bg.jpg) repeat-x;	
	padding-left: 172px;
}

.footer-link {
	height: 58px;
	float:left;
	margin-left:5px;
}

.footer-link a { 
	display:block;
	height: 58px;
	width:132px;
	border:0;
}
.footer-link a span { display:none; }

#footer-link-sr, #footer-link-sr a {
	width:167px;
	background:url(images/footer-link-sr.jpg) no-repeat;	
}

#footer-link-sr a:hover {
	background:url(images/footer-link-sr_hover.jpg) no-repeat;	
}

#footer-link-nicat, #footer-link-nicat a {
	width:182px;
	background:url(images/footer-link-nicat.jpg) no-repeat;	
}

#footer-link-nicat a:hover {
	background:url(images/footer-link-nicat_hover.jpg) no-repeat;	
}

#footer-link-itg, #footer-link-itg a {
	width:182px;
	background:url(images/footer-link-itg.jpg) no-repeat;	
}

#footer-link-itg a:hover {
	background:url(images/footer-link-itg_hover.jpg) no-repeat;	
}

#impressum-link {
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}