/*
Theme Name: f1dcom
Theme URI: http://www.fabrik1design.com
Description: "f1dcom" Theme for Wordpress
Version: 1.0
Author: Ralf Kobert / Christian Fischer
Author URI: http://www.fabrik1design.de / http://www.dotflare.com
*/


/* Reset
--------------------------------------------------*/

html {
height:100.1%;
font-size:100.1%;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {
margin:0;
padding:0;
}


/* Body
--------------------------------------------------*/
body {
height:100%;
font:.75em/1.7em "lucida grande", verdana, sans-serif;
color:#383D44;
background:#3d3d3d url(images/body_bg.gif) repeat-x left top;
}


/* Überschriften
--------------------------------------------------*/

h1 {
font-size:1.4em;
font-weight:bold;
font-family:Georgia, serif;
letter-spacing:1.1px;
text-transform:uppercase;
padding-bottom:15px;
color:#326EA1;
background:#F3F1E9;
}


/* Links
--------------------------------------------------*/

a {
text-decoration:none;
font-weight:bold;
color:#326EA1;
background:#F3F1E9;
}


/* Paragraphs, Listen, etc
--------------------------------------------------*/

p {
margin:0;
padding:0 0 18px 0;
}

ul {
margin:0 0 0 0;
padding:0 0 18px 0;
}

ul ul {
padding:0;
}


/* Header
--------------------------------------------------*/

#header {
height:242px;
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:0;
background:url(images/header_logo_02.gif) right bottom no-repeat;
}

.headerimg {
clear:both;
position:absolute;
width:396px;
height:175px;
margin:0;
padding:0;
top:122px;
background:#3d3d3d url(images/header_img.jpg) left top no-repeat;
color:#fff;
}


/* Topnavigation
--------------------------------------------------*/

#topnavi {
width:400px;
margin:0;
padding:0;
}

#topnavi li {
float:left;
width:64px;
list-style-type:none;
margin:0 2px 0 0;
}

#topnavi li a {
display:block;
height:82px;
width:64px;
}

#topnavi li.start a {
background:url(images/navi_home.gif) 0 0 no-repeat;
}
#topnavi li.equipment a {
background:url(images/navi_equipment.gif) 0 0 no-repeat;
}
#topnavi li.fotos a {
background:url(images/navi_fotos.gif) 0 0 no-repeat;
}
#topnavi li.print a {
background:url(images/navi_print.gif) 0 0 no-repeat;
}
#topnavi li.kontakt a {
background:url(images/navi_kontakt.gif) 0 0 no-repeat;
}
#topnavi li.impressum a {
background:url(images/navi_impressum.gif) 0 0 no-repeat;
}

#topnavi li a:hover,
#topnavi li a:focus,
#topnavi li a:active,
#topnavi li.active a {
background-position:0 -82px;
}


/* Container Content
--------------------------------------------------*/

#container-wrapper {
clear:both;
color:#000;
background:#f3f1e9;
}

#container {
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:0;
color:#000;
background:#f3f1e9;
}

#content {
float:left;
width:auto;
max-width:59%;
min-width:54%;
min-height:450px;
padding:80px 0 5em 12px;
}

#content h1 a {
margin-left:-2px;
}

#content h2 {
margin:10px 0 18px -12px;
padding:0 0 12px 12px;
font-weight:bold;
font-family:georgia, serif;
font-size:1em;
letter-spacing:1.1px;
text-transform:uppercase;
color:#326EA1;
background:#F3F1E9 url(images/underline.gif) bottom left no-repeat;
}

#content h3 {
margin:0 0 5px 0;
font-size:0.9em;
font-weight:bold;
font-family:georgia, serif;
text-transform:uppercase;
color:#326EA1;
background:#F3F1E9;
}

#content h4 {
margin:0;
font-size:1em;
}

#content h2 a,
fieldset p a {
border:none;
text-decoration:none;
color:#6BA136;
background:#F3F1E9;
}

#content h2 a:hover,
fieldset p a:hover {
border:none;
text-decoration:none;
color:#000;
background:#F3F1E9;
}

#content h2 a:focus,
fieldset p a:focus {
border:none;
text-decoration:none;
color:#000;
background:#fff;
}

#content ul.bullet li{
list-style-type:none;
padding:0 0 0 15px;
color:#000;
background: #f3f1e9 url(images/content_li_bullet.gif) 0 .70em no-repeat;
}

#content ul li{
list-style-type:none;
}

#content a {
padding:2px;
font-weight:bold;
color:#6BA136;
background:#F3F1E9;
}

#content a:hover,
#content a:focus,
#content a:active {
font-weight:bold;
color:#FFF;
background:#FD8F0D;
}

#content a.imglink {
padding:0 !important;
}

