/*  
Theme Name: netzFX 2007 OPTIO
Theme URI: http://netzfx.de
Description: One Collumn Theme - OPTIO - Wood background, WOTT Font embeded
Version: 1.2
Author: Oliver Fette (netzFX)
Author URI: http://netzfx.de
*/

/*************************************
 +Containers
 *************************************/

@font-face {
  font-family: Nuvo;
  src: url(./fonts/nuvo-medium.woff) format('woff');
}

body{
	background:#444 url(./images/wood_05.jpg) repeat;
	border-top: 5px solid #d83601; /* schmaler horizontaler balken ganz oben */
	/* color:#555; */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%; /* 60.5% war original */
	line-height:1.5;
	margin: 20px 0px 0px 30px !important; /* abstand von oben und von links */
	/* padding:0; */
	padding-bottom: 70px;
	position: absolute;
	/* text-align:center; */
}

#wrap{
	background: #fff;
	border: 25px solid #fff;
	/* border-left: 25px solid #eee;
	border-right: 25px solid #eee;
	border-bottom: 10px solid #eee; */
	/* margin:0 auto; */
	margin-left: 0px !important; /* unbedingt fuer IE6+ erforderlich */
	padding:0 auto;
	text-align:left;	
	width: 625px;
}
#content{
	font-size: 1.1em;
	float: left;
	margin: 0px;
	width: 625px;
}

#content img { /* aussehen der bilder im artikel */
  margin-bottom: 5px;
  padding: 0px
  }
  

blockquote {
  /* font-size: 10pt; */
  font-family: "Courier new", monaco, monospace;
  font-style: normal;
	color: #000;
  background-color: #f0f0f0;
  /* border-bottom: 1px dotted #b5b5b5; */
  border-left: 4px solid #e7550b;
  padding-left: 6px;
  /* border-right: 1px dotted #b5b5b5; */
  /* border-top: 1px dotted #b5b5b5; */
  /* padding: 12px; */
  /* margin: 6px; */
  /* margin: 0px 20px 0px 20px; */
}



/* --------------------------------------------------------------- */
/* -- aussehen der archivseiten -- allgemeines erscheinungsbild -- */
/* --------------------------------------------------------------- */

.widecolumn h2 {
  color: #e7550b;
  font-size: 2.0em;
  margin-bottom: -3px;
}

.narrowcolumn h2 {  /* aussehen der artikelueberschriften in dem archiv */
  color: #e7550b;
  font-size: 2.0em;
  margin-bottom: -5px;
}

.narrowcolumn h3 {  /* aussehen der artikelueberschriften in dem archiv */
  color: #e7550b;
  font-size: 2.0em;
  margin-bottom: -5px;
}

/* -------------------------- ENDE -------------------------------- */

#sidebar{
	background: #ff5700  url(./images/dia1.png) repeat;
	/* border: 5px solid #ddd; */
	/* border-bottom:none; */
	color: #ff5700; /* textfarbe ueberschriften in der sidebar */
	float: right;
	margin: 0px;
	padding: 0px;
	width: 625px;  /* breite der sidebar unten */
}


#sidebar .sec-a{
	float: left;
	width: 175px;
	padding: 10px;
}
#sidebar .sec-b{
	float:right;
	width: 175px;
	padding:0 10px;
}

/*************************************
 +Sidebar
 * im unteren bereich der seite
 * nicht an der seite ...
 *************************************/

#sidebar h2{
	color: #fff;
	background: #e7550b;
	font-size: 1.5em;
	font-weight: 500;
	margin: 4px 0;
	padding-left: 3px;
}
#sidebar ul li{
	border-bottom:1px dotted #414141;
	margin-bottom: 1px;
	padding:3px;
}

#sidebar a{
	color: #fff;
	text-decoration:none;
}
#sidebar a:hover{
	color: #fff;
	background: #e7550b;
	}

