/* Allgemeines */

html { overflow-y: scroll; }
body {
	margin:15px 0 30px 0;
	padding:0;
	background:url(images/body_bg.jpg) top center repeat-y #e5f0fb;
	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%; }
table tr td {
	vertical-align:top;
}
/* 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; }
a:hover { color:#1c497c; text-decoration:underline; }
table { border-collapse:collapse; }
ul { margin-left:50px;margin-right:50px; }

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 */

p, h1, h2, h3, ul {
	margin-bottom:10px;
}



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

div#header div#event_title {
	color: #e0f0fb;
	float:right;
	display:block;
	clear:both;
	font-family:Arial;
	font-size: 26pt;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 15px;
}

div#header div#event_subtitle {
	color: #e0f0fb;
	float:right;
	display:block;
	clear:both;
	font-family:Arial;
	font-size: 18pt;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 15px;
}

div#header ul#menu {
	position:absolute;
	margin-top: 107px;
	margin-left: 15px;
	width:570px;
	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; }

#menu-information { background:url(images/menu-information_inactive.jpg) no-repeat; }
#menu-information a:hover { background:url(images/menu-information_hover.jpg) no-repeat; }
#menu-information_active { background:url(images/menu-information_active.jpg) no-repeat; }

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

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

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

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

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

#border-left {
	float:left;
	width: 6px;
	height: 337px;
	background-color:#bcd1e0;	
}

#border-right {
	float:left;
	width: 6px;
	height: 337px;
	background-color:#bcd1e0;	
}

#content-wrapper {
	position:relative;
	float:left;
	width: 698px;
	min-height: 437px;
	margin-bottom: 6px;
	padding-bottom: 58px;
	background-color:#ffffff;	
}

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


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

#content h1 {
	margin-bottom:10px;
	font-weight:bold;
	font-family:Arial;
	font-size:2.2em;
	color:#003a80;
	text-align:center;
}

div.infoblock {
	background-color:#c9ed8c;	
	margin:10px -20px 10px -20px;
	padding:10px 20px 10px 20px;
	color:#628e2a;
	font-weight:bold;
}

div.infoblock table tr td, div.infoblock table tr th {
	color:#628e2a;
	font-weight:bold;
}

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

.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-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;	
}

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

.button {
	height:24px;
	line-height:24px;
	background:url(images/button_bg.jpg) repeat-x;	
	font-weight:bold;
	cursor:pointer;
	border:1px solid #666699;
	text-align:center;
	padding:0px 10px 0px 10px;
}

.error {
	color: red;
	font-size: 0.8em;
	font-weight:bold;
}

span.highlight_green {
	color:#628e2a;
	font-weight:bold;
}

span.highlight_blue {
	color:#31567e;
	font-weight:bold;
}