@charset "UTF-8";
@media all
{	html * { font-size:100.01%; }

	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:75.00%;
		color:#444;
		background: #132027 url("../theme/bilder/bg_grey.png") repeat-x top left;
		padding: 0 0;
		margin: 10px 0;
		text-align: center;
	}

	.page_margins { text-align:left; margin: 0 auto; }
	.page_margins { width: 931px; background: #fff; }
	.page { padding: 1px; }

	#header {
		color: #000;
		background: #fff;
		_text-align:right;
		padding: 25px 0 0 0;
	}

	div { outline:0 none; }
	fieldset, img { border:0 solid; }

	#ie_clearing { display:none; }
	#header { position:relative; }
	#topnav { text-align:right; }
	#header #topnav {
		position:absolute;
		top:5px;
		right:10px;
	}
	#header, #nav, #main, #footer { clear:both; }

	#banner{
		_position:relative;
		_top:20px;
		ledt:0px;
	height:271px;
	width:929px;
	border:0px;
	background:#fff url("../theme/bilder/header_1.jpg") no-repeat; padding: 0;
	}

	#spruch_ {
		
		position:relative;
		_top:50px;
		_right:40px;
		font-weight:bold;
		letter-spacing:-2px;
		_text-align:right;
		background:#eee;
		font-size:20pt;
		line-height:30px;
		color:#000;
		vertical-align:center;
		_width:40%;
		}


	.subcolumns { width:100%; overflow:hidden; }
	.subcolumns_oldgecko { width:100%; float:left; }
	.subc  { padding:0 0.5em; }
	.subcl { padding:0 1em 0 0; }
	.subcr { padding:0 0 0 1em; }
	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }
	.c20l, .c20r { width:20%; }
	.c40l, .c40r { width:40%; }
	.c60l, .c60r { width:60%; }
	.c80l, .c80r { width:80%; }
	.c25l, .c25r { width:25%; }
	.c33l, .c33r { width:33.333%; }
	.c50l, .c50r { width:50%; }
	.c66l, .c66r { width:66.666%; }
	.c75l, .c75r { width:75%; }
	.c38l, .c38r { width:38.2%; }
	.c62l, .c62r { width:61.8%; }

	#topnav { color: #aaa; background: transparent; }

/*-- (de) Anpassung der Hauptnavigation -------------------------------------------------------*/

	#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus,
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent; }

	#nav ul { margin-left: 0px; vertical-align:text-bottom; }

	#main { background: #fff; padding:12px 0; }

	#footer {
		color:#666;
		background: #f9f9f9;
		padding: 10px 20px;
		border-top: 5px #efefef solid;
		line-height: 1.5em;
	}

	#footer a { color: #999; background:transparent; font-weight: bold; }
	#footer a:focus,
	#footer a:hover,
	#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline; }

	#col1 { width: 558px; float:right }
	#col1_content { padding: 10px 20px 10px 20px; }
	#col3 { margin-left: 0; margin-right: 558px; }
	#col3_content { padding: 10px 20px 10px 20px; }
	#col3 { border-right: 1px #ddd solid; }
/*
	#col3 { width:auto; margin:0 200px; }
	#col1_content, #col2_content, #col3_content { position:relative; }
*/

	#formgen_form  label,input {
		display: block;
		width: 150px;
	}
	#formgen_form  input {
		margin-left:180px;
	}
	#formgen_form  label {
		text-align: right; 
		padding-right: 1em; 
	}
	
	#formgen_block {
		clear: left;
	}

/*------------------------------------------------------------------------------------------------------*/
/*
* Meine 5 geilen Buttons
* nummeriert mit article-1 ... -5
*/
	.hlist {
		width:100%;
		overflow:hidden;
		float:left;
		display:inline;
		position:relative;
		background:#fff;
		border-top:0px;
		border-bottom:1px #FFF solid;
		line-height:0;
		margin:0;
		padding:0;
	}

	.hlist ul {
		margin:0;
		padding:0;
		display:inline;
		float:left; /* LTR */
	}
	.hlist ul li a {
		background:transparent;
		color:#fff;
		display:block;
		overflow:hidden;
		font-size:1em;
		margin:0;
		padding:80px 20px 25px 20px;
		text-decoration:none;
		width:185px;
		height:237px;
	}

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

	.navi li{
		float:left;
		font-size:1.0em;
		line-height:1em;
		margin:0;
		padding:0;
		list-style-type:none;
		width:185px;
		height:237px;
		display:inline;
	}
	#article-1 {
		border-left:0px;
		background:#fff url("../theme/bilder/start.jpg") no-repeat; padding: 0px 0;
	}
	#article-2 {
		border-left:1px #fff solid;
		background:#fff url("../theme/bilder/berichte.jpg") no-repeat; padding: 0px 0;
	}
    #article-3 {
		border-left:1px #fff solid;
		background:#fff url("../theme/bilder/galerie.jpg") no-repeat; padding: 0px 0;
	}
	#article-4 {
		border-left:1px #fff solid;
		background:#fff url("../theme/bilder/hobby.jpg") no-repeat; padding: 0px 0;
	}
	#article-5 {
		border-left:1px #fff solid;
		background:#fff url("../theme/bilder/extras.jpg") no-repeat; padding: 0px 0;
	}
