/*
Theme Name: bmw k 1100 rs
Theme URI: http://www.bmw-k1100rs.de
Description: "BMW K 1100 RS" Theme for Wordpress / created by  <a href="http://www.fabrik1design.de/">fabrik1design</a>.
Version: 1.0
Author: Ralf Kobert
Author URI: http://www.fabrik1design.de
*/


/* Reset
--------------------------------------------------*/

* {
border:0 solid;
margin:0;
padding:0;
}

html {
height:100.1%;
font-size:100.1%;
}


/* Body
--------------------------------------------------*/
body {
height:100%;
font:.8em/1.7em "lucida grande", verdana, sans-serif;
color:#adadad;
background-color: #252525;
}


/* Links
--------------------------------------------------*/
a {
color:#19335D;
background-color:inherit;
}


/* Maincontainer
--------------------------------------------------*/
#maincontainer {
position:relative;
width:870px;
margin:0 auto;
background:#252525;
color:#adadad;
}


/* Header
--------------------------------------------------*/
#header{
margin:50px 0 30px 0;
}

#header a{
font:normal 150%/1.2em georgia,"lucida grande", verdana, sans-serif;
margin: 0;
padding:0;
color:#fff !important;
background:#252525;
text-decoration: none !important;
}

#header a:hover,
#header a:active{
color: #a3a3a3 !important;
background: #252525;
}

#header a:focus{
color: #363636 !important;
background: #fff;
}

.active{
/*text-decoration:underline !important;*/
border-bottom: 2px solid #a3a3a3;
}

.white{
font:normal 100%/1.0em georgia,"lucida grande", verdana, sans-serif;
padding-left:20px;
}


/* Topnavigation
--------------------------------------------------*/

#topnavi {
height:3em;
margin:0;
padding:0;
}

#topnavi ul{
margin:0;
list-style: none;
}

#topnavi li {
float: left;
list-style-type:none;
margin:0 0 0 0;
padding:0 15px 0 0;
width:auto;
}

#topnavi li a {
display:inline;
padding:2px 2px 2px 2px;
color:#a3a3a3;
background-color:inherit;
text-decoration:none;
font-weight: normal;
}

.topnavi1 li.topnavi1active a.topnavi1current,
.topnavi2 li.topnavi2active a.topnavi2current {
color:#a3a3a3 !important;
background-color:#fff;
border-bottom: 2px solid #a3a3a3;
}

#topnavi li a:hover,
#topnavi li a:focus,
#topnavi li a:active {
color: #363636;
background-color: #fff;
}

ul li .topnavi1highlight{
color:#a3a3a3 !important;
background-color:#fff;
border-bottom: 2px solid #a3a3a3;
}

/* Container Image */

#image{
width:850px;
height:199px;
margin:25px 0 30px 0;
background-image:url(images/titleimg_01.jpg);
}


/* Container Content
--------------------------------------------------*/

#content {
/*width:690px;*/
width:850px;
min-height:300px;
margin:0;
padding:25px 0 0 0;
color:#a3a3a3;
background:#252525;
}

#content .artikel {
padding:0 0 20px 0;
}

#content .more-link {
padding:3px;
margin:0 0 0 -3px;
}

#content p {
padding:0 200px 15px 0;
}

#content p a {
margin:0 20px 18px 0;
color: #e7e7e7;
background-color:#252525;
text-decoration:none;
}

#content p a:hover {
color: #8f8f8f;
background-color:#252525;
text-decoration:none;
}

#content p a:focus {
color:#363636;
background:#FFF;
text-decoration:none;
}

#textlink {
margin:0 !important;
}

#content h1, #contentgallery h1 {
margin:0 0 20px 0;
font:normal 180%/1.2em georgia,"lucida grande", verdana, sans-serif;
}

#content h1 a {
margin:0 0 0 -3px;
text-decoration:none;
font:normal 100%/1.2em georgia,"lucida grande", verdana, sans-serif;
padding:3px;
color:#E4BA56;
background-color:inherit;
}

#content h1 a:hover {
color:#000;
background-color:#8A8A8A;
}

#content h2 {
margin:10px 0 12px 0;
font:normal 140%/1.4em georgia,"lucida grande", verdana, sans-serif;
color:#B0B0B0;
background-color:inherit;
}

#content h3 {
margin:10px 0 8px 0;
font:bold 110%/1.4em georgia,"lucida grande", verdana, sans-serif;
color:#B0B0B0;
background-color:inherit;
}

#content ul {
margin:0;
padding:0 0 25px 0;
list-style:none;
}

#content ul li {
margin:10px 0 0 0;
padding:0;
line-height:1.9em;
background:url(images/bullet_content_list.jpg) left center no-repeat;
}

#content ul li ul {
margin:0;
padding:0;
}

#content li a,
#content a {
padding:2px 2px 2px 2px;
text-decoration:none;
color:#a3a3a3;
background-color:#252525;
}

#content li a:hover,
#content li a:focus,
#content li a:active,
#content a:hover,
#content a:focus {
text-decoration:none;
color:#363636;
background-color: #fff;
}

