/*
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
*/

/*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;
text-align : center;
font-size : 1.2em;
font-family : Arial, Helvetica, sans-serif;
height : 97%;
background: #000000;
background-attachment: fixed;
background-repeat: repeat-x;
}
/* umhüllt die Seite*/
#wrapper {
position : relative;
width : 755px !important;
width : 757px;
margin : 0 auto;
background : transparent;
}
/* Kopfteil der Seite*/
#header {
width : 750px !important;
width : 750px;
height : 150px !important;
height : 150px;
padding : 0;
position : relative;
}
.header {
background-image: url(.././templates/frontend/images/header.png);
background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft. 2 AlphaImageLoader(src='.././templates/frontend/images/header.png',sizingMethod='scale');
}

* html .header
{background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.golf-lehrer.net/templates/frontend/images/header.png', sizingMethod='crop', enabled='enabled');  
}

#FlashHeader {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
/* wird im header dargestellt - Seitentitel oder Logo-Text*/
#logotext_frontend {
position : absolute;
top : 103px;
//top : 35px;
left : 0;
z-index : 5;
}
/* der Logo-Text Hyperlink*/
#logotext_frontend a {
font-size : 2em;
//font-size : 5em;
font-weight : bold;
color : #ff7f24;
text-decoration : none;
letter-spacing: 0.5em;
}
/* der Link zum Warenkorb - Shoppingcart */
.errorForm, .agberror{color : #ff7f24; font-weight: bold;}

#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 : #ff7f24;
}
#headerlinks a:hover {
text-decoration : underline;
color : #d3d3d3;
}


/* Block um die Navigation Typ2*/
#NaviOutBlockTyp2 {
float : left;
margin-top : 10px;
margin-bottom: 15px;
margin-right: 10px;
padding : 0;
text-align : left;
width : 155px !important;
width : 155px;
display : block;

}
/* open menutyp 2*/


#menutyp2Bg{
background-image: url(.././templates/frontend/images/bgglobal.png);
background-repeat: repeat x y;
top: 0px;
left: 0px;
z-index: -1;
height: 30px;
}


#menutyp2 {
position: absolute;
top: 150px;
left: 0px;
z-index: 2;
}


#menutyp2 ul {
color : #000000;
float : left;
width : 749px !important;
width : 750px;
font-family : arial, helvetica, sans-serif;
height: 30px;
}


#menutyp2 li {
float : left;
list-style-type : none;
}

#menutyp2 ul li a:hover {
background: #ffffff;
color : #FF7F24;
}
#menutyp2 a:hover {
background: #ffffff;
color : #FF7F24;
}
#menutyp2 a {
display : block;
font-size : 11px;
padding : 8px 0 !important;
font-weight: bold;
color : #ffffff;
text-decoration : none;
margin-right : 1px;
text-align : left;
}

#menuactivetyp2 a {
background : #ffffff;
color : #FF7F24;
font-weight : bold;
}
#menutyp2 span.menuOutputTyp2 {
padding-left : 15px;
padding-right : 15px;
}
#menuactivetyp2 span.menuOutputTyp2 {
font-weight : bold;
}
#menutyp2 ul li.menutyp2Cart a{ padding: 0px; color: #fff; text-align: right; display: inline; position: absolute; top: -25px; right: -5px; width: 135px;}
#menutyp2 ul li.menutyp2Cart a:hover{color: #FF7F24; background: transparent;}

/* promotionbox  block unter menutyp 2*/
#boxOut {
padding : 0;
width : 155px !important;
width : 155px;
background : transparent;
display : block;
background-image: url(.././templates/frontend/images/bgglobal.png);
background-repeat: repeat x y;
}
#box {
margin-top : 0;
margin-left : 0;
width : 165px !important;
width : 144px;
display : block;
background : #ffffff;
font-size : 11px;
padding : 10px;
color : #fff;
background : transparent;
}
#box a {
color : #ff7f24;
}
#box a:hover {
color : #ff7f24;
}
#submenutyp2 {
padding : 0;
text-align : left;
width : 155px !important;
width : 155px;
display : block;


}
#submenutyp2 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #000000;
width : 155px !important;
width : 155px;
font-family : arial, helvetica, sans-serif;
background-image: url(.././templates/frontend/images/bgglobal.png);
background-repeat: repeat x y;
}
#submenutyp2 li {
list-style : none;
margin-right : -1px;
}

#submenutyp2 a {
display : block;
font-size : 11px;
font-weight: bold;
width : 155px;
padding : 8px 0;
color : #fff;
background : transparent;
text-decoration : none;
margin-right : 1px;
text-align : left;
}
#submenutyp2 a:hover {
background : #ffffff;
color : #ff7f24;
}
#submenuactivetyp2 a {
background : transparent;
color : #ff7f24;
font-weight : bold;
}