#footer{
	background:#333;
	border-top:1px solid #777;
	border-bottom: 5px solid #d83601;
	/* clear:both; */
	color:#888;
	font-size:0.9em;
	padding: 5px;
	text-align:center;
	position: absolute;
	width: 665px;
}
.navigation{
  /* background: #f0f0f0; */
	margin-bottom:10px;
	padding: 5px 0px 5px;
	text-align: left;
}

.alignleft{
  text-align: left;
  }
  
.alignright{
  text-align: right;
  padding-left: 412px;
  }

.date {
	font-family: Nuvo, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.6em;
	color: #6f6f6f;
	letter-spacing: -1px;
	margin-top: 5px;
}

/*************************************
 +Header
 *************************************/
h1, h2, h3{
	font-family: Nuvo, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 15px;
}

#header{
	background: url(./images/head/rotate.php) #d83601 no-repeat;
	height: 240px;
	text-align:right;
	width: 625px;
	/* padding: 30px 0px; */
	margin: 0px;
	padding: 30px 0px;
}

#header h1{
	font-size:2em;
	/* margin:0; */
	margin-top: -250px; /* name des blogs in textform nach oben verschoben */
}

#header h1 a{
	color:#E5F2E9;
}
#header h1 a:hover{
	color:#F5FFF9;
}
#header p{
	color:#D5E2D9;
	font-size:1em;
	margin-top:-0.5em;
}
#header h1, #header p{
	margin-right:30px;
}
/*************************************
 +Entry -- einzelne Artikel
 *************************************/
.entry{
  margin-top: 6px;
	margin-bottom: 5px;
  padding: 0px;  /* aussehen der artikel boxen inclusiv abstande */
  font-size: 1em; /* schriftgroesse der artikel selber */
}

/*
  margin: 0px;
  padding: 0px
  border: 5px solid #ff5700;
} */

.entrybody img{
	margin: 0px;
	/* border: 4px solid #f0f0f0; */
}

.entrybody {
  margin-top: -10px;

}

.entrymeta { /* direkt unter dem artikel - info zu autor, datum, kommentare */
	font-size:0.9em;
  color: #777;
  background: #f0f0f0;
  border-top: 1px dotted #777;
  padding-left: 3px;
}

.entrymeta a{
  color: #d83601;
}
.entrymeta a:hover{
  color: #fff;
  background: #d83601;
}

.entrytitle h2{
	color:#58BBEB;
	font-size:2.2em;
}
.entrytitle h2 a {  /* artikel ueberschriften farbe - knallrot */
  color: #d83601;
}
.entrytitle h2 a:hover {  /* artikel ueberschrift onmouseover linkfarbe */
	color: #fff;
	background: #e7550b;
}
.entrytitle h3{
	color:#6F6F6F;
	font-size: 1.2em;  /* Schrifthöhe - Datumsangabe unter der Artikelüberschrift */
	margin-top: -22px;
}

.postedby{
}

.filedto{
	background:url("./images/file.gif") no-repeat 0 2px;
	padding-left:15px;
}

.commentslink{
	background:url("./images/comments.gif") no-repeat 0 3px;
	padding-left:15px;
}

body#home .entry-1{
  background: #f0f0f0; /* hintergrund erster artikel ganz oben */
  /* border: 1px solid #d8d9c8;
  /* border:1px solid #fafbfa; */
  font-size:1em;
}

body#home .entry-1 .entrymeta{
  background: #f0f0f0; /* unter dem ERSTEN artikel - info footer */
  /* border-top: 2px solid #d8d9c8; */
  margin: 0px;
  padding-left: 3px;
}


/*************************************
 +Nav - horizontal ueber headbild
 *************************************/
#nav{
	background: #e7550b;
	/* border:  1px solid #222;
	border-top:none; */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin-bottom: 30px;
	padding: 1px;
	width:490px;
	margin-top:-60px;
}

#nav ul{
	list-style-type:none;
}
#nav ul li{
	font-weight:bold;	
	float:left;
	letter-spacing:1px;
	margin-bottom: 0px;
	margin-right: 10px;
	padding: 2px 1px;
}
#nav ul li a{
	color:#fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 1px;
}
#nav ul li a:hover{
	color: #fff;
	background: #d83601;
	padding: 2px 1px;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin: 0em;
	padding: 0em;
  /* font-size: 1.0em; */
  width: 625px;
}

