/* Copyright (c) 2006 FC 06 Rurdorf e.V. */
/* All Rights Reserved. */
/* author: M. Breuer */
/* */
/* $Id: fcr.css 39 2009-06-17 22:57:03Z michael $ */

/*

* {margin: 0; padding: 0; border: 0;}

body {
	text-align: center; 
	background: #336699; 
	color: #fff; 
	min-width: 800px;
}

body {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

a {color: #fff; padding: 0 2px;}
a:hover {background: #d6aeb5; color: #000;}

#center a {color: #946d84;}
#center a:hover {background: #d6aeb5; color: #000;}

h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 2em;}

*/
/***************************************************************/
/**************** Layout CSS begins ****************************/

body {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 1em;
	background: #fff; 
	color: #000; 
	min-width: 800px;
}

#wrapper { /* also holds the left "sliding" tab */
	background: #336699; 
	color: #fff; 
	text-align: left;
	width: 95%; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	font-size: 1em;
	border: 1px solid #000;
}

.header, #subnav, #footer {
	clear: both; 
	width: 100%;
}

.header {
	background-image:url(/fileadmin/resources/wappen.png);
	background-repeat:no-repeat;
	padding: 1px 0;
}

.header h1 {
	color: #fff;
	font-size: 3em;
	text-align: right;
}

#subnav {
	border-width: 1px 0; 
	border-style: solid; 
	border-color: #000;
	display: block;
	margin-top: 1em;
	background: #003366;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}

#subnav ul li {
	float:left;
}

div#menu a,#subnav a
{
	display: block;
	color: #fff;
	background-color: #003366;
/*	width: 8em;  */
	padding: 3px 12px 3px 1em;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-weight: bold;
	}


#footer {
	text-align: left;
	font-size: 0.9em;
	margin-top: 3em;
	color: #fff;
	background: #003366;
}

#footer div {
	padding: 2px 0;
}

#footer a {
	color: #fff;
}

#footer img {
	border: none;
}

#contentfloatholder {/* also makes the right "sliding" tab */
	float: left;
	width: 100%;
	position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
	content: "."; 
	display: block; 
	height: 0px;
	clear: both; 
	visibility: hidden;
}

#centerpad {
	margin: 0 185px;
	background: #fff;
	display: inline-block; /* TRIP haslayout for safety */
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;

}

#centerpad {
	display: block; /* SWITCH back the display */
}

#center {
	color: #000;
	float:left;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 8px;
	margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

.rootline {
	font-size: 0.8em;
	margin-bottom: 3em;
     }

#left {
	float:left;
	width: 170px;
	margin-left: -5%; /* the difference to make the left colum appear flush left */
}

body div#menu
{
	display: block;
	margin-top: 1em;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	}

div#menu ul,#subnav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

div#menu a
{
	display: block;
	color: #fff;
	background-color: #003366;
	width: 10em;
	padding: 3px 12px 3px 1em;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	}

div#menu a:hover,#subnav a:hover
{
	background-color: #99ccff;
	color: #fff;
	}

div#menu li li a
{
	display: block;
	color: #fff;
	background-color: #336699;
	width: 10em;
	padding: 3px 12px 3px 1em;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	}


#right {
	float:right;
	width: 165px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
#pagetop {
	position: relative;
	text-align: right;
	width: 100%;
	padding-top: 1em;
	height: 4em;
	color: #000;
}

#pagetop h1, #pagetop h2, #pagetop h3 {
	margin: 0.3em 220px;
	font-family: georgia, serif;
	padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}

a#toplink {
width: 200px;
height: 8em;
background: #fff;
position: absolute;
top: 0;
right: 5px;
}

a#toplink:hover {

background-position: 0 0;
}

#wrapper {
	position: relative;
	z-index: 5;
}