/*--- breadcrumb Navigation ------------------------------------------------------------------------*/

	#breadcrumb {
		margin-bottom: 5px;
	}
	#breadcrumb a{
		color: black;
	}
	#main #breadcrumb p, 
	#main #breadcrumb ul, 
	#main #breadcrumb li {
		display: inline;
		color: #666;
		font-size: 1em;
	}
	#main ul.rex-breadcrumb li {
		margin-left: 0px;
		padding: 0 10px 0 13px;
		background-image: url(../theme/bilder/raquo.gif);
		background-position: 0px 4px;
		background-repeat: no-repeat;
		list-style: none;
	}
	#main ul.rex-breadcrumb li.rex-lvl1 {
		margin: 0;
		padding-left: 0px;
		background: none;
	}  
/*--- Artikel (vorheriger/nächster) ------------------------------------------------------------------------*/
	#blaettern{
		width: 100%;
		padding: 5px;
		margin: 5px 20px 5px 0;
		background:#eee;
	}
	#blaettern #links{
		text-align: left;
	}
	#blaettern #mitte{
		text-align: center;
	}
	#blaettern #rechts{
		text-align: right;
	}
	.Auswahl {
		background-color:#fff;
		width:200px;
		border:2px solid #ccc;
		font-size:1.0em;
	}
  
/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6 {
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		color:#222;
		margin:0 0 0.25em 0;
	}

	h1 { font-size:250%; }                       /* 30px */
	h2 { font-size:200%; }                       /* 24px */
	h3 { font-size:150%; }                       /* 18px */
	h4 { font-size:133.33%; }                    /* 16px */
	h5 { font-size:116.67%; }                    /* 14px */
	h6 { font-size:116.67%; }                    /* 14px */

	#main h3:first-letter{font-weight:bolder; font-size:170%; }

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul, ol, dl { line-height:1.5em; margin:0 0 1em 0.5em; }
	ul { list-style-type:disc; }
	ul ul { list-style-type:circle; margin-bottom:0; }

	li { line-height:1.5em; margin-left:0.5em; }

	ol { list-style-type:decimal; }
	ol ol { list-style-type:lower-latin; margin-bottom:0; }

	dt { font-weight:bold; }
	dd { margin:0 0 1em 0.8em; } /* LTR */
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	#main p {
		line-height:1.5em;
		margin:0 0 1em 0;
		text-align: justify;
		}

	blockquote, cite, q {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after { content:""; }

	blockquote {
		margin:0 0 1em 0;
		padding:0 0 0 50px;  
		color:#666;
		background:url(../theme/bilder/blockquote.gif) no-repeat left top;
		font-style:italic;
	}


	textarea, pre, code, kbd, samp, var, tt {
		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	strong,b { font-weight:bold; }
	em,i { font-style:italic; }

	big { font-size:116.667%; }
	small { font-size:91.667%; }
 
	pre { line-height:1.5em; margin:0 0 1em 0; }
	pre, code, kbd, tt, samp, var { font-size:100%; }
	pre, code { color:#800; }
	kbd, samp, var, tt { color:#666; font-weight:bold; }
	var, dfn { font-style:italic; }

	acronym, abbr {
		border-bottom:1px #aaa dotted;
		font-variant:small-caps;
		letter-spacing:.07em;
		cursor:help;
	}

	sub, sup { font-size:91.6667%; line-height:0; }

	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.5em 0;
		padding:0 0 0.5em 0;
		border:0;
		border-bottom:1px #eee solid;
	}

/*--- Links ----------------------------------------------------------------------------------------- */

	a { color:#4D87C7; background:transparent; text-decoration:none; }
	a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
	a:hover,
	a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }

/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

	p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
	p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

	p.icaption_left img,
	p.icaption_right img { padding:0; border:1px #888 solid; }

	p.icaption_left strong,
	p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

/**
* ------------------------------------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/

	.highlight { color:#c30; }
	.dimmed { color:#888; }

	.info { background:#eee; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

	.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
	.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
	.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

	.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
	.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
	.center { display:block; text-align:center; margin:0.5em auto; }

/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/
/*
  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #800 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#fff8f8; }
*/
 }