@media screen {
	/* Reset all */
	center, isindex, menu, dir,
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-variant: inherit;
	vertical-align: baseline;}
	
	/* Remember to define focus styles! */
	:focus { outline: 0px; }
	
	body {
	line-height: 1;
	color: black;
	background: white;}
	ol, ul { list-style: none; }
	/* Tables still need 'cellspacing="0"' in the markup. */
	table {
	border-collapse: separate;
	border-spacing: 0;}
	caption, th, td {
	text-align: left;
	font-weight: normal;}
	
	blockquote:before, blockquote:after,
	q:before, q:after {content: none;}
	blockquote, q {quotes: none;}
	
	ul, ol, dl {position: relative;}
	
	html {overflow: scroll;}
	
	/* Basic styles */
	body {
		background: #f7f7f7;
		color: #000;
		font: 62.5%/150% Arial, Verdana, Helvetica, sans-serif;
	}
	h1 {
		color: #00519e;
		font-size: 20px;
		letter-spacing:-0.02em;
	}
	h2 {
		color:#00518C;
		font:bold 16px Arial,sans-serif;
		text-decoration:none;
		margin-bottom: 20px;
	}
		.terminheadline {
			margin: 0 0 3px 0;
		}
	h3 {
		color:#939BA7;
		font-size: 1.25em;
		font-weight: bold;
		margin-bottom: 20px;
	}
		.blue {
			color:#00518C;
		}
	h4 {
		color: #585757;
		font-size: 1.2em;	
		font-weight: bold;
		margin-bottom: 14px;
	}
	strong {
		font-weight: bold;
	}
	p,
	.col2 ul {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: 20px;
	}
	a:link,
	a:visited {
		color: #033F88;
		text-decoration: underline;	
	}
	a:focus,
	a:hover,
	a:active {
		text-decoration: none;	
	}
	hr {
		background: #9bafc5;
		border: none;
		clear: both;
		color: #FFF;
		display: block;
		height: 1px;
		margin-bottom: 25px;
	}
	
	/* clearfix
	======================================== */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	
	.clear {
		clear: both;
		height: 1%;
	}
  
	/* classes
	======================================== */
	.last {
		margin: 0 !important;
	}
	.floatleft {
		float: left;
		margin-right: 15px;
		margin-bottom: 10px;
	}
	
	/* forms
	======================================== */
	form label {
		display: block;
		float: left;
		width: 120px;
	}
	form textarea {
		border: 1px solid #00346F;
		display: block;	
		margin-bottom: 4px;
		width: 245px;	
	}
	form input {
		border: 1px solid #80add7;
		margin-bottom: 4px;
		padding: 4px;
		width: 243px;	
	}
	form input:focus,
	form textarea:focus,
	form select:focus {
		background: #CFE8FF;
		border: 1px solid #00519e;
	}
	.formsubmit {
		padding-left: 120px;
	}
	form .submit {
		background: #CE0426;
		border: 1px solid #FFF;
		color: #FFF;
		display: block;
		font-weight: bold;
		margin-bottom: 4px;
		padding: 5px 8px;
		width: auto;	
	}
	legend {
		display: none;
	}
		#search #searchinput {
			border: 1px solid #00529f;
			height: 12px;
			padding: 4px;
			width: 145px;
		}
		#search label {
			display: none;
		}
		#search input {
			border: none;
			padding: 0;
			vertical-align: middle;
			width: auto;
		}
							
	/* container 
	======================================== */
	#container {
		background: #FFF;
		border: 2px solid #eff3f6;
		margin: 0 auto;
		padding: 18px;
		position: relative;
		width: 962px;
	}
	
		/* header 
		======================================== */
		#header {
			margin-bottom: 20px;
			position: relative;
		}
			#logo {
				float: left;
				height: 80px;
				line-height: 80px;
				margin-bottom: 20px;
			}
				#logo img {
					display: block;
					display: inline;
					float: left;
					margin-right: 20px;
				}
			#teaser {
				float: right;
			}
			#metanav {
				margin-bottom: 10px;
				text-align: right;
			}
				#metanav .rex-navi1 li {
					display: inline;
					margin-left: 10px;
				}
				#metanav .rex-navi1 a:link,
				#metanav .rex-navi1 a:visited {
					color: #033F88;
					text-decoration: none;
				}
				#metanav .rex-navi1 a:focus,
				#metanav .rex-navi1 a:hover,
				#metanav .rex-navi1 a:active,
				#metanav .rex-navi1 .rex-current a {
					text-decoration: underline;
				}
			#nav1 {
				clear: both;
			}
			#nav1 .rex-navi1 {
				background: #033F88 url(../files/nav_bg.gif) left top no-repeat;
				height: 30px;
			}
				#nav1 .rex-navi1 li {
					display: inline;
					float: left;
					height: 30px;
					width: 160px;
					text-align: center;
				}
				#nav1 .rex-navi1 a:link,
				#nav1 .rex-navi1 a:visited {
					color: #FFF;
					display: block;
					font-size: 12px;
					font-weight: bold;
					height: 30px;
					line-height: 30px;
					position: relative;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
				}
				#nav1 .rex-navi1 a:focus,
				#nav1 .rex-navi1 a:hover,
				#nav1 .rex-navi1 a:active {
					color: #FFF;
				}
				#nav1 .rex-navi1 .rex-current a {
					color: #CFE8FF;
				}				

		/* content
		======================================== */
		.content,
		.startcontent {
			clear: both;
			position: relative;
		}
		
			/* col1
			======================================== */
			.col1 {
				display: inline;
				float: left;
				margin-right: 30px;
				width: 220px;	
			}
				#nav2 .rex-navi1 {
					border-top: 1px solid #80add7;
				}
					#nav2 .rex-navi1 li {
						border-bottom: 1px solid #80add7;
					}
						#nav2 .rex-navi1 a:link,
						#nav2 .rex-navi1 a:visited {
							color: #00519e;
							display: block;
							font-size: 12px;
							padding: 8px 10px;
							text-decoration: none;	
						}
						#nav2 .rex-navi1 a:focus,
						#nav2 .rex-navi1 a:hover,
						#nav2 .rex-navi1 a:active,
						#nav2 .rex-navi1 .rex-current a {
							color: #FFF;
							background: #00519e;
						}
						
			/* col2
			======================================== */
			.col2 {
				background: #fcfdff;
				border: 1px solid #eff3f6;
				display: inline;
				float: left;
				padding: 29px;
				width: 402px;
			}
				.col2 a:link,
				.col2 a:visited,
				.col2 a:hover,
				.col2 a:active,
				.col2 a:focus {
					text-decoration: none;
				}
				.col2 h2 a:link,
				.col2 h2 a:visited,
				.col2 h2 a:hover,
				.col2 h2 a:active,
				.col2 h2 a:focus {
					background: none;
					color: #00346F;
					text-decoration: none;
				}
				.col2 li {
					background: url(../files/lp.gif) left 4px no-repeat;
					padding-left: 14px;
				}
			
			.startcontent .col2 {
				width: 652px;
			}

				
			/* col2
			======================================== */
			.col3 {
				display: inline;
				float: right;
				margin-left: 30px;
				width: 220px;
			}
		/* footer
		======================================== */
		#footer {
			clear: both;
			position: relative;
		}
}

