/*******************************************************************************
********************************************************************************
	Project		: formwelt19.de
	
	Agentur		: blumbeet - web.studio
	CSS 		: Thomas Blum
	last change	: 01/11/06 

********************************************************************************
*******************************************************************************/
/* Reset all */
*, .nospace { 
	padding: 0;
	margin: 0;
	border: 0;
}

div, p, span { 
	background-repeat: no-repeat;
}

a, a:link { 
	color: #424b74;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

img { 
	vertical-align: bottom;
}

ul, ol { 
	list-style-position: outside;
}

li { 
	list-style-type: none;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.flLeft { 
	float: left;
	margin: 0 10px 0 0;
}

.flRight { 
	float: right;
	margin: 0 0 0 10px;
}

.flDown {
	margin: 0 0 0 10px;
	padding-bottom: 7px;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hide { 
	position: absolute !important;
	left: -1000px !important;
	top: -1000px !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
}

/* Allgemeines */
body {
	background-color:#8992a7;
	color:#605f5f;
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:100.01%;
}

p, ul, ol, dl { 
	line-height: 1.4em;
}

h1, h2, h3, p, ul, ol, dl { 
	margin-bottom: 1em;
}

h1 { 
	margin-bottom:.6em;
	font-family:"Times New Roman", serif, sans-serif;
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;
	line-height: 1;
}

h2 { 
	margin-bottom:.3em;
	color:#fff;
	font-size: 1em;
	font-weight:bold;
	line-height: 1;
}

h3 {
	clear:both;
	font-size: 1em;
	font-weight:bold;
}

#content, 
#m-navi { 
	font-size: .75em;
}

strong { 
	font-weight: bold;
}

/*	Page Structure ************************************************************/
#website { 
	position:absolute;
	top:50%;
	margin-top:-252px;
	width:100%;
	min-height:504px;
	background-color:#c4c4c4;
}

#header { 
	width: 100%;
	height:96px;
	background-color:#424b74;
	background-image:url(bg_hdr.png);
	background-position:0px 0px;
}
#content { 
	padding-left:128px;
	padding-top:48px;
}

#fleft {
	float:left;
	width:320px;
	margin-right:20px;
}
#fright {
	float:left;
	width:320px;
}
#fmiddle {
	width:660px;
}


/*	Header ********************************************************************/
#logo {
	position:absolute;
	left:64px;
	top:0;
}

#logo h1 {
	margin:0;
}
#logo h1 a { 
	display: block;
	width: 200px;
	height: 72px;
	text-indent: -1000em;
}

#logo h1 a:hover { 
	text-decoration: none;
}

/*	lists *********************************************************************/
.navi { 
	margin: 0;
	line-height:1;
}


/*	m navi -------------------------------------------------------------------*/
#m-navi { 
	padding:5px 0 5px 128px;
	background-color:#8992a7;
}

#m-navi ul li {
	display:inline; 
	padding:0;
}

#m-navi ul li.active { 
	color: #c33;
}

#m-navi ul li a, 
#m-navi ul li span {
	padding:0 26px 0 12px;
	background-image:url(bg_nav.png);
	background-position:0px 4px;
	background-repeat:no-repeat;
	color:#fff;
}

#m-navi ul li span, 
#m-navi ul li a:hover { 
	background-position:0px -46px;
}



/*	Image Navi -------------------------------------------------------------*/
div.navi-img {
	float:left;
	width:100%;
	margin-bottom:1em;
}
div.navi-img ul {
	margin-left:0;
	margin-bottom:1em;
}
div.navi-img ul li {
	display:inline;
	float:left;
	margin:0 5px 5px 0;
}
div.navi-img ul li a {
	position:relative;
	display:block;
	width:6px;
	height:6px;
	background-color:#C4C4C4;
	border:1px solid #FFF;
	overflow: hidden;
}
div.navi-img ul li a:hover, 
div.navi-img ul li.current a {
	background-color:#F90;
}
div.navi-img ul li.arrow a {
	display:block;
	width:8px;
	height:10px;
	background:none;
	border:0;
	line-height:8px;
}
div.navi-img ul li.arrow a:hover {
	background: none;
}

/*	reference navi ------------------------------------------------------------*/
#r-navi ul li span.frst,  
#r-navi ul li a.frst {
	color:#605f5f;
	font-family:"Times New Roman", serif, sans-serif;
	font-size:1.6em;
	font-style:italic;
}

#r-navi ul li ul li, 
#r-navi ul li ul li a {
	color:#fff;
}
#r-navi ul li ul li a, 
#r-navi ul li ul li span {
	display:block;
	margin:4px 0;
	padding-left:12px;
	background-image:url(bg_nav.png);
	background-position:0px 4px;
	background-repeat:no-repeat;
}
#r-navi ul li ul li span, 
#r-navi ul li ul li a:hover { 
	background-position:0px -46px;
}


p.img span {
	display: block;
}