/*******************************************************************************

	Project	:	martin-luther-findorff.de
	Copyleft	:	tizian bauer at ansichtsache dot com for vierplus.de

*******************************************************************************/
html { height: 100%; } 
body { 
height:100%;
margin:0;
padding:0 0 0 15px;
font: 84% Arial,sans-serif;
line-height: 1.6em;
position:relative; 
background:url(/files/design/body_bg.gif) right top no-repeat #fff fixed;
}

#container {
	top:0;
	margin-top:0;
	bottom:0;
	margin-bottom:auto;
	position:absolute;
	float:left;
width: 920px;
padding-top:0px;
}

#contentcontainer {
	width: 920px;
	color:#000;
	text-align:left;
	float:left;
	min-height:600px;
}

#header {
height:210px;
background:url(/files/design/logo.gif) -20px 25px no-repeat;
/*float:left;*/

}
#slideshow {
margin:0 0 0 230px;
float:left;
height:180px;
overflow:hidden;
}

.headerimage {
width:430px;
height:180px;
overflow:hidden;
margin:0 0 0 240px;
}
span.bek {
float:left;
margin:37px 0 0 25px;
}
#claim  {
font-size:1em;
margin-top:95px;
position:absolute;
left:643px;
}
#avmenu {
width:200px;
float:left;
margin:50px 0 0px 0px
position:static;
}
#avmenu .oi {
margin:0 20px 0 0;
}

/*  ********************************************************  suche  */
#suchenbox {
margin:0;
width: 190px;
}
#content #suchenbox {
margin:0;
height: auto;
width: 420px;
}
span.suche {
font-size:0.75em;
margin:0 0 15px 0;
display:block;
}
#suchenbox span {
height: 18px;
                display: inline;
}
#suchenbox input.search {
width: 163px;
height: 16px;
background-color:#ccc;
border:solid 1px #999;
margin:0;
padding:0;
                display: block;
float:left;
}
#suchenbox input.button {
 display: block;
width: 20px;
height: 20px;
background:url(/files/design/search.gif) left top no-repeat;
border:none;
margin:0 0 0 3px;
padding:0;
}

.suchergebnis {
margin:25px 0;}

/*  ********************************************************  infodownload  */

#infodownload {
float:left;
margin:30px 0 0 0;
width:200px;
position:relative;
}

div.infomaterial {
clear:both;
display:table;
}

.infomaterial a {
color:#333;
font-size:0.75em;
}

.infomaterial img{
border:1px solid #999;
margin-right:6px;}

.InfoImage {
float:left;
margin:0 5px 0px 0;
}

/*  ********************************************************  content  */

#content {
margin-right:0px;
line-height:normal;
color:#000;
float:left;
width:475px;
position:relative;
min-height:400px;
}

#infos {
height:auto;
color:#000;
width: 220px;
float:left;
display:block;
}

#content .oi {
margin:0 0 0 30px;}

#content .oi ul li {
margin:5px 0;}

/*  ********************************************************  rechte spalte  */


#infos .oi {
margin:0 0 0 25px;
}

#infos .InfoImage {
margin:0 5px 25px 0;
}



/*  ********************************************************  links  */

a {
color: #CC404E;
text-decoration:none;
}

a:hover {
text-decoration: underline;
color: #CC404E;
}

a img {
border: 0;
}
/*  ********************************************************  footer  */

#footer {
clear: both;
margin: 0 0 0 220px;
padding:0x;
text-align: left;
color: #999;
font-size: 0.8em;
}

#footer a {
color: #999;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}
/*  ********************************************************  classes  */
.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.gallery {
margin:10px 8px 0 0;}
/*  ******************************************************** teamportraits  */
.team {
margin-top:10px;
padding-left:125px;
padding-top:5px;
border-top:dotted 2px #004187;
clear:both;
}
.team img {
display:table;
margin-bottom:15px;
}

.team .left {
margin-left:-125px;
}
#content .oi .team ul {
float:left;
width:300px;
margin:0 0 25px 0;
}
#content .oi .team ul li {
padding:0 5px 0 15px;
background:url(/files/design/red_cross.gif) left 3px no-repeat #fff;
}

/*  ******************************************************** news teaser  */

.news {
margin:10px 0;
padding:10px 0 0px 0;
border-top:3px dotted #999;
min-height:140px;
}
.news img {
float:right;
margin-left:0px;}

#content .news p, #content .news h1, #content .news h2 {
margin:0 175px 0 0;
}
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie§t */
.formgen {
	font-size: 1em;
	padding:0px;
	margin:0px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;
}




/* 
Wie sehen die einzelnen Blšcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 97%;
	height:75px;
	border: 1px solid #999;
	background-color: #efefef;
	margin:0 0 15px 0;
}


/* Textfeld */
.formgen .formtext
{
width: 97%;
		height: 25px;

	padding-bottom: 4px;
	font-size: 1em;
	background-color: #efefef;
	border: 1px solid #999;
	clear:both;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #fff;	
}



/* Label */
.formgen label {
width: 97%;
	height: 25px;
	margin:10px 0 0 0;
	font-weight: bold;
	color: #333;
	display:block;
	float:left;
}
.formhinweis {
margin:10px 0;}
.formgen .checkspan {
width:97%;
	height:2em;
	font-weight: bold;
	color: #333;
	display:block;
}
.formgen .checkspan label {
width:95%;
	margin:0px 0 0 0;
	font-weight: bold;
	color: #333;
	display:block;
	float:right;
}
input[type=checkbox] {
		float:left;
	margin:3px 0 0 0;
	display:block;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #efefef;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 98%;
	text-align: center;
	background-color: #999;
	border: 1px solid #666;
	float: left;
	color: #000;
	height:30px;
	margin:0 0 15px 0;
}


/* Radio-Button */
.formgen .formradio
{
	background-color: #fff;
	float: left;
	color: #333;
}


/* Fieldsetbeschriftung */
.fieldset legend {
	color: #333;
	background-color: #990000;
	width:97%;
	height:auto;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
font-size:1.2em;
font-weight:700;
	color:#004187;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */