/* CSS Document */

/*-----------------------------------------------------------------------------
[Benedikt-Breuers.de] Screen Stylesheet

version:   1.0
datum:     27.07.2007
autor:     Arrenbrecht@iconcepts.de
website:   
-----------------------------------------------------------------------------*/

body {
	background-color:#DFE5E5;
	width:843px;
	margin: 0 auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	
h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	}

	
#header {
	height:251px;
	background-image:url(img/header.jpg);
}
	
#content {
	background-image:url(img/bg_repeat.jpg);
	
}

#footer {
	background-image:url(img/footer.jpg);
	height:39px;
	font-size:0.5em;
	padding:10px 0 0 434px;
}

#navigation {
	width:160px;
	height:223px;
	top:260px;
	float:left;
	margin: 0 0 0 40px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:0.8em;
	line-height:1.2em;
	color:#333;
	}
	
#content_col {
	width: 525px;
	margin: 0px 0 0 40px;
	float:left;
	text-align:justify;
	font-size:0.8em;
	line-height:1.2em;
	color:#333;
}

.fliesstext {
	padding-top:0px;
	padding-left:230px;
	padding-right:50px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:0.8em;
	line-height:1.2em;
	color:#333;
	}
	
	

	
.navigation h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	}
	
td img {display: block;}

/* Linkdefinitionen */

a
{
text-decoration: none;
}

a:link { color: #008CC2; }
a:visited { color: #008CC2; }

a:hover
{
color: #333;
background: #f4f4f4;
}

#navlist li a#active
{
border-color: #008CC2;
color: #333;
background: #f4f4f4;
}

/* Ende Linkdefinitionen */


/* Input Bilder */

.flLeft {
	float:left;
}

.flRight {
	float:right;
}

.flTop {
	float:inherit;
	padding-top:12px;
}

/* Ende Input Bilder */


/* Grafische Headline */
.renderhead {
		display: block;
}
	
.renderhead span { 
		display: none;
}
	
.renderhead img { 
		padding:5px;
}

/* Magazin */

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
    outline; 0;
}

/* Ende Magazin */

/* Beginn Navigation */

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 0.75em Verdana, sans-serif;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
/* border-top: 1px solid gray;*/
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 0.5em solid #AAB;
background: #fff;
text-decoration: none;
}

#navlist li a:link { color: #333; }
#navlist li a:visited { color: #333; }

#navlist li a:hover
{
border-color: #008CC2;
color: #333;
background: #f4f4f4;
}

#navlist li a#active
{
border-color: #008CC2;
color: #333;
background: #f4f4f4;
}

/* Ende Navigation */


/* Beginn Subnavigation */

#subnav
{
padding: 1px 0px 1px 1em;
margin-left: 0;
width: 12em;
}

#subnav li
{
list-style: none;
margin: 0;
/* border-top: 1px solid gray;*/
text-align: left;
}

#subnav li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 0.5em solid #AAB;
background: #fff;
text-decoration: none;
}

#subnav li a:link { color: #333; }
#subnav li a:visited { color: #333; }

#subnav li a:hover
{
border-color: #008CC2;
color: #333;
background: #f4f4f4;
}

#subnav li a#active
{
border-color: #008CC2;
color: #333;
background: #f4f4f4;
}

/* Ende Subnavigation */

/* Formular Definition */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
   
}


label {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width: 120px;
    clear: left;
    float: left;
    padding: 0px;

}

form
{
   line-height                :    100%;
   width: 350px;
}

form br
{
    clear                    :    both;
}

.textarea
{
   width: 340px;
}
.text {
	padding-top:0px;
	padding-bottom:0px;
	
}

.clearer {
	clear:both;
}


legend {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #333333;
  

}
fieldset {
   width: 345px;
   line-height:20px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   border:none;
}

/* Ende der Formulardefinition */


input {
	   font-family: Geneva, Arial, Helvetica, sans-serif;
	   background-color:white;
	   color:#333;
	   font-size:1em;
	   border:#008CC2 1px solid;
}

.input_newsletter {
	   font-family: Geneva, Arial, Helvetica, sans-serif;
	   background-color:white;
	   color:#333;
	   font-size:0.8em;
	   border:#333 1px solid;
}

.newsletterformular {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	}
	
.newsletterformular_btn {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	border:#333 1px solid;
	color:#333;
	}

textarea {
	   border:#008CC2 1px solid;
	   font-family: Geneva, Arial, Helvetica, sans-serif;
	   background-color:white;
	   font-size:1em;
	   color:#333;
}

h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	}
	
h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:dotted 1px #333;
	}
	
h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.0em;
	font-weight:bold;
	border-bottom:dotted 1px #333;
	}