.commentsblock #comment {
	width: 500px;
	}

.commentsblock #author, #email, #url {
	width: 300px;
	margin-right: 6px;
}

/* .commentsblock p {
	width: 400px;
	border: 4px solid #222;
	margin: 0px;
	padding: 0px;
} */

.commentsblock input, .commentsblock textarea{
	border: 1px dotted #000; /* umrandung der eingabefelder im formular */
}

.commentsblock textarea:focus{
	background: #eee;
	/* border: 1px solid #ff5700; */
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	/* border:1px solid #a1a1a1; */
}

.commentauthor{
	display: block;
	font-size:1.5em;
}
ol.commentlist{
	color: #777;
	font-size: 0.95em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin: 0.5em 0em;
	padding: 0.5em 0em;
	
}
.alt{
	background:#f3f3f3;
	/* border:1px solid #EEEEEE; */
	padding: 2px;
}

.commentsblock h1 {
  font-size: 1.3em;
  color: #777;
  }

.commentsblock h2 {
  font-size: 1.1em;
  color: #d83601;
  /* background: #f0f0f0; */
  padding: 0px 5px;
  margin: 4px 0px;
  }
  
.commentsblock h3 {
  font-size: 1.5em;
  color: #d83601;
  /* background: #f0f0f0; */
  margin: 0px;
  }


.commentsblock #submit {
  width: 200px;
  color: #d83601;
  background: #eee; /* url(./images/dia1.png) repeat */
  border: 1px dotted #000;
  /* font-weight: bold; */
  padding: 2px;
  margin: 5px 0 10px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:0.9em;

}



/*************************************
 +Misc
 *************************************/

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

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

a:hover {
	color: #fff;
	background: #d83601;
}

/* #content img,a {
	color: #fff;
	text-decoration:none;
}
*/

#content img,a:hover {
	color: #fff;
	text-decoration:none;
}

.more-link {  /* more-link bei Textunterbrechungen */
	color: #D83601;
}

.clearfix:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

* html .clearfix {height: 1%;}

a#directmailbutton {
  position: fixed;
  right: 0;
  top: 0;
  display: block;
  height: 25px;
  width: 100px;
  background: url(./images/directmail.gif) top right no-repeat;
  text-indent: -999em;
  text-decoration: none;
  text-color: #fff;
}

/*
#strichlinie {
  position: absolute;
  top: 0;
  left: 0;
  background: url(./images/strichline.gif) top left no-repeat;
  height: 3px;
  width: 1000px;

} */


/*************************************
 +FORMULAR SUCHE
 *************************************/

form {padding: 3px 0px;} /* ausrichtung des formulars */
form fieldset {border:0 solid;} /* Opera */

form p {
  padding: 0px;
  border-bottom: 1px solid; /* unterstreichungen */
}

form input, form textarea {
  padding: 3px; /* dicke der searchbox und des buttons */
  width: 125px;
  border: 1px solid #777;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:0.9em;
  float: left;
}

form #searchbutton {
  width: 40px;
  border: 1px solid #777;
  /* font-weight: bold; */
  padding: 2px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:0.9em;
}


form .hiddenfield {display:none;}
form textarea {overflow:auto;}

/*
EASY CONTACT
#################################################################################
*/

body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
}

body div.formcontainer span.required {
color: #FF0000;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #f0f0f0 url('error.png') no-repeat 12px 50%;
border-bottom: 2px solid #ff5700;
}

body div.formcontainer p.important {
background: #fbfbee url('important.png') no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}

body div.formcontainer p.information {
background: #f0f0f0 url('information.png') no-repeat 12px 50%;
border-bottom: 2px solid #ff5700;
}

body div.formcontainer p.success {
background: #f0f0f0 url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #ff5700;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0.5em 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
margin-bottom: 0.5em;
width: 97%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #ff5700;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}


/* ---- Farben

b2b2b2 --- dunkelgrau



*/