#content a.imglink:hover,
#content a.imglink:focus,
#content a.imglink:active {
color:#6BA136;
background:#F3F1E9;
}

#content strong{
background-color:#F3F1E9;
color: #575757;
}

#content .imgstatic {
margin: 0 0 0 -4px;
padding:0 0 0 0;
}


/* Sidebar / Navigation
------------------------------------------------ */

#sidebar {
float:right;
min-width:8em;
width:18em;
max-width:24%;
padding:40px 0 0 16px;
font-size:1em;
line-height:1.63em;
}

#sidebar p {
margin:0 0 0 15px;
font-size:1em;
line-height:1.5em;
}

#sidebar h2 {
margin:10px 0 9px 0;
padding: 0 0 0 18px;
font-weight:bold;
font-family:georgia, serif;
font-size:1em;
letter-spacing:0.8px;
text-transform:uppercase;
color:#326EA1;
background:#F3F1E9 url(images/sidebar_h2_bullet_2.gif) 0% 50% no-repeat;
}

#sidebar h4 {
margin:0 0 10px 0;
font-weight:bold;
font-family:georgia,serif;
font-size:1.0em;
line-height:1em;
color:#383D44;
background:#F3F1E9;
}

#sidebar h4.first{
margin:20px 0 10px 0;
}

#sidebar ul {
margin:0;
padding-bottom:20px;
color:inherit;
background-color:#F3f1e9;
list-style-type:none;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.65em;
}

#sidebar ul li ul {
margin:0;
padding:0;
}

#sidebar li a {
display:block;
padding:3px 4px 3px 16px;
font-weight:normal;
text-decoration:none;
color:#767560;
background:#f3f1e9 url(images/subnav.gif) 1% -100% no-repeat;
}

#sidebar li li a {
padding:3px 4px 3px 26px;
}

#sidebar li#level1active a#level1current,
#sidebar li#level2active a#level2current,
#sidebar li.current-cat a {
color:#fff;
background:#699FCD url(images/subnav.gif) 1% 50% no-repeat;
}

#sidebar li a:hover,
#sidebar li a:focus,
#sidebar li a:active {
color:#fff;
background-color:#FD8F0D !important;
background-position:1% 50% !important;
}

#sidebar p#rssfeed {
padding:25px 0 5em 0;
}

#sidebar #rssfeed a {
display:block;
width:69px;
height:37px;
color:#000;
background:#F3F1E9 url(images/rss_feed_button_2.gif) 0 0 no-repeat;
}

#sidebar #rssfeed a:hover,
#sidebar p#rssfeed a:focus,
#sidebar p#rssfeed a:active {
background-position:0 -37px;
}

#sidebar li a.more {
display:block;
padding:3px 4px 3px 0px;
font-weight:normal;
text-decoration:none;
color:#767560;
background-color:#f3f1e9;
background-image:none;
}

#sidebar li a.more:hover,
#sidebar li a.more:focus,
#sidebar li a.more:active {
color:#FD8F0D !important;
background-color:#f3f1e9 !important;
}

/* Footer
-------------------------------------------------- */

#footer-wrapper {
clear:both;
padding:0;
font-size:1em;
color:#fff;
background:#3d3d3d url(images/footer_top.gif) repeat-x top left;
}

#footer {
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:10px 0 0 0;
color:#fff;
background:#3d3d3d url(images/footer_top.gif) repeat-x top left;
}

#footer p {
padding-left:12px;
font-size:0.9em;
color:#f3f1e9;
background:#3d3d3d;
}

#footer a {
padding:2px;
font-weight:normal;
color:#6BA136;
background:#3d3d3d;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
font-weight:normal;
color:#3d3d3d;
background:#F3F1E9;
}


/* Formulare
-------------------------------------------------*/

form {
padding:6px 0;
border:none;
}

form p {
padding:6px 0;
}

form label {
background:inherit;
color: #383D44;
}

form label em {
font-style:normal;
background:inherit;
color: #B1201F;
}

form input, form textarea {
padding:3px;
width:200px;
border:1px solid #B5B5B5;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color:#FFF;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form textarea#comment:hover,
form textarea#comment:focus {
color:#666;
background-color:#EAF1F4;
}

form textarea {
overflow:auto;
}

form .darkred {
color:#990000;
background-color:#fff;
}

#kontakt {
margin:35px 0 18px 0;
}

#kontakt p {
padding:0 0 3px 0;
margin:0;
}

#kontakt input,
#kontakt textarea {
margin:0 0 8px 0;
}

#kontakt .submit,
input#submit {
width:auto;
font-weight:bold;
font-size:.9em;
border-color:#fff;
background-color:#699FCD !important;
color:#fff;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus {
background-color:#FD8F0D !important;
color:#fff;
}

#kontakt #csubject,
#kontakt textarea,
textarea#comment {
width:80%;
}