#content a.imglink,
#content a.imglink:hover,
#content a.imglink:focus,
#content a.imglink:active,
#content a.imglink img {
color:#000;
background:inherit;
}

p.catnav a{
padding:3px;
}

ul#galerie {
margin:20px 0 0 0;
}

#content p a img {
margin:0 0 18px 0;
}

#content p.refimgkl a img{
margin:0 0 18px 0 !important;
}

#content p.gallink{
width:850px;
margin:25px 0 0 0;
}

#content p.gallink a,
#content p.refimgkl a{
padding:0;
}

#content table{
margin:10px 0 10px 0;
}

#content table a{
text-decoration:none;
color:#a3a3a3;
background-color:#252525;
}

#content table a:hover,
#content table a:focus{
color:#363636;
background-color: #fff;
}

#content table img{
border:5px solid #c1c3c0;
}

#content p img.kurioses{
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-bottom: 1px solid #484848;
border-right: 1px solid #484848;
}

/* Footer
-------------------------------------------------- */

#footer {
width:850px;
clear:both;
margin:25px 0 0 0;
padding:10px 0 6px 0;
border-top:1px solid #a3a3a3;
color:#a3a3a3;
background:#252525;
}

#footer p {
font-size:0.9em;
color:#a3a3a3;
background:#252525;
}

#footer a {
padding:3px;
text-decoration:none;
color:#e7e7e7;
background:#252525;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
padding:3px;
color:#363636;
background:#FFF;
}


/* Formulare
-------------------------------------------------*/

form {
padding:6px 0;
}

form p {
padding:6px 0;
}

form label {
color:#bababa;
background:inherit;
}

form label em {
font-style:normal;
color:#F39642;
background:inherit;
}

form input, form textarea {
width:200px;
border:1px solid #B5B5B5;
padding:3px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color: #4e4e4e;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form textarea#comment:hover,
form textarea#comment:focus {
color:#000;
background-color: #b4b4b4;
}

form textarea {
overflow:auto;
}

#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;
border-color:#FFF;
padding:3px 6px;
font-size:92.5%;
font-weight:bold;
color:#000;
background-color:#a3a3a3 !important;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus {
color:#FFF;
background-color:#8a8a8a !important;
}

#kontakt #csubject,
#kontakt textarea,
textarea#comment {
width:50%;
}


/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper {
margin:50px 0 0 70px;
padding:0 0 0 0;
}

.ddsg-wrapper ul.ddsgposts1 {
padding: 0 0 16px 0 !important;
}

.ddsg-wrapper ul li {
font-weight:bold;
background:none !important;
}

.ddsg-wrapper ul li a {
margin:0 0 0 22px;
text-decoration:none;
padding:3px;
}

.ddsg-wrapper ul li ul li a {
margin-left:42px;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 4px !important;
font-weight:normal;
background:url(images/bullet_content_list.jpg) left center no-repeat !important;
}


/* 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:absolute;
top:99px;
left:0px;
width:21em;
border: 1px solid #fff;
margin:0;
padding:0 0 0 4px;
font:bold .9em/2em "Lucida Grande", verdana, sans-serif;
text-align: left;
color: #252525;
background-color: #fff;
}

ul#skipnav li a:hover {
border:1px solid #fff;
color:#a3a3a3;
background-color:#252525;
}


/* Verschiedenes
--------------------------------------------------*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.hilite {
color: #fff;
background-color: #f93;
}

.red {
color:#F39642;
background-color:inherit;
}

fieldset {
border:0 solid;
}

legend,
legend em {
position:absolute;
top:-500px;
left:-999px;
}

#titlesecond {
padding:40px 0 0 0;
}

p.schmuck {
margin:0 40px 15px 0;
padding:10px 15px 10px 15px !important;
color:#2b2b2b;
background-color:#E0E9F5;
}

/* CSS-Stile
------------------------------------------- */
.imgright{
float:right;
margin:6px 0 0 12px;
}

.imgleft{
float:left;
margin:6px 12px 0 0;
}

.underline{
border-bottom:1px solid #000;
padding-bottom:1px;
}

/* Bullets
------------------------------------------- */
#content ul.bulltop li{
background: url(images/bullet_content_list.jpg) left .7em no-repeat;
}

#slideshow{
float:right;
padding:10px 10px 0 0;
}

#player{
float:right;
padding:10px 10px 0 0;
}

#imgnoscript{
float:right;
padding:10px 0 0 0;
}

p.refimgkl a{
margin-right:10px;
}

p.refimgkl a img{
border: 1px solid #aeaeae;
}

p.refimgkl a:hover img,
p.refimgkl a:focus img{
border: 1px solid #ff4500;
}

/* Tabellen 
---------------------------------------------------------------------------*/
#content table caption, #content table th{
display:none;
}

/* ------------------------------------------------------------------------*/
.marginbottom{
font:bold 120%/1.2em georgia,"lucida grande", verdana, sans-serif;
margin:0 0 10px 0;
}
