/*
Theme Name: CityStyleOne
Version: 0.7
Description: CityStyleOne is the first of sixteen included styles from the engine cmcitygadget
Copyright: www.bevolution.net
Author-Link: www.bevolution.net
You can modify it under the terms of the GPL
*/
/*
wrapper #a7a9ac

*/

/*if you want to work with background-images*/
/*list-style-image: url(.././_medien/yourpic.jpg)*/
/*background-image: url(.././_medien/yourpic.jpg);*/

/* Gleichberechtigung für alle Browser */
* {
margin : 0;
padding : 0;
border : 0;
}

body {
margin : 20px auto !important;
margin : 19px auto;
text-align : center;
font-size : 1.2em;
font-family : Arial, verdana, sans-serif;
height : 97%;
background : #f5f5f5;
background-position: left top;
background-attachment: scroll;
background-repeat: repeat-x;
}
/* umhüllt die Seite*/
#wrapper {
position : relative;
width : 830px !important;
width : 830px;
margin : 0 auto;
background : #ffffff;



}
/* Kopfteil der Seite*/
#header {
width : 830px !important;
width : 830px;
height : 120px !important;
height : 120px;
padding : 0;
position : relative;
background : #ffffff;
}
#FlashHeader {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
/* wird im header dargestellt - Seitentitel oder Logo-Text*/
#logotext_frontend {
position : absolute;
top : 25px;
left : 0;
z-index : 5;
}
/* der Logo-Text Hyperlink*/
#logotext_frontend a {
font-size : 4em;
font-weight : bold;
color : #ffbd43;
text-decoration : none;
}
/* der Link zum Warenkorb / Shoppingcart */
#HeadCartLink {
position : absolute;
top : 130px;
right : 20px;
z-index : 20;
}
#HeadCartLink a {
font-size : 0.7em;
color : #000000;
}
#HeadCartLink a:hover {
text-decoration : none;
color : #ffbd43;
}

#headerlinks {
position : absolute;
padding : 5px;
z-index : 10;
font-size : 10px;
text-align : right;
width : 180px !important;
width : 180px;
}
#headerlinks a {
text-decoration : none;
color : #888888;
}
#headerlinks a:hover {
text-decoration : underline;
color : #d3d3d3;
}
/* Block um die Navigation Typ1*/
#NaviOutBlockTyp1 {
float : left;
margin-top : 30px;
padding : 0;
text-align : left;
width : 212px !important;
width : 212px;
display : block;
}
/* open menutyp 1*/


#menutyp4 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #ffffff;
float : left;
width : 830px !important;
width : 830px;
font-family : arial, helvetica, sans-serif;
background : url(http://bikeclinic.de/_bilder_upload/bgbild.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border-top : 1px solid #fffff;
}
#menutyp4 li {
float : left;
list-style-type : none;
}
#menutyp4 a {
display : block;
font-size : 11px;
padding : 7px 0;
color : #ffffff;
background : transparent;
text-decoration : none;
margin-right : 1px;
text-align : left;
}
#menutyp4 a:hover {
background : transparent;
color : #ffbd43;
}
#menuactivetyp4 a, #menuactivetyp4 a:hover {
background : transparent;
color : #ffbd43;
font-weight : normal;
}
#menutyp4 span.menuOutputTyp4 {
padding-left : 15px;
padding-right : 15px;
}
#menuactivetyp2 span.menuOutputTyp4 {
font-weight : normal;
}
#submenutyp4 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #ffbd43;
float : left;
width : 847px !important;
width : 847px;
font-family : arial, helvetica, sans-serif;
background : #ffffff;
}
#submenutyp4 li {
float : left;
list-style-type : none;
}
#submenutyp4 a {
display : block;
font-size : 11px;
padding : 7px 0;
color : #000000;
background : #ffffff;
text-decoration : none;
margin-right : 1px;
text-align : left;
}
#submenutyp4 a:hover {
background : #ffffff;
color : #ffbd43;
}
#submenuactivetyp4 a {
background : #ffffff;
color : #ffbd43;
font-weight : normal;
}
#submenutyp4 span.submenuOutputTyp4 {
padding-left : 15px;
padding-right : 15px;
}
#submenuactivetyp4 span.submenuOutputTyp4 {
font-weight : normal;
color : #ffbd43;
}
#contentNavTyp4, #contentShop {
position : relative;
clear : right;
float : left;
display : block;
width : 850px;
padding-top : 0;
padding-left : 0;
text-align : left;
font-size : 11px;
background : #ffffff;
margin-top : 30px;
margin-left : 0;
}
#boxNavTyp4 {
float : right;
text-align : left;
margin-top : 15px;
margin-right : 15px;
margin-bottom : 30px;
padding : 5px;
width : 200px !important;
width : 200px;
display : block;
background : #ffffff;

}
#contentNavTyp4Box, #contentNavTyp4ShopBox {
clear : left;
float : right;
position : relative;
display : block;
text-align : left;
width : 580px;
padding-top : 0;
font-size : 11px;
background : #ffffff;
margin-top : 15px;
margin-left : 5px;
margin-right : 10px;
}
#content {
clear : right;
float : left;
position : relative;
display : block;
text-align : left;
width : 590px !important;
width : 600px;
padding : 10px;
font-size : 11px;
background : transparent;
margin-top : 0;
margin-top : 20px;
margin-left : 20px;
}