/* Box */
div.box {
	position: relative;
	margin: 0 0 20px 0;
	padding: 5px 0;
}
	.termine {
		background: url(termine_bg.gif) right top no-repeat;
		padding: 3px!important;
		border: 1px solid #f2f5f7;
	}
		.termine h3 {
			color: #00519e;
			line-height: 1em;
			font-size: 14px; 
			font-weight:normal;
			margin-left: 10px;
			margin-top: 10px;
			font-weight: bold;
		}
		.termine ul {
			padding: 0 30px 0 0px;
		}
		.termine ul li {
			margin-bottom: 10px;
			margin-left: 30px;
			list-style: disc;
		}
	.termin {
		margin: 0 0 3px 0;
	}

/* Mitglieder */
div.mitglied_row {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFF3F6;
}
	div.mitglied_img {
		float: left;
		position:relative;
		width: 135px;
	}
	div.mitglied_txt {
		position: relative;
		width: 260px;
		float: right;
	}

/* Teaser */
div.teaserbox_big {
	position: relative;
	width: 652px;
	margin-bottom: 20px;
}

	div.teaserbox_big .teaser_img {
		float: left;
		position: relative;
		width: 200px;
	}
	div.teaserbox_big .teaser_txt {
		float: right;
		position: relative;
		width: 440px;
	}
	
	div.teaserbox_big h2 a:hover, 
	div.teaserbox_small h2 a:hover {
		color: #333;
	}
	.more {
		font-size: 1.2em!important;
	}
	.more:hover {
		text-decoration: underline!important;
	}

div.teaserbox_small {
	position: relative;
	width: 190px;
	float: left;
	margin-right: 10px;
	border-right: 1px solid #EFF3F6;
	padding: 10px;
}
	div.teaserbox_small .teaser_img {
		width: 170px;
		text-align: center;
		height: 100px;
		overflow: hidden;
		border: 2px solid #EFF3F6;
		padding: 2px 0;
	}
		div.teaserbox_small .teaser_img img {
			margin: -4px 0 0 -4px;
		}
	.lastbox {
		border-right: none!important;
		margin-right: 0!important;
	}
	div.teaserbox_small h2 {
		font-size: 1.4em;
	}
	

.img_container {
	position: relative;
	margin-bottom: 20px;
}

ul.form_warning {
	color: red;
	border: 1px solid red;
	padding: 10px;
}
	ul.form_warning li {
		margin-left: 15px;
	}
p.answertext {
	color: green;
	border: 1px solid green;
	padding: 10px;
}