/*  
Theme Name: Agentur Hafu [DE] 
Theme URI: http://www.agentur-hafu.de/
Description: Individuelles Design fpr WP als Website-CMS für Agentur Hafu von gms.
Version: 1.0
Author: Markus Baersch; gandke marketing & software gmbh
Author URI: http://www.gandke.de/

  Alle Rechte an CSS, XHTML und design liegen bei gandke marketing & software gmbh

*/


/**********************************************************************************/
/*******************************  Standardlayout Agentur Hafu  ****************************/
/************************** Markus Baersch , gandke marketing & software  *********************/
/**********************************************************************************/
/*
  Erstellt aus Datei	: hafu.css
  Autor       			: Markus Baersch , gandke marketing & software - http://www.gsn.de
  Fassung vom			: 29.12.2008
**
*/


/**********STYLE ELEMENTE ***********************************/

* {
padding : 0;
margin : 0;
}

body {
font-family:Tahoma,Verdana,sans-serif;
color: #222; 
background-color: #888;
/*background-color: #FFF1C2;*/
font-size: 87.5%;
line-height: 1.5em;
margin: 0; 
padding: 0;
text-align:center;
}


/********* Bilder    ***********  */

img.bordered {
border: 1px solid #c30; 
padding: 3px;
}

img.leftfloat {
float: left;
margin: 10px;
margin-right: 20px;
}

img.rightfloat {
float: right;
margin: 10px;
margin-left: 20px;
}


/********* Formulare  & Co.. ***********  */

hr { 
color: #c30; 
background: transparent; 
margin:0; 
padding:0.5em 0; 
margin-bottom: 1em;
border:0; 
height: 1px;
border-bottom: 1px #c30 solid; 
}


fieldset { 
border:0;
}
	
select, 
input, 
textarea { 
background: #fefefe;
padding: 3px;
border: 1px #c30 solid; 
/*font-size: 99%;*/
}

input[type=reset],
input[type=submit],
input[type=button] {
width: auto;
overflow:visible;
background: #fff;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #fff;
border-color: #666;
}

input[type=text], 
textarea {
color: #666 ;
}

input[type=text]:focus, 
textarea:focus {
background: #fff;
border-color: #666;
color: #222 ;
}


input[type=radio], 
input[type=checkbox] {
background:transparent none repeat scroll 0% 50%;
border:0pt none;
}


option {
padding-left: 0.4em;
padding-right: 1.0em;
}


	
/*************** Textauszeichnungen... *************/
	
pre {	
font-family: "Courier New", Courier, monospace; 
}
	
dt, 
strong,
b { 
font-weight: bold;
}

i, em { 
font-style: italic;
}


/***************************** Tabellen *********************************/

table { 
border: 1px solid #c30; 
background-color: #fff; 
padding: 3px; 
empty-cells: show; 
}

caption {
padding: 3px; 
margin-bottom: 5px;
font-size: 0.8em; 
font-weight: bold; 
line-height: 1.5em; 
caption-side: top;
text-align: left; 
}

thead { 
font-size:1.0em; 
text-align:center;
background-color: #666; 
color: #fff;
}

tfoot { 
font-size: 0.8em;
text-align: left;
background-color: #fff;
font-weight: bold; 
background-color: #eee; 
}

tbody { 
font-size: 0.9em; 
text-align: left; 
vertical-align: top; 
background-color: #fff;
}

td, th {
padding: 3px;
border: 1px solid #000; 
}

th {
font-weight: bold; 
}


/********* Überschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 { 
font-family:Arial,Helvetica,sans-serif;
margin-top: 0.25em; 
margin-bottom: 0.5em;
margin-left: 0px;
font-size: 1.2em;
color: #444; 
}

h1  { 
font-size: 1.5em;
font-weight:normal;
}

h2  { 
font-size: 1.3em;
font-weight:bold;
}


h4  { 
font-size: 1.0em;
margin-top: 1.0em; 
margin-bottom: 3px;
}


#content h1 {
font-size: 2em;
margin-bottom: 0.6em;
color:#c30;
}


h5, h6 { 
font-size: 1.0em;
margin-bottom: 2px;
}


p, ul, blockquote, cite { 
margin-top: 0.5em;
margin-bottom: 1.5em;
font-size: 1.0em; 
}

ul ul {
margin-bottom:0;
}

blockquote, cite { 
width: auto;
}

cite {
font-style: italic; 
}

ul, ol, dl { 
padding: 3px;
padding-left: 1.8em;
}


li {
margin-bottom: 0.5em;
}

ul.paragraphs li {
margin-bottom: 1.1em;
}


.smallmargin li {
margin-bottom: auto;
}


/***************************** Links *********************************/

a {
color: #c30; 
text-decoration: underline; 
}

a:hover {
color: #FD0C00;
}

/*****************************  TOOLS  UND KLASSEN   *********************************/

.bordered {
padding: 0.6em;
border: 1px solid #c30; 
}

.lighted, .formback, .whitebox { 
padding: 0.6em;
background-color: #FCE2E0;
border: 1px solid #c30;
-moz-border-radius: 8px;
}

.whitebox { 
background-color: #fff;
}

.formback { 
padding: 30px;
}


.padded,
.padded_plus {
padding: 0.5em;
padding-top: 0;
padding-bottom: 1.0em;
}

.padded_plus {
padding-left: 1.5em;
padding-right: 1.5em;
}

.right  {
text-align: right;
}

.dotted { 
border: 1px dotted #c30; 
}

.noborder { 
border: 0px; 
}

.nopadding { 
padding: 0!important; 
}

.nomargin { 
margin: 0!important; 
}

