/* ========================================
Datei:	template.css
Datum:	27.07.2009
======================================== */

@media screen {

	html,
	body {
		margin:0;
		padding:0;
		background: #991100; }

	html { height: 101%; }

	body {
		font: 75% verdana,sans-serif;
		line-height: 1.5em; }

	a:focus { outline:0; }

	img, a img { border:0; }

	h1,h2,h3,h4,h5,h6, .contentheading { text-transform: uppercase; color: #000; }

	.contentheading { font-weight: bold; }

	strong {
		text-transform: uppercase;
		padding-bottom: 0; }

	.banner {
		float: left;
		background: #fff;
		margin: 0 auto;
		padding: 1%;
		width: 100%; }

	.elastisch {
		float: left;
		background: #fff;
		padding: 4%;
		margin: 0;
		width: 100%; }

	.skip {
		position: absolute;
		left: -1000em;
		top: -1000em; }

	.skip:active,
	.skip:focus {
		position:absolute;
		left: 25%;
		top: 0;
		background: #fff;
		color: #991100;
		padding: 0.25em;
		text-decoration: none;
		font-weight: bold; }

	.clearing { clear: both; }

	/* --------------------- */
	/* Container */
	/* --------------------- */

	#container {
		width:100%;
		margin: 0 auto;
		max-width: 1200px;
		min-width: 760px;
		background: #fff0d0; }

	/* --------------------- */
	/* Header */
	/* --------------------- */

	#header {
		background: url(../images/header_back01.gif) repeat-x #fff0d0;
		margin:0; }

		/* Bereich1
		--------------------- */
		#bereich1 {
			float:left;
			height: 5.833em;
			width:15%;  }

			#bereich1 .skip a:link {
				background: #fff;
				color: #991100;
				padding: 0.25em;
				text-decoration: none;
				font-weight: bold; }

			/* Logo
			--------------------- */
			#logo {
				width: 100%;
				margin-left: 15%; }
				
			.logo_print { display: none; }

		/* Bereich2
		--------------------- */
		#bereich2 {
			float:right;
			width: 75%;
			height: 5.833em; }

			/* Subnavi
			--------------------- */
			#subnavi {
				width: 100%;
				padding-top: 2.5em;
				text-align: right; }

				#subnavi ul {
					margin: 0 4% 0 0;
					padding: 0;
					list-style-type: none; }

				#subnavi ul li {
					margin: 0;
					padding: 0.167em;
					display: inline; }

				#subnavi ul li a {
					text-decoration: none;
					font-weight: bold;
					padding: 0.417em;
					color: #fff; }

				#subnavi ul li a:hover,
				#subnavi ul li a:active,
				#subnavi ul li a:focus,
				#subnavi .active a {
					color: #991100;
					background: #fff;
					text-decoration: none; }

		/* Bildrahmen
		--------------------- */
		#bildrahmen {
			margin:0 auto;
			width:96%; }

			/* Bild
			--------------------- */
			#bild1 {
				float:left;
				height: 98%;
				width: 98%; }

		/* Bereich3
		--------------------- */
		#bereich3 {
			margin:0 auto;
			width:96%; }

			/* Schatten
			--------------------- */
			#schatten {
				float: left;
				width: 100%;
				height: 20px;
				background: url(../images/header_back02.gif) repeat-x; }

		/* Menu
		--------------------- */
		#menu {
			height: 2.917em;
			padding: 0.167em 0 0 0; }

		#menu ul {
				margin: 0 auto;
				padding: 0;
				list-style: none;
				display: table;
				white-space: nowrap;
				position: relative;
				font-size: 115%;
				font-weight: bold; }

		#menu li { display:table-cell; }

		#menu li a {
			display: block;
			float: left;
			height: 2.917em;
			line-height: 2.917em;
			color: #fff;
			text-decoration: none;
			text-align: center;
			padding: 0 0 0 1.25em;
			cursor: pointer;
			background: url(../images/img_btn01left.gif) no-repeat 0 -120px;}

		#menu li a span {
			float: left;
			display: block;
			padding: 0 1.25em 0 0;
			background: url(../images/img_btn01right.gif) no-repeat right -120px; }

		#menu li.active a {
			color: #990000;
			background: url(../images/img_btn01left.gif) no-repeat 0 0;}

		#menu li.active a span {
			background: url(../images/img_btn01right.gif) no-repeat right top;}

		#menu li a:hover,
		#menu li a:active,
		#menu li a:focus {
			color: #990000;
			background: url(../images/img_btn01left.gif) no-repeat 0 0;}

		#menu li a:hover span,
		#menu li a:active span,
		#menu li a:focus span {
			background: url(../images/img_btn01right.gif) no-repeat right top;}

		#menu li.active a:hover,
		#menu li.active a:active,
		#menu li.active a:focus {
			color: #000;
			background: url(../images/img_btn01left.gif) no-repeat 0 0;
			cursor: default; }

		#menu li.active a:hover span,
		#menu li.active a:active span,
		#menu li.active a:focus span {
			background: url(../images/img_btn01right.gif) no-repeat right top;}

		/* Bereich4
		--------------------- */
		#bereich4 {
			float: left;
			width: 25%;
			height: 4.167em;
			background: #fff0d0; }

			/* Search
			--------------------- */
			#search {
				margin-top: 1em;
				margin-left: 1.5em; }

				/* Suchfeld
				--------------------- */
				#suchfeld { margin: 0; }

		/* Bereich5
		--------------------- */
		#bereich5 {
			float: right;
			width: 75%;
			height: 4.167em;
			background: #fff0d0; }

			/* Pathway
			--------------------- */
			#pathway {
				float: left;
				width:67%;
				height: 4.167em;
				line-height: 4.167em;
				vertical-align: middle; }

				/* Breadcrumb
				--------------------- */
				#breadcrumb { margin: auto 3%; }

				#breadcrumb a { 
					color: #000;
					text-decoration: none;
					padding: 2% 1%; }

				#breadcrumb a:hover { text-decoration: underline; }

			/* Dimension
			--------------------- */
			#dimension {
				height: 4.167em;
				float: right;
				width: 32%; }

				/* Fontsize
				--------------------- */			
				#schriftgroesse { 
					margin-left: 1.5em; }

					#schriftgroesse .module div div div {
						margin-top: 1.5em;
						margin-left: 0; }


					#schriftgroesse .module h3 {
						font-size: 85%;
						font-weight: normal;
						text-transform: none;
						display: inline;
						padding-right: 1em; }

					#schriftgroesse .module div div div #fontsize a.larger,
					#schriftgroesse .module div div div #fontsize a.smaller,
					#schriftgroesse .module div div div #fontsize a.reset {
						color: #991100;
						text-decoration: none; }

					#schriftgroesse .module div div div #fontsize a:hover.larger,
					#schriftgroesse .module div div div #fontsize a:hover.smaller,
					#schriftgroesse .module div div div #fontsize a:hover.reset {
						background: #991100;
						padding: 5px 0;
						color: #fff; }

					#schriftgroesse #fontsize {
						display: inline; }

	/* Wrapper
	--------------------- */

	div#wrapper {
		float:left;
		width:100%;
		background: #fff0d0;}


	/* Content
	--------------------- */

	#content {
		margin: 0 25%;
		background: #fff;
		padding: 1% 1.5%;
		font-size: 110%; }

	#content p {
		line-height: 1.5em;
		padding: 0 0 1% 0; }

	#content p strong {
		padding: 0; }

	#content p a:link,
	#content p a:visited,
	#content .contentpaneopen a:link,
	#content .contentpaneopen a:visited {
		text-decoration: underline;
		color: #991100; }

	#content p a:hover,
	#content p a:active,
	#content p a:focus,
	#content .contentpaneopen a:hover,
	#content .contentpaneopen a:active,
	#content .contentpaneopen a:focus {
		text-decoration: none;
		background: #991100;
		padding: 0.167em 0;
		color: #fff; }

	#content .m4j_header_text {
		font-size: 100%; }

	#content .m4j_heading {
		padding-bottom: 1em; }
		
	#content .buttonheading a:hover,
	#content .buttonheading a:active,
	#content .buttonheading a:focus {
		padding: 0;
		margin: 0;
		background: #fff; }


	/* Navigation
	--------------------- */

	#navigation {
		float: left;
		width: 25%;
		margin-left: -100%;
		background: #fff0d0; }

		#bereich6 {
			width: 85%;
			margin-left: 1.8em;
			margin-top: 0;
			padding: 0;
			background: #fff; }

			#bereich6 ul {
				display: block;
				list-style: none;
				margin: 0;
				padding: 0 0 0 0.2em; }

			#bereich6 li a {
				font-size: 110%;
				line-height: 150%;
				color: #991100;
				text-decoration: none; }

			#bereich6 li a:hover,
			#bereich6 li .active a {
				background: #991100;
				color: #fff;
				padding: 0.2em; }
				
			#bereich6 li ul li a {
				margin-left: 1em; }

				#navigation #bereich6 #text { padding: 0; }
					
					#navigation #bereich6 #text img { margin: 0;padding: 1em; }
					#navigation #bereich6 #text .menu { padding: 1em; }

	/* Extra
	--------------------- */


	#extra {
		float:left;
		width:25%;
		margin-left:-25%;
		padding: 0;
		margin-top: 0;
		background: #fff0d0; }

		#bereich7 {
			width: 85%;
			margin: 0 0 0 1.8em;
			padding: 0; }

			#extra #bereich7 #bild2 { padding: 0; }
				
					#extra #bereich7 #bild2 img { margin-bottom: 1em;  }
					#extra #bereich7 #bild2 .menu { padding-bottom: 1em; }


	/* --------------------- */
	/* Footer */
	/* --------------------- */

	#footer {
		clear:left;
		width:100%;
		height: 7em;
		border-top: 0.083em dotted #991100; }

	#footer {
		background: #fff0d0;
		color: #000; }

	#footer p {
		margin:0;
		text-align:center; }

	#footer p a:link,
	#footer p a:visited {
		text-decoration: underline;
		color: #991100; }

	#footer p a:hover,
	#footer p a:active,
	#footer p a:focus {
		text-decoration: none;
		background: #991100;
		padding: 0.167em;
		color: #fff; }
	
} /* Ende @media - nicht loeschen! */

/* ====================================== */
/* ENDE template.css
/* ====================================== */