body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	color: #333;
	text-align: left;
/*
	background-color: white;
	background-color: #ccc;
	background-color: #666;
	background-color: #333;
	background-color: #444;
*/
	margin: 30px;
}

ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-position: inside;
	list-style-type: none ;
}
li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-position: inside;
}

dl, dt, dd { margin: 0; padding: 0; }
a img { border: 0px solid white; }
a:hover
	{
	color: black;
	text-decoration: underline;
	}

div.clearall
	{
	clear: both;
	}
	div.clearall.spacer
	{
	height: 30px;
	}
	
div.lb-grid
	{
	padding: 10px 10px;
	text-align: center;
	}
	div.lb-grid img, div.lb-grid img a
	{
	width: 100px;
	height: 75px;
	border: 0;
	}



.cdred	 	{ color: #990000; }
.cred	 	{ color: red; }
.cfullblack	{ color: black; }
.cblack		{ color: #333; }
.cwhite		{ color: white; }

.bdred	 	{ background-color: #990000; }
.bred	 	{ background-color: red; }
.bdgray	 	{ background-color: #aaa; }
.bdlgray	{ background-color: #ddd; }
.bgreen 	{ background-color: #07C904; }
.bwhite 	{ background-color: white; }

.flexible	{ padding: 0.2em 10px; }
	
/*------------------- spezielle klassen ------------------------*/
.head
	{
	font-size: 1em;
	color:white;
	}
	h1.head { font-size: 3em; }
	h2.head { font-size: 2em; }
	h3.head { font-size: 1.5em; }
	h4.head { font-size: 1.3em; }

.content h1 { font-size: 2em; margin: 0.5em 0;}
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; margin-bottom: 1em ; }
.content h4 { font-size: 1.2em; margin-bottom: 1em ; }
.content h5 { font-size: 1.1em; margin: 0.6em 0; }
.content h6 { font-size: 1.0em; margin: 0.6em 0; }

.right { text-align: right; margin-right: 10px;}
.fright { float: right; margin-right: 10px; }	
.bcenter { margin-left: auto; margin-right: auto; }
.icenter { text-align: center; }
.ileft { text-align: left; }
.w50 { width: 50%; }
.w80 { width: 80%; }

.uline { text-decoration: underline  !important; }

div.record { padding-bottom: 2em; border-bottom: 1px solid #eee; margin-bottom: 20px;}

ul.intext
	{
	margin: 0.5em 20px;
	}
	ul.intext li
	{
	list-style-type: circle ;
	list-style-position: outside;
	margin: 0 0 0.3em 0.5em;
	}

dl.intext.center.w50, dl.intext.center.w80
	{
	margin: 20px auto 0 auto;
	}

dl.intext.fright
	{
	margin: 20px 0.5em ;
	}
	dl.intext dd
	{
	padding: 0.5em 1em;
	font-size: 0.9em;
	text-align: left;
	font-style: italic; 
	}
	
	a, a:link, a:visited, a:active
	{
	color: inherit;
	text-decoration: none;
	}


/*------------------- Layout ------------------------*/
div.page
	{
	width: 980px;
	margin: 40px auto 0 auto;
	min-height: 800px;
	padding-bottom: 20px;
	background-color: transparent;
	}
	
div.spalte
	{
	float: left;
	border: 1px white solid;
	border-width: 1px 0 0 4px;
	font-size: 1em;
	}
	
/*------------------- schmal ------------------------*/

div#logobox
	{
	float:left;
	}
div#headwrapper
	{
	float:left;
	background-color: #990000;
	color: white;

	}
div#contentwrapper
	{
	float:left;
	margin-top: 0px;
	width: 810px;
	}
div#titlebox
	{
	clear: both;
	}
div#contentbox
	{
	clear: both;
	background-color: #ccc;
	background-color: white;
	}
	div#contentbox div.spalte.schmal div.content
	{
/*
	width: 270px;
*/
	margin: 20px 10px 20px 10px;
	}
div#footerwrapper
	{
	float:left;
	}

/*------------------- logo ------------------------*/

div#logobox,
div#logobox div.spalte.schmal
	{
	margin-right: 0px;
	min-height: 600px;
	width: 160px;
/*
	background-color: white;
*/
	}
div#logobox div#logo
	{
	height: 160px;
	margin-bottom: 30px;
/* 20101207	background-color: #990000; */
	text-align: center;
	}
	div#logobox div#logo img
	{
	position: relative;
	left: -20px;/* 20101207 */
	top: -25px;
	border: none;
	}
	div#logobox ul
	{
	margin-left: 5px;
/*
	color: #990000;
*/
	}
	div#logobox ul li
	{
	margin: 0px 0 0.5em 0;
	}
	div#logobox ul li a
	{
	margin: 0px 0 0.5em 0;
	font-weight: bold;
	}
	
/*------------------- navigation links ------------------------*/
div#home #logobox ul li.m_home,
div#aktuell #logobox ul li.m_aktuell,
div#deutz #logobox ul li.m_deutz,
div#werben #logobox ul li.m_werben,
div#themen #logobox ul li.m_themen a,
div#mitglied #logobox ul li.m_mitglied,
div#unter #logobox ul li.m_unter,
div#down #logobox ul li.m_down,
div#impr #logobox ul li.m_impr,
div#fc2011 #logobox ul li.m_fc2011,
div#fc2010 #logobox ul li.m_fc2010
	{
/*	color: black;   */
	}

div#home #logobox ul li.m_home a,
div#aktuell #logobox ul li.m_aktuell a,
div#deutz #logobox ul li.m_deutz a,
div#themen #logobox ul li.m_themen a,
div#werben #logobox ul li.m_werben a,
div#mitglied #logobox ul li.m_mitglied a,
div#unter #logobox ul li.m_unter a,
div#down #logobox ul li.m_down a,
div#impr #logobox ul li.m_impr a,
div#fc2010 #logobox ul li.m_fc2010 a,
div#fc2011 #logobox ul li.m_fc2011 a
	{
	color: #990000;
	}


/*------------------- einseinseins ------------------------*/

div.einseinseins div.spalte.schmal
	{
	width: 270px;
	}
div.einseinseins div.spalte.schmal
	{
	position: relative;
	margin: 0px 0 0px 0;
	border-width: 0;
/*
	background-color: #ccc;
	background-color: white;
*/
	}
	div#contentbox.einseinseins
	{
	background-image: url(../images/content_hg_einseinseins.png);
	}

/*------------------- zweieins ------------------------*/

div.zweieins div.spalte.schmal.eins
	{
	width: 540px;
	}
div.zweieins div.spalte.schmal.zwei
	{
	display: none;
	}
div.zweieins div.spalte.schmal.drei
	{
	}
	div#contentbox.zweieins
	{
	background-image: url(../images/content_hg_zweieins.png);
	}

/*------------------- einszwei ------------------------*/

div.einszwei div.spalte.schmal.eins
	{
	}
div.einszwei div.spalte.schmal.zwei
	{
	width: 540px;
	}
div.einszwei div.spalte.schmal.drei
	{
	display: none;
	}
	
	div#contentbox.einszwei
	{
	background-image: url(../images/content_hg_einszwei.png);
	}

/*------------------- topeinseins ------------------------*/

div.topeinseins div.spalte.schmal.eins
	{
	float:none;
	width: auto;
	margin-top: 0px;
	background-color:white;
	}
div.topeinseins div.spalte.schmal.zwei
	{
	width: 405px;
	}
div.topeinseins div.spalte.schmal.drei
	{
	width: 400px;
	}
	
	div#contentbox.topeinseins
	{
/*
	background-image: url(../images/content_hg_einseins.png);
*/
	}

/*------------------- einseinstop ------------------------*/

div.einseinstop div.spalte.schmal.eins
	{
	width: 390px;
	}
div.einseinstop div.spalte.schmal.zwei
	{
	width: 390px;
	}
div.einseinstop div.spalte.schmal.drei
	{
	clear: both;
	float:none;
	background-color:white;
	width: auto;
	}
	
	div#contentbox.einseinstop
	{
	background-image: url(../images/content_hg_einseins.png);
	}
/*------------------- drei ------------------------*/

div.drei div.spalte.schmal.eins
	{
	width: 810px;
	}
div.drei div.spalte.schmal.zwei
	{
	display: none;
	}
div.drei div.spalte.schmal.drei
	{
	display: none;
	}

/*------------------- .header ------------------------*/

	div.header.spalte.schmal
	{
	height: 160px;
	background-color: #990000;
	}
	div.header.spalte.schmal ul,
	div.header.spalte.schmal p
	{
	position: absolute;
	bottom: 0px;
	left: 2px;
	color: white;
	padding: 0.5em;
	line-height: 1.3em;
	font-size: 11px;
	}
	div.header.spalte.schmal ul li
	{
	margin: 0px 0 0.5em 0;
	}
	div.header.spalte.schmal ul li a
	{
	margin: 0px 0 0.5em 0;
	font-size: 11px;
	font-weight: normal;
	}
	div.header.spalte.schmal p
	{
	padding: 0.0em;
	line-height: 1.5em;
	font-weight: bold;
	}
	
/*------------------- titlebox ------------------------*/

	div#titlebox.hidden
	{
	display: none;
	}
	div#titlebox.show
	{
	display: block;
	background-color: white;
	}
	div#titlebox.rand
	{
	border-bottom: 1px solid #444;
	}
	div#titlebox.toprand
	{
	border-top: 4px solid #444;
	}

	/*-----------------*/
	div#titlebox h1
	{
	margin: 0;
	padding: 0.5em 0 0.5em  10px;
	border-bottom: 1px solid #aaa;
	}
	div#titlebox a
	{
	color: #C00;
	}
	div#titlebox a:hover
	{
	text-decoration: underline;
	}



	
/*------------------- .content ------------------------*/

	div.content h1
	{
	margin: 0 10px 1em 0px;
	font-size: 1.3em;
	}
	div.content h2
	{
	margin: 0 10px 1em 0px;
	font-size: 1.3em;
	}
	div.content h3
	{
	margin: 0 10px 1em 10px;
	font-size: 1.2em;
	}
	div.content p
	{
	margin: 0 10px 1em 10px;
	font-size: 1em;
	}
	div.content img.block
	{
	display: block;
	width: 250px;
	height: auto;
	margin: 20px auto 20px auto;
	}
	div.content img.dblock
	{
	display: block;
	width: 500px;
	height: auto;
	margin: 20px auto 20px auto;
	}
	
	/* ul.navi */
	div.content ul.navi
	{
	margin: 1em 0px 1em 10px;
	}
	div.content ul.navi li
	{
	list-style-type: none ;
	list-style-position: outside;
	margin: 0 0 0.3em 0.5em;
	}
	div.content ul.navi li a
	{
	font-weight: inherit;
	font-size: inherit;
	}
	div.content ul.navi li a:hover,
	div.content ul.navi li a:active
	{
	text-decoration: underline;
	}
	div.content ul.navi li strong
	{
	font-size: 1.2em;
	font-weight: bold;
	}

	/* DL.text */
	div.content dl.text
	{
	margin: 0 0 0 0;
	}
	div.content dl.text dt
	{
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	}
	div.content dl.text dd
	{
	margin: 5px 10px 10px 10px;
	text-align: left;
	font-size: 1.0em;
	font-weight: normal;
	}
	
	/* DL.bild */
	div.content dl.bild
	{
	margin: 1em auto;
	}
	div.content dl.bild dt img
	{
	text-align: center;
	}
	div.content dl.bild dd
	{
	text-align: left;
	font-size: 0.9em;
	}

	/* DIV.mitglieder */

	div.content div.mitglieder
	{
	clear: both;
	margin: 20px 20px 20px 20px;
	padding: 0px;
	text-align: left;
	font-size: 1em;
	border-bottom: 1px solid #ddd;
	}
	
	div.content div.mitglieder img
	{
	text-align: right;
/*
	float: right;
*/
	}
	div.content div.mitglieder p
	{
	max-width: 340px;
	}
	div.content div.mitglieder a
	{
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: underline;
	}


	div#contentbox3 div.content div.mitglieder
	{
	margin: 20px 10px 20px 10px;
	}
	div#contentbox3 div.content div.mitglieder p
	{
	margin: 1em 0;
	}
	
/*------------------- .footer ------------------------*/

	div#footerwrapper
		{
		margin-top: 0px;
		border-top: 1px solid white;
		}
	div#footerwrapper.hidden
		{
		display: none;
		}
	div.footer.spalte.schmal
	{
	min-height: 100px;
/*
	background-color: #990000;
*/
	}
	
	
	div.footer.spalte.schmal ul
	{
	position: static;
	bottom: 20px;
	left: 20px;
	color: white;
	}
	div.footer.spalte.schmal ul li
	{
	margin: 0px 0 0.1em 0;
	}
	div.header.spalte.schmal ul li a
	{
	margin: 0px 0 0.5em 0;
	}
/*------------------- contentbox ------------------------*/

#contentbox
	{
	min-height: 700px;
	}

/*------------------- unterstuetzer ------------------------*/
div.hblockzwei
	{
	min-height: 100px;
	width: 100%;
	}
div.hblockzwei>a
	{
	float: right;
	}
div#contentbox3 div.content img
	{
	width: 100%;
	height: auto;
	}
/*------------------- home ------------------------*/
	#home div#contentbox1 img.block
	{
	float: left;
	width: 250px;
	height: auto;
	margin: 0px 1em 1em 0;
	}