/* mpdrei on site */
.mpdrei {
background-color : #f5f5f5;
border-bottom : 1px solid silver;
border-left : 1px solid silver;
padding-left : 4px;
padding-top : 8px;
padding-bottom : 8px;
color : #000000;
margin-bottom : 5px;
}
.downloadlinkmedien {
color : #da70d6;
margin-top : 5px;
margin-right : 5px;
text-align : right;
}
.player {
float : left;
}
.movielink {
float : left;
padding-top : 3px;
padding-left : 4px;
padding-bottom : 3px;
padding-right : 4px;
border : 1px solid #000000;
background-color : #ffffff;
}
h1 {
color : #ffbd43;
font-family : arial, san-serif;
font-size : 14px;
display: inline;
}
h2 {
color : #ffbd43;
font-family : arial, san-serif;
font-size : 14px;
}
h3 {
color : #ffbd43;
font-family : arial, san-serif;
font-size : 12px;
}
h4 {
color : #ffbd43;
font-family : arial, san-serif;
font-size : 12px;
font-weight : bold;
}
h5 {
color : #ffbd43;
font-family :  arial, san-serif;
font-size : 12px;
font-weight : bold;
}
h6 {
color : #ffbd43;
font-family :  arial, san-serif;
font-size : 12px;
font-weight : bold;
}
p {
padding : 0;
margin : 0;
font-size : 11px;
}
hr {
border-top : 1px dotted #ffbd43;
border-bottom : 0;
margin-top : 0;
height : 0;
}
.tdeditor {
border-spacing : 15px;
padding : 10px;
font-size : 11px;
background-color : #ffffff;
border : 0 solid #888888;
vertical-align : top;
}
.dropright {
margin-top : 5px;
float : right;
padding-left : 15px;
padding-bottom : 5px;
}
.dropleft {
margin-top : 5px;
float : left;
padding-right : 15px;
padding-bottom : 5px;
}
.textRight {
text-align : right;
}
.textLeft {
text-align : left;
}
.textCenter {
text-align : center;
}
.blocksatz {
text-align : justify;
}
.ulist {
margin-left : 30px;
list-style-type : disc;
color : #ffbd43;
}
.olist {
margin-left : 30px;
color : #ffbd43;
}
#layer1 {
position : absolute;
z-index : 10;
top : 160;
left : 0;
border : 1px solid #ffbd43;
background : #ffffff;
width : 160px;
padding : 10px;
display : block;
}
#layer2 {
position : absolute;
z-index : 20;
top : 160;
left : 195px;
border : 1px solid #ffbd43;
background : #ffffff;
width : 160px;
padding : 10px;
display : block;
}
#layer3 {
position : absolute;
z-index : 30;
top : 160;
left : 400px;
border : 1px solid #ffbd43;
background : #ffffff;
width : 160px;
padding : 10px;
display : block;
}

/*NEWS*/
#newsDetail, #newsDetail a {font-size: 13px; font-weight : bold; color : #ffbd43; margin-bottom : 20px;}
.pubDateDetail{color : #ffbd43; background-color : #f5f5f5; width : 45px;}
#myframe {
width : 260px !important;
width : 260px;
}
/*news in box */
#boxframe{
width : 195px !important;
width : 195px;
}
/*google maps */
#map {
width : 580px;
height : 280px;
}