.highlight { 
padding: 5px;
background-color: #FDEDEC;
color: #111;
}



.alert { 
color: #c00; 
}

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

.float_right { 
float: right; 
background-color: transparent;
}

.float_left { 
float: left; 
background-color: transparent;
}

.cleaner {
clear: both;
height: 0px;
padding:0px;
margin: 0px;
border: 0px;
overflow: hidden;
}


/******SEITENLAYOUT ****************************************/

#container_page {
position: relative; 
margin: 15px auto;
width: 990px;
text-align: left;
border: 2px solid #444;
background: #fff url('img/sd.png') repeat-y;
margin-bottom:300px;
}


#skiplinks {
position: absolute; 
left: -3000px;
}

#logo {
position: absolute;
cursor:pointer; 
background: transparent url('img/logo.png') 0 0 no-repeat;
width:550px;
height:200px;
left: 0;
top: 0;
float:right;
}

#header {
cursor:pointer; 
background: transparent url('img/alogo.png') 99% 10px no-repeat;
height:200px;
}


#content {
float: right ;
width: 650px ;
padding-right: 30px ;
min-height: 400px ;
}

* html #content {
height: 400px;
}


#left {
font-size: 0.9em;
float: left ;
width: 240px ;
margin-left: 10px ;
margin-top:10px;
}


#footer {
border-top: 1px solid #444;
padding: 10px;
margin-top: 30px;
font-size: 0.8em ;
text-align:center;
}

#footer p {
margin: 0px ;
line-height: 1.6em;
}

#footer a {
color: #222!important;
}

#footer a:hover {
color: #FD0C00!important;
}





/****************NAVIGATION ********************************/


#topnavigation {
background: #444 url('img/nv.png') 100% 0 repeat-y;
margin-bottom:20px;
font-size:100%;
height:26px;
padding-top:3px;
padding-bottom:3px;
color:#fff;
}


#topnavigation ul {
padding: 0px;
margin: 0px;
margin-left: 30px;
list-style-type: none;
font-weight: normal;
font-size:1.1em;
}

#topnavigation li  {
line-height: 1.6em;
margin: 0px; 
float: left; 
padding-right: 10px ;
margin-right: 10px; 
border-right: 1px solid #888;
}

#topnavigation li a {
display: block;
color:#fff;
}


#topnavigation a  {
text-decoration: none;
font-weight: normal;
}

#topnavigation a:hover {
/*text-decoration: underline;*/
color: #FD0C00;
}


#dnav  {
border: 2px solid #fff ;
background: #eee; 
padding : 2px; 
}



#nnav,
#dnav ul {
list-style-type: square;
font-weight: normal;
}

#nnav li,
#dnav li {
margin: 1px;
}

#nnav li.current-cat a,
#topnavigation li.current_page_item a,
#dnav li.current_page_item a {
font-weight: bold;
}

#nnav li.current-cat  ul li a,
#dnav li.current_page_item  ul li a   {
font-weight: normal;
}


#nnav li a,
#dnav li a {
display: block;
color:#222;
}

#nnav li a,
#dnav li a  {
text-decoration: none;
font-weight: normal;
}

#nnav li a:hover,
#dnav li a:hover {
color: #FD0C00;
}

#bc {
font-size: 0.8em;
}

#bc a {
text-decoration: none;
}

#bc a:hover {
text-decoration: underline;
}

.errordiv,
.errordiv h6 {
color: red!important;
}


.bcn {
border-bottom:1px solid #c30;
background-color: #FCE2E0;
margin-bottom:1em;
padding-left: 3px;
}

.bcn a {
color: #222 ;
text-decoration:none;
}

.bcn a:hover {
color: #c30 ;
text-decoration:underline;
}


/***********************************/
#content .link a {
text-decoration: none;
}

#ttm {
border: 1px solid #666;
padding: 5px; 
background: #fff;
}

#ttm li {
margin-bottom: 0.5em; 
list-style-type: square;
}


#sb {
width: 100px;
padding: 0;
margin: 0 ;
}

#srdiv {
float:right; 
width:180px;
margin-top: 8px;
}

#srdiv input {
border-color: #444 ;
}

#srdiv input:hover {
border-color: #c30;
}


#startsearch {
padding: 0;
margin: 0 ;
width: 55px;
margin-left:5px; 
font-size: 0.9em;
}


.refpic {
border: 0;
margin-left:30px;
margin-bottom:1em
}

#ttm h2, #ttm p {
margin-left:8px;
}

.nodisp {
display:none;
}

#sbm_wrap {
font-size: 17px ;
font-family: Arial,Verdana,sans-serif;
border-top: 5px transparent ;
margin-top: 6px;
padding-left: 570px;
}

.bmarklst li a {
text-decoration: none;
display: block;
margin-top: 1px;
margin-bottom: 1px;
font-family:Arial,sans-serif;
color:#000;
}

.bmarklst li a img {
padding-right: 5px;
padding-left: 1px!important; 
border: 0;
}

.bmarklst li a:hover {
color: blue!important;
background: #ccc;
}

.bmarklst {
padding:0;
margin: 0;
list-style-image: none;
list-style-type: none;
}

.bmarklst li {
padding:0;
margin: 0;
font-size:10px;
display: block;
}

.bmarks {
-moz-border-radius:8px;
line-height: 1em;
width: 135px;
background: #E6E7EB ;
border: 1px solid #ccc ;
text-align: left; 
padding: 3px;
}

.bildtext {
margin-top:-0.8em;
}

.f98 {
width:98%;
}

/****Aus Worpress Standardtemplate für den Editor übernommen ****/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img { 
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
    display:none;
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */