@charset "UTF-8";
/*
	[ Romanik.de Main CSS ]
	=======================
	$ver:	1.0 initial release
	$date:	2005/03/28 16:05

	changelog (+ neu hinzugefügt | ! Fehler beseitigt):

		! Wieder auf 100% höhe gesetzt, overflow entfernt				(2005/04/04)
		! height: 100% vom #wrapper entfernt, overflow:auto hinzugefügt	(2005/03/29)
		+ Dynamische Seitentitel										(2005/03/29)
		! UL padding Bug für alle IEs behoben							(2005/03/29)
		! IE5.0 Bug behoben für das Logo								(2005/03/29)
		+ Erste Version													(2005/03/18)

#######################################################################
*/

/* === [ Generelles ] =========================================================================== */

/* Alle Abstände und Ränder global auf 0 setzen */
*
{
	border:		0 none transparent;
	padding:	0;
	margin:		0;
}

html, body
{
	height: 100%;
}

body
{
	background-color:	#8F614A;
	font-size:			100.01%;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
	background: #FFF9EE url(/layout/subnav/kachel.jpg) repeat-y;
	width:	760px;

	margin: 0 auto;
	min-height: 100%;

	border: 1px solid #694928;
	border-width: 0 1px 0px 1px;
}

.versteckt
{
    display: none;
}

/* === [ Kopf ] =========================================================================== */

#kopf h1
{
	height:		60px;
	background: #FFF9EE url(/layout/kopf/logo.jpg) no-repeat;
}

#kopf h1 span
{
	display: none;
}

/* === [ Navigation ] === */

#navigation
{
	background: #D0C1B7 url(/layout/kopf/navigation-1.jpg) no-repeat;
	height: 24px;
}

#navigation ul
{
	list-style-type: none;
	margin-left: 350px;
}

#navigation ul li
{
	float: left;
	width: auto;
	line-height: 18px;

	color: #fff;
	font-weight: bold;
	font-size: 0.6em;
}

#navigation ul li a
{
	color: #fff;
	text-decoration: none;

	border-right: 1px solid #fff;
	padding: 0 5px;
}

#navigation ul li a#navilast
{
	border-right: 0 none;
}

#navigation ul li a.active
{
	color: #D0C1B7;
}

#navigation ul li a:hover
{
	color: #ddd;
}

#flaggen
{
	width: auto;
	height: 24px;
	float: right;
}

#flaggen img
{
	width:		17px;
	height:		12px;
	margin:		0 5px 0 0;
}

/* === [ Breadcrumbs ] === */

#bread
{
	background: #D0C1B7 url(/layout/kopf/navigation-2.jpg) no-repeat;
	height: 23px;
}

#bread ul
{
	list-style-type: none;
	margin-left: 200px;
}

#bread ul li
{
	float: left;
	width: auto;
	line-height: 22px;

	color: #B7754E;
	font-size: 0.6em;
	padding: 0 10px 0 20px;

	background: url(/layout/kopf/bread.gif) 0 9px no-repeat;
}

#bread ul li a
{
	color: #B7754E;
	text-decoration: none;
}

#bread ul li a:hover, #bread ul li a.active
{
	color: #ba0000;
}

/* === [ Kopfende ] === */

#kopfende
{
	background: #FFF9EE url(/layout/kopf/kopfende.jpg) no-repeat;
	height: 30px;
}

#kopfende hr
{
	display: none;
}

/* === [ Generelles zum Hauptbereich ] ======================================================================== */

#hauptbereich
{
	/* Brauchen wir nix im Moment */
}

#subnavi
{
	float: left;
	width: 230px;
	background: url(/layout/subnav/bogen.jpg) no-repeat;
}

#inhalt
{
	margin-left: 240px;
	min-height: 250px;
	margin-bottom: 1.2em;
}

/* === [ Seitenleiste ] =========================================================================== */

#suche
{
	margin: 0 0 5px 0;
}

#suche h4
{
	background: url(/layout/subnav/suche.jpg) no-repeat;
	height: 20px;
	padding: 2px 0 0 25px;
	margin: 15px 0 0 0;

	font-size: 0.6em;
	font-weight: bold;

	color: #fff;
}

#suche p, #newsletter p
{
	margin: 0;
	padding: 0;
}

#suche form, #newsletter form
{
	margin: 0 0 0 16px;
}

#suche input, #newsletter input
{
	font-size:			0.6em;
	color: 				#999;
	background-color:	#fff;
	border: 1px solid	#ba0000;
	width:				95px;
}

#suche input.abschicken
{
	border:				0 none transparent;
	background-color:	#ba0000;
	color:				#fff;
	width:				50px;
}

#subnavi {
    height: 200px;
}

#subnavi h2
{
	font-size:		0.76em;
	color:			#fff;
	font-weight:	bold;
	background:		url(/layout/subnav/holzbalken.jpg) no-repeat;
	height:			21px;
	line-height:	18px;
	padding:		0 0 0 20px;
}