/*Comment linie*/
.CommentLiner{border-bottom: 1px dotted #ffbd43; margin-bottom: 15px;  margin-top: 15px;}
/* kommentarFeld bei blog */
#legende{font-size: 13px; padding: 10px;}
#fieldset {border: 1px solid #888888; padding: 15px;}

/*Bildergalerie*/
.thumbs {
text-align : center;
padding-top : 5px;
padding-bottom : 5px;
}
/*Bildergalerie Popup*/
#bildpopupGalery{text-align : center; background : transparent;}
.bildpopup, #bildpopupGalery a{font-size : 13px; color : #ffbd43; background : transparent;}

/*Bikeclinic Podcast*/
.playpod{ width: 50px; padding: 3px; border: 1px solid #ffbd43;}
.downpod{width: 50px; padding: 3px; border: 1px solid #ffbd43;}
/* Global Links */
a {
color : #888888;
text-decoration : none;
}
a:visited {
color : #888888;
text-decoration : none;
}
a:hover {
color : #ffbd43;
text-decoration : underline;
}
a:active {
color : #888888;
}

#contentShop {
position : relative;
display : block;
text-align : left;
width : 610px;
padding-top : 0;
font-size : 11px;
background : #ffffff;
margin-top : 30px;
margin-left : 20px;
margin-right : 0;
}
/*Product Img Popup Shop*/
#bildpopupshop{text-align : center; background : transparent;}
#ProductNamePup, .ProductNamePup, #ProductNamePup a{font-size : 13px; color : #ffbd43; background : transparent;}

#ShopTrail {
display : block;
padding : 0;
position : absolute;
right : 0;
top : 30px;
}
#quantity input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#quantity input:focus {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#DeleteCart {
float : left;
}
#DeleteCart input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#DeleteCart input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#ContinueShoppingBtn {
margin-left : 5px;
float : left;
}
#ContinueShoppingBtn input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#ContinueShoppingBtn input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#OrderBtn {
margin-left : 5px;
float : left;
}
#OrderBtn input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#OrderBtn input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#backBtn input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#backBtn input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#emptyCart {
color : #ffbd43;
font-family : arial, san-serif;
font-size : 16px;
font-weight : bold;
}
.BtnRight {
text-align : right;
}
.BtnRight input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
.BtnRight input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#ShoppingSteps {
position : absolute;
left : 0;
top : 0;
width : 300px;
background : transparent;
color : #ffbd43;
font-family : arial, san-serif;
font-size : 16px;
font-weight : bold;
}
#AnzahlArtikel {
position : absolute;
right : 0;
top : 0;
background : transparent;
color : #ffbd43;
font-family : arial, san-serif;
font-size : 16px;
font-weight : bold;
}
#Artikelvorhanden {
position : absolute;
left : 0;
top : 30px;
background : transparent;
padding : 2px;
background : #ffffff;
color : #ffbd43;
}
#ArtikelListingContainer {
display : block;
margin-top : 50px;
margin-left : 0;
background : transparent;
}
.CaseArt {
display : block;
background : transparent;
padding-bottom : 5px;
margin-bottom : 15px;
border-bottom : 1px solid #f5f5f5;
}
.ArtikelDescriptionCon {
display : block;
margin-left : 250px;
}
.ShopImage {
display : block;
float : left;
}
.Artikelnr {
font-weight : bold;
font-size : 14px;
background : #ffffff;
color : #ffbd43;
}
.Artikeltile {
font-weight : bold;
margin-top : 5px;
margin-bottom : 5px;
}
.ArtikelDesc {
font-weight : normal;
margin-top : 5px;
margin-bottom : 5px;
}
.ArtikelPrice {
font-weight : bold;
font-size : 14px;
}
.prev_next_step {
font-weight : bold;
font-size : 12px;
background : #ffffff;
color : #ffbd43;
}
.quantity {
color : #ffbd43;
}
.Inputlabels {
font-size : 11px;
color : #888888;
}
#PersonalInfoInputs {
margin-left : 110px;
}
#PersonalInfoInputs input, #PersonalInfoInputs select, #PersonalInfoInputs textarea {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
padding : 2px;
width : 400px;
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#PersonalInfoInputs input:focus, #PersonalInfoInputs select:focus, #PersonalInfoInputs textarea:focus {
background : #f5f5f5;
color : #ffbd43;
border : 1px solid #ffbd43;
}
#PersonalInfoInputs input.next_confirm {
font-size : 13px;
padding : 0;
width : 80px;
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#PersonalInfoInputs input.next_confirm:hover {
background : #ffbd43;
padding : 0;
color : #ffffff;
border : 1px solid #ffbd43;
}
#PersonalInfoOutput {
margin-left : 110px;
padding-top : 30px;
}
#dataCheck {
position : absolute;
right : 0;
top : 0;
background : transparent;
color : #ffbd43;
font-family :  arial, san-serif;
font-size : 16px;
font-weight : bold;
}
#backBtnStep3 {
float : left;
}
#backBtnStep3 input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#backBtnStep3 input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#cancelBtn {
margin-left : 5px;
float : left;
}
#cancelBtn input {
background : #ffffff;
color : #ffbd43;
border : 1px solid #ffbd43;
cursor : pointer;
}
#cancelBtn input:hover {
background : #ffbd43;
color : #ffffff;
border : 1px solid #ffbd43;
}
#sitemap {
clear : right;
float : left;
display : block;
width : 580px;
padding-top : 0;
font-size : 11px;
background : #ffffff;
margin-top : 30px;
margin-left : 20px;
}
.sitemap {
left : 280px;
}
.sitemap a {
text-decoration : none;
}
.youtubethumb {
float : left;
margin-bottom : 10px;
width : 140px;
height : 120px;
}
.youtubevideo1 {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 440px;
height : 370px;
}
.youtubevideo2 {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 220px;
height : 190px;
}
.youtubevideo4 {
float : left;
position : relative;
margin-bottom : 10px;
margin-right : 10px;
width : 110px;
height : 100px;
}
#clearer {
clear : left;
}
.clearer {
clear : left;
}
#bglogin input.textLog {
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
}
#bglogin input.textLog:focus {
border : 1px solid #ffbd43;
background : #ffffff;
width : 300px;
}
#bglogin input.passLog {
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
}
#bglogin input.passLog:focus {
border : 1px solid #ffbd43;
background : #ffffff;
width : 300px;
}
#bglogin input.submitLog {
border : 1px solid #888888;
background : #ffffff;
width : 150px;
}
#kontakt input.text {
border : 1px solid #888888;
background : #ffffff;
width : 300px;
}
#kontakt input.text:focus {
border : 1px solid #ffbd43;
background : #ffffff;
width : 300px;
}
#kontakt input.mail {
border : 1px solid #888888;
background : #ffffff;
width : 300px;
}
#kontakt input.mail:focus {
border : 1px solid #ffbd43;
background : #ffffff;
width : 300px;
}
#kontakt textarea.textarea {
border : 1px solid #888888;
background : #ffffff;
width : 580px;
height : 250px;
}
#kontakt textarea.textarea:focus {
border : 1px solid #ffbd43;
background : #ffffff;
width : 580px;
height : 250px;
}
#kontakt input.submitLog {
border : 1px solid #888888;
background : #ffffff;
width : 150px;
}
/*popup empfehlen*/
#empfehlen{text-align: left; padding: 15px;}
#empfehlen input, #empfehlenTxt{
border : 1px solid #888888;
background : #ffffff;
width : 300px;
font-size: 11px;
}
input#sendBtn{width : 150px;}


#links-extern{border: 2px solid #0F0F0F; background: #393939; padding:10px;}
#links-extern a{color: #666666;}
#links-extern a:hover{color: #ffffff; text-decoration: underline;}

#footer-outline{background: url(http://bikeclinic.de/_bilder_upload/footer-bg.jpg);}


#footer {
width: 830px !important; 
width: 830px; 
height: 20px;
padding: 8px 0 0 0;
vertical-align: center;
color : #000000;
background : transparent ;
background-repeat: no-repeat;
font-size : 11px;
text-align : left;
}
#footer a {
text-decoration : none;
color : #333333;
background : transparent;
}
#footer a:hover {
text-decoration : underline;
color : #333333;
background : transparent;
}