#submenutyp2 li a span.submenuOutputTyp2 {
padding-left : 15px;
display : block;
}
#submenutyp2 li a span.subsubmenuOutputTyp2 {
padding-left : 30px;
color : #ff7f24;
}
#submenutyp2 li a span.subsubmenuOutputTyp2:hover {
text-decoration : none;
background : transparent;
color : #ff7f24;
}
#subsubmenutyp2  li a span.subsubmenuOutputTyp2 a:hover {
display : block;
color : #ff7f24;
}
#subsubmenuactivetyp2 a.subsubmenuOutputTyp2 {
background : transparent;
color : #ffffff;
font-weight : normal;
}
#subsubmenuactivetyp2 a:hover {
background : transparent;
color : #ff7f24;
}
#content {
float : left;
position : relative;
display : block;
text-align : left;
line-height: 1.5em;
width : 570px !important;
width : 592px;
padding : 10px;
font-size : 11px;
margin-top : 0;
margin-top : 10px;
margin-left : 0px;
background-image: url(.././templates/frontend/images/bgglobal.png);
background-attachment: repeat x y;
top:0px; 
color: #fff;
}
#content a{color: #ffffff;
text-decoration: underline;}

#content a:hover{color: #ff7f24; background: #ffffff;
text-decoration: none;}

.borderGaly{border: 1px solid #fff;}

/* mpdrei on site */
.mpdrei {
background-color : #fff;
border-bottom : 1px solid #ff7f24;
padding-left : 4px;
padding-top : 8px;
padding-bottom : 8px;
color : #000000;
margin-bottom : 5px;
}
.downloadlinkmedien {
color : #ff7f24;
margin-top : 5px;
margin-right : 5px;
text-align : right;
}
.downloadlinkmedien a:hover{background-color : #ff7f24; color: #000;}

.player {
float : left;
}
.movielink {
float : left;
padding-top : 3px;
padding-left : 4px;
padding-bottom : 3px;
padding-right : 4px;
border : 1px solid #000000;
background-color : #ff7f24;
}
h1 {
color : #fff;
font-family : arial, san-serif;
font-size : 13px;
font-weight : bold;
}
h2 {
color : #fff;
font-family :  arial, san-serif;
font-size : 13px;
font-weight : bold;
}
h3 {
color : #fff;
font-family : arial, san-serif;
font-size : 13px;
font-weight : bold;
}
h4 {
color : #fff;
font-family : arial, san-serif;
font-size : 13px;
font-weight : bold;
}
h5 {
color : #fff;
border-bottom:  #ff7f24;
font-family :  arial, san-serif;
font-size : 13px;
font-weight : bold;
}

h5 a{
color : #fff;
font-family :  arial, san-serif;
font-size : 13px;
font-weight : bold;
}
h6 {
color : #fff;
font-family :  arial, san-serif;
font-size : 13px;
font-weight : bold;
}
p {
padding : 0;
margin : 0;
font-size : 11px;
}
hr {
border-top : 1px solid #fff;
border-bottom : 0;
margin-top : 0;
height : 0;
}
.tdeditor {
border-spacing : 15px;
padding : 10px;
font-size : 11px;
background-color : #ffffff;
border : 0 solid #ff7f24;
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 : #fff;
}
.olist {
margin-left : 30px;
color : #ff7f24;
}
.licolor{color: #fff;}

#layer1 {
position : absolute;
z-index : 10;
top : 0;
left : 0;
border : 1px solid #ff7f24;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}
#layer2 {
position : absolute;
z-index : 20;
top : 0;
left : 205px;
border : 1px solid #ff7f24;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}
#layer3 {
position : absolute;
z-index : 30;
top : 0;
left : 410px;
border : 1px solid #ff7f24;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}

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

/*Comment linie*/
.CommentLiner{border-bottom: 1px solid #fff; margin-bottom: 15px;  margin-top: 15px;}
/* kommentarFeld bei blog */
#legende{font-size: 13px; padding: 10px;}
#fieldset {border: 1px solid #fff; 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 : #ff7f24; background : transparent;}

/* Global Links */


#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 : #ff7f24; background : transparent;}

#ShopTrail {
display : block;
padding : 0;
position : absolute;
right : 10px;
top : 30px;
}
#quantity input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : text;
}
#quantity input:focus {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
cursor : text;
}
#DeleteCart {
float : left;
z-index: 33;
}
#DeleteCart input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;

}
#DeleteCart input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#ContinueShoppingBtn {
margin-left : 5px;
float : left;
}
#ContinueShoppingBtn input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
#ContinueShoppingBtn input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#OrderBtn {
margin-left : 5px;
float : left;
}
#OrderBtn input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
#OrderBtn input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#backBtn input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
#backBtn input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#emptyCart {
color : #ff7f24;
font-family : arial, san-serif;
font-size : 12px;
font-weight : bold;
}
.BtnRight {
text-align : left;
margin-top: 10px;
}
.BtnRight input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
.BtnRight input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#ShoppingSteps {
position : absolute;
left : 10;
top : 10;
width : 300px;
background : transparent;
color : #fff;
font-family : arial, san-serif;
font-size : 12px;
font-weight : bold;
}
#AnzahlArtikel {
position : absolute;
right : 10;
top : 10;
background : transparent;
color : #fff;
font-family : arial, san-serif;
font-size : 12px;
font-weight : bold;
}
#Artikelvorhanden {
position : absolute;
left : 10px;
top : 65px;
background : transparent;
padding : 2px;
background : none;
color : #ff7f24;
}
#ArtikelListingContainer {
display : block;
margin-top : 50px;
margin-left : 0;
background : transparent;
}
.CaseArt {
display : block;
background : transparent;
padding-bottom : 5px;
margin-bottom : 15px;
}
.ArtikelDescriptionCon {
display : block;
margin-left : 250px;
}
.ShopImage {
display : block;
float : left;
border: 1px solid #fff;
}
.Artikelnr {
font-weight : bold;
font-size : 14px;
background : transparent;
color : #ff7f24;
}
.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 {
position: absolute;
top: 55px;
left: 10px;
font-weight : bold;
font-size : 12px;
background : transparent;
color : #fff;
}
.quantity {
color : #ff7f24;
cursor: text;
}
#Inputlabels {
display: block;
font-size : 11px;
color : #fff;
position: absolute;
top: 35px;
left: 10px;
}
#PersonalInfoInputs {
margin-left : 0px;
}
#PersonalInfoInputs input, #PersonalInfoInputs select, #PersonalInfoInputs textarea {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
padding : 2px;
width : 400px;
background : #ffffff;
color : #262626;
border : 1px solid #ff7f24;
cursor : text;
}
#PersonalInfoInputs input:focus, #PersonalInfoInputs select:focus, #PersonalInfoInputs textarea:focus {
background : #fff;
color : #ff7f24;
border : 1px solid #fff;
}
#PersonalInfoInputs input.next_confirm {
font-size : 13px;
padding : 0;
width : 80px;
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
#PersonalInfoInputs input.next_confirm:hover {
background : #ff7f24;
padding : 0;
color : #ffffff;
border : 1px solid #ff7f24;
}
#PersonalInfoOutput {
margin-left : 0px;
padding-top : 30px;
}
#dataCheck {
display: block;
font-size : 11px;
color : #ff7f24;
position: absolute;
top: 35px;
left: 10px;
}
#backBtnStep3 {
float : left;
}
#backBtnStep3 input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
#backBtnStep3 input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#cancelBtn {
margin-left : 5px;
float : left;
}
#cancelBtn input {
background : #ffffff;
color : #ff7f24;
border : 1px solid #ff7f24;
cursor : pointer;
}
#cancelBtn input:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
}
#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;
}

.floater {
float : left;
}
.clearerR{
clear : right;
}

#bglogin input.textLog {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#bglogin input.textLog:focus {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#bglogin input.passLog {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#bglogin input.passLog:focus {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#bglogin input.submitLog {
border : 1px solid #ff7f24;
background : #f5f5f5;
width : 150px;
}
#kontakt input.text {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#kontakt input.text:focus {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#kontakt input.mail {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#kontakt input.mail:focus {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
}
#kontakt textarea.textarea {
border : 1px solid #ff7f24;
background : #fff;
width : 300px;
height : 250px;
}
#kontakt textarea.textarea:focus {
border : 1px solid #ff7f24;
background : #ffffff;
width : 300px;
height : 250px;
}
#kontakt input.submitLog {
border : 1px solid #ff7f24;
background : #fff;
width : 150px;
}
/*popup empfehlen*/
#empfehlen{text-align: left; padding: 15px;}
#empfehlen input, #empfehlenTxt{
border : 1px solid #ff7f24;
background : #fff;
width : 300px;
font-size: 11px;
}

.newsletter{
margin: 0 0 1px 0;
border: 1px solid #ff7f24;
color: #ff7f24;
background: #fff;
}

input.newsletter{font-weight: 11px;}

.newsletterBtn{
margin: 0 0 1px 0;
border: 1px solid #ff7f24;
color: #ff7f24;
background: #fff;
font-size: 11px;
}
.newsletterBtn:hover {
background : #ff7f24;
color : #ffffff;
border : 1px solid #ff7f24;
cursor : pointer;
}
input#sendBtn{width : 150px;}
#alter{display: none;}


#footer {
display : none;
clear : both;
color : #3d3937;
padding : 15px;
background : transparent;
font-size : 11px;
text-align : left;
}
#footer a {
text-decoration : none;
color : #000000;
background : transparent;
}
#footer a:hover {
text-decoration : none;
color : #ff7f24;
background : transparent;
}

#print{display: block;}