/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper ul li {
list-style-type:none;
padding-left:1.4em;
}

.ddsg-wrapper ul li a {
list-style-type:none;
}

.ddsg-wrapper ul li ul li a {
padding:0 0 0 0;
font-weight:normal !important;
}

.ddsg-wrapper h3 {
font-size:1.2em !important;
}

.ddsg-wrapper h4{
background-color:#F3F1E9;
color: #575757;
}


/* Galerieübersicht / Navigation
--------------------------------------------------------- */

#galerienav {
margin:18px 0 0 0;
padding:0 !important;
text-align:left;
}

#galerienav a {
display:block;
float:left;
width:95px;
height:76px;
line-height:0em;
margin:0 10px 10px 0;
padding:0 !important;
background:url(images/galerie_thumb_bg.gif) 0 0 no-repeat !important;
}

#galerienav a:link,
#galerienav a:visited {
width:95px;
height:76px;
background-position:0 0 !important;
}

#galerienav a:hover,
#galerienav a:focus,
#galerienav a:active {
background-position:0 -76px !important;
}

#galerienav a img {
margin:9px 0 0 9px;
}


/* myGallery - Galerieübersicht / Navigation
--------------------------------------------------------- */

.mypicsgallery {
margin:18px 0 0 0;
padding:0 !important;
text-align:left;
}

.mygallpic {
margin-bottom:0;
}

.mypicsgallery a {
display:block;
float:left;
width:70px;
height:70px;
line-height:0em;
margin:0 10px 10px 0;
padding:0 !important;
background:url(images/mygal_thumb_bg.gif) 0 0 no-repeat !important;
}

.mypicsgallery a:link,
.mypicsgallery a:visited {
width:70px;
height:70px;
background-position:0 0 !important;
}

.mypicsgallery a:hover,
.mypicsgallery a:focus,
.mypicsgallery a:active {
background-position:0 -70px !important;
}

.mypicsgallery a img {
border:1px solid #000;
margin:9px 0 0 9px !important;
}


/* Textzoom
-------------------------------------------- */

.textzoom {
z-index:4;
position:absolute;
top:90px;
left:14px;
padding:0;
line-height:0em;
}

.textzoom a {
border-bottom:none;
margin:0;
line-height:0em;
font-size:0;
}

.textzoom a img:hover,
.textzoom a:focus img,
.textzoom a:active img {
color:#000;
background:#FD8F0D !important;
}


/* Webstandards / Hilfe
--------------------------------------------------*/

.lbox li img {
vertical-align:middle;
}

ul.lbox {
line-height:2.0em;
}


/* Skipnav
--------------------------------------------------*/

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position:absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus,
ul#skipnav li a:active {
z-index:5;
display:block;
position:relative;
top:122px;
left:4px;
width:21em;
border:1px solid #fff;
margin:0;
padding:0 0 1px 4px;
font-family:"Lucida Sans Unicode, Lucida Grande", geneva, verdana, sans-serif;
font-size:.9em;
font-weight:bold;
line-height:2em;
text-align: left;
color:#fff;
background-color:#699FCD;
}

ul#skipnav li a:hover {
border:1px solid #fff;
color:#fff;
background-color:#FD8F0D;
}


/* Linktabelle
--------------------------------------------------*/
td {
padding-bottom:10px;
}

th {
text-align:left;
}

/* Werbeblock
--------------------------------------------------*/

#friends-wrapper {
clear:both;
padding:0 0 30px 0;
font-size:1em;
color:#fff;
background:#3d3d3d;
}

#friends {
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
color:#fff;
background-color:#3d3d3d;
}

#friends .friends-bg {
font-size:0.9em;
font-weight: normal;
padding:5px;
color:#B6B6B6;
background-color: #4A4A4A;
width:295px;
height:20px;
margin-left:12px;
}

#friends .block {
font-size:1px;
display:block;
float:left;
width:20px;
height:20px;
margin-right:5px; 
}
	
#friends .last-block {
font-size:1px;
display:block;
float:left;
width:20px;
height:20px;
margin:0;
}


/* Verschiedenes
--------------------------------------------------*/

.clear {
float:none;
clear:both;
width:auto;
height:0;
border:0 none;
margin:0;
padding:0;
line-height:0px;
color:#f3f1e9;
background-color:inherit;
}

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

.red {
color:#B1201F;
background-color:inherit;
}

fieldset {
border:0 solid;
}

legend, legend em, #sidebar #rssfeed a span,
#topnavi li em, th,
#sidebar p#whos {
position:absolute;
top:-500px;
left:-999px;
}

img {
border:none;
}

.imgright {
float:right;
padding:0 0 10px 35px;
}

.rspace {
margin-right:20px;
}

.tspace {
padding-top:18px;
}