#subnavi h2.aktiverolle
{
	background: url(/layout/subnav/holzbalken-perga.jpg) no-repeat;
	height:		24px;
}

#subnavi h4.heading
{
    background: url(/layout/subnav/ueberschrift.jpg) no-repeat;
	height: 20px;
	padding: 2px 0 0 25px;
	margin: 30px 0 0 0;

	font-size: 0.6em;
	font-weight: bold;

	color: #fff;
}

#subnavi #newsletter {
    padding-bottom: 30px;
}

#subnavi #newsletter label {
    font-size:			0.6em;
}

#subnavi #newsletter #nlemail {
    font-size:      1em;
}

#subnavi #newsletter input {
	width:				110px;
}

#subnavi #newsletter .radio {
    width:              auto;
    border:				0 none transparent;
	background-color:	transparent;
}

#subnavi #newsletter input.abschicken
{
	border:				0 none transparent;
	background-color:	#ba0000;
	color:				#fff;
}

#subnavi #newsletter div {
	width:				106px;
    font-size:			0.6em;
    background:         url(/layout/subnav/bg.jpg);
    border:             1px solid #ba0000;
    margin-bottom:      2px;
    padding:            2px;
}

#subnavi #newsletter div.error {
    color: red;
}

#subnavi h2 a
{
	display:	block;
	width:		126px;
	color:		#fff;
	text-decoration: none;
}

#subnavi h2 a:hover
{
	color: #dddddd;
}

#subnavi ul
{
	list-style-type: none;
	background:		url(/layout/subnav/pergament.jpg) repeat-y;
	margin:	0 100px 0 16px;
}

#subnavi ul li
{
	color:		#4A393A;
	font-size:	0.6em;
	padding:	5px 0 0 10px;
}


#subnavi ul li a
{
	color: #4A393A;
	text-decoration: none;
}

#subnavi ul li a:hover, #subnavi ul li a.active
{
	color: #ba0000;
	text-decoration: none;
}

#pergaende
{
	background: url(/layout/subnav/pergament-ende.jpg) no-repeat;
	height: 40px;
	margin: 0 0 0 16px;
}

#pergaende hr
{
	display: none;
}

/* === [ Seitenleiste ] =========================================================================== */

#inhalt div.titel
{
	background: url(/layout/inhalt/titelrolle-links.jpg) top left no-repeat;
	height: 33px;
	padding-bottom: 0.4em;
	clear: right;
}


#inhalt h3
{
	color:		#ba0000;
	font-size:	0.76em;
	background: url(/layout/inhalt/titelrolle-rechts.jpg) top right no-repeat;
	height: 33px;
	padding: 7px 0 0 25px;
}

#inhalt li h4
{
	font-size:	1em;
}

#inhalt h4
{
	font-size:	0.7em;
	margin-bottom: 4px;
}

#inhalt p
{
	font-size:		0.7em;
	color:			#000;
	line-height:	1.6;
	padding:		5px 20px 5px 5px;
}

#inhalt p:first-letter
{
	font-size:	1.6em;
	color:		#ba0000;
	font-weight: bold;
	line-height:	1;
}


#inhalt hr
 {
      height:          1px;
      border-top: 1px solid #ba0000;
      margin:          5px 40px 0 25px;
}

#inhalt a
{
	color: #ba0000;
	text-decoration: underline;
}

#inhalt a:hover
{
	color:				#fff;
	background-color:	#ba0000;
	text-decoration:	none;
}

#inhalt ul, #inhalt ol {
	font-size:		0.6em;
	padding:		5px 20px 5px 5px;
	margin-left:    20px;
}


#inhalt .newsImg {
    float:right;
    border: 1px solid #000;
    margin-right: 20px;
    margin-left: 4px;
}

#inhalt div.newsEntryTyped {
    margin-left: 2em;
    clear: right;
    font-size: 1em;
    margin-bottom: 1em;
}

#inhalt div.newsEntry {
    clear: right;
    font-size: 1em;
    margin-bottom: 1em;
}

#inhalt div.newsEntryTyped h5 {
    font-size: 0.7em;
}

#inhalt div.newsTotal, #inhalt div.newsNavi {
    font-size: 0.6em;
}

#inhalt div.newsNavi {
    margin-right: 20px;
    float:right;
}

#inhalt fieldset {
    display: inline;
    border: 1px solid #ba0000;
    padding: 10px;
}

#inhalt legend {
    font-size: 0.7em;
    color: #000;
}

#inlineSearch input
{
	font-size:			1em;
	color: 				#999;
	background-color:	#fff;
	border: 1px solid	#ba0000;
	width:				135px;
}

#inlineSearch input.abschicken
{
	border:				0 none transparent;
	background-color:	#ba0000;
	color:				#fff;
	width:				50px;
}

#sockel {
    clear: both;
}