/*
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 : #ffffff;
background-repeat: repeat-x;
background-attachment:fixed;
background-position: bottom;

}
/* umhüllt die Seite*/
#wrapper {
position : relative;
width : 850px !important;
width : 852px;
margin : 0 auto;
background : #ffffff;
}
/* Kopfteil der Seite*/
#header {
width : 850px !important;
width : 850px;
height : 115px !important;
height : 115px;
padding : 0;
position : relative;
background : transparent;
}
#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 : #000071;
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 : #000071;
}

#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*/
#menutyp1 {
padding : 0;
text-align : left;
width : 212px !important;
width : 212px;
display : block;
}
#menutyp1 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #000000;
float : left;
width : 212px !important;
width : 212px;
font-family : arial, helvetica, sans-serif;
background : #ffffff;
}
#menutyp1 li {
list-style : none;
margin-right : -1px;
}
.submenutyp1 {
background : transparent;
height : 30px;
}
#menutyp1 a {
display : block;
font-size : 11px;
width : 211px;
padding : 7px 0;
color : #000000;
background : transparent;
text-decoration : none;
margin-right : 1px;
text-align : left;
border-bottom : 1px solid #888888;
}
#menutyp1 a:hover {
background : #f5f5f5;
color : #000000;
}
#menuactivetyp1 a, #menuactivetyp1 a:hover {
background : #888888;
color : #ffffff;
font-weight : normal;
}
/* end menutyp 1*/
/* open Submenutyp 1*/
#submenuactivetyp1 a {
background : #f5f5f5;
color : #000000;
font-weight : normal;
}
#menutyp1 li a span.submenuOutputTyp1 {
padding-left : 15px;
display : block;
}
/* end Submenutyp 1*/
/* open SubSubmenutyp 1*/
#menutyp1 li a span.subsubmenuOutputTyp1 {
padding-left : 30px;
color : #888888;
}
#menutyp1 li a span.subsubmenuOutputTyp1:hover {
text-decoration : none;
}
#subsubmenutyp2 a:hover {
background : #888888;
display : block;
}
#subsubmenuactivetyp1 a.subsubmenuOutputTyp1 {
background : #ffffff;
color : #000071;
font-weight : normal;
}
#subsubmenuactivetyp1 a:hover {
background : #ffffff;
color : #888888;
}

.subsubmenuOutputTyp1 {
padding-left : 50px;
display : block;
}
/* end SubSubmenutyp 1*/

/* Block um die Navigation Typ2*/
#NaviOutBlockTyp2 {
float : left;
margin-top : 30px;
padding : 0;
text-align : left;
width : 170px !important;
width : 170px;
display : block;
}
/* open menutyp 2*/
#menutyp2 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #000000;
float : left;
width : 850px !important;
width : 847px;
font-family : arial, helvetica, sans-serif;
background : transparent;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #888888;
}
#menutyp2 li {
float : left;
list-style-type : none;
}
#menutyp2 a {
display : block;
font-size : 11px;
padding : 7px 0;
color : #000000;
background : transparent;
text-decoration : none;
margin-right : 1px;
text-align : left;
}
#menutyp2 a:hover {
background : #f5f5f5;
color : #000000;
}
#menuactivetyp2 a, #menuactivetyp2 a:hover {
background : #888888;
color : #ffffff;
font-weight : normal;
}
#menutyp2 span.menuOutputTyp2 {
padding-left : 15px;
padding-right : 15px;
}
#menuactivetyp2 span.menuOutputTyp2 {
font-weight : normal;
}
/* promotionbox  block unter menutyp 2*/
#boxOut {
float : left;
margin-top : 30px;
margin-bottom : 30px;
padding : 0;
width : 170px !important;
width : 170px;
background : transparent;
display : block;
border : 1px solid #ffffff;
}
#box {
margin-top : 0;
margin-left : 0;
width : 169px !important;
width : 170px;
display : block;
background : #ffffff;
font-size : 0.7em;
padding : 10px;
color : #3d3937;
background : transparent;
}
#box a {
color : #888888;
}
#box a:hover {
color : #000071;
}
#submenutyp2 {
padding : 0;
text-align : left;
width : 212px !important;
width : 212px;
display : block;
}
#submenutyp2 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #000000;
float : left;
width : 212px !important;
width : 212px;
font-family : arial, helvetica, sans-serif;
background : #ffffff;
}
#submenutyp2 li {
list-style : none;
margin-right : -1px;
}
.submenutyp2 {
background : transparent;
height : 30px;
}
#submenutyp2 a {
display : block;
font-size : 11px;
width : 211px;
padding : 7px 0;
color : #000000;
background : transparent;
text-decoration : none;
margin-right : 1px;
text-align : left;
border-bottom : 1px solid #888888;
}
#submenutyp2 a:hover {
background : #f5f5f5;
color : #000000;
}
#submenuactivetyp2 a {
background : #f5f5f5;
color : #000000;
font-weight : normal;
}
#submenutyp2 li a span.submenuOutputTyp2 {
padding-left : 15px;
display : block;
}
#submenutyp2 li a span.subsubmenuOutputTyp2 {
padding-left : 30px;
color : #888888;
}
#submenutyp2 li a span.subsubmenuOutputTyp2:hover {
text-decoration : none;
}
#subsubmenutyp2 a:hover {
background : #888888;
display : block;
}
#subsubmenuactivetyp2 a.subsubmenuOutputTyp2 {
background : #ffffff;
color : #000071;
font-weight : normal;
}
#subsubmenuactivetyp2 a:hover {
background : #ffffff;
color : #888888;
}
#menutyp3 {
padding : 0;
text-align : left;
width : 170px !important;
width : 170px;
display : block;
}
#menutyp3 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #ffffff;
float : left;
width : 169px !important;
width : 169px;
font-family : arial, helvetica, sans-serif;
background : #000071;
}
#menutyp3 li {
list-style : none;
margin-right : -1px;
}
.menuOutputTyp3 {
padding-left: 5px;
}
#menutyp3 a {
display : block;
font-size : 11px;
width : 168px;
padding : 4px 0;
color : #ffffff;
background : #000071;
text-decoration : none;
margin-right : 1px;
text-align : left;
border-bottom : 1px dotted #ffffff;
}
#menutyp3 a:hover {
background : #000071;
color : #e91b27;
}

#menuactivetyp3 a {
background : #000071;
color : #e91b27;
font-weight : normal;
}

#submenuactivetyp3 a {
background : #000071;
color : #e91b27;
font-weight : normal;
}
#menutyp3 li a span.submenuOutputTyp3 {
padding-left : 15px;
display : block;
}
#menutyp3 li a span.subsubmenuOutputTyp3 {
padding-left : 30px;
color : #ffffff;
}
#menutyp3 li a span.subsubmenuOutputTyp3:hover {
text-decoration : none;
}
#subsubmenutyp3 a {
color : #000000;
background : #ffffff;
text-decoration : underline;
margin-right : 20px;
}
#subsubmenutyp3 a:hover {
color : #000071;
background : #ffffff;
text-decoration : underline;
}
.subsubmenuOutputTyp3 {
padding-left : 20px;
padding-right : 20px;
}
#subsubmenuactivetyp3 a.subsubmenuOutputTyp3 {
background : #ffffff;
color : #000071;
font-weight : normal;
}
#subsubmenuactivetyp3 a:hover {
background : #ffffff;
color : #888888;
}
#menutyp4 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #000000;
float : left;
width : 850px !important;
width : 847px;
font-family : arial, helvetica, sans-serif;
background : transparent;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #888888;
}
#menutyp4 li {
float : left;
list-style-type : none;
}
#menutyp4 a {
display : block;
font-size : 11px;
padding : 7px 0;
color : #000000;
background : transparent;
text-decoration : none;
margin-right : 1px;
text-align : left;
}
#menutyp4 a:hover {
background : #f5f5f5;
color : #000000;
}
#menuactivetyp4 a, #menuactivetyp4 a:hover {
background : #888888;
color : #ffffff;
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 : #000071;
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 : #000071;
}
#submenuactivetyp4 a {
background : #ffffff;
color : #000071;
font-weight : normal;
}
#submenutyp4 span.submenuOutputTyp4 {
padding-left : 15px;
padding-right : 15px;
}
#submenuactivetyp4 span.submenuOutputTyp4 {
font-weight : normal;
color : #000071;
}
#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 : 30px;
margin-bottom : 30px;
padding : 0;
width : 200px !important;
width : 200px;
display : block;
background : #ffffff;
border : 1px solid #888888;
}
#contentNavTyp4Box, #contentNavTyp4ShopBox {
clear : left;
float : right;
position : relative;
display : block;
text-align : left;
width : 610px;
padding-top : 0;
font-size : 11px;
background : #ffffff;
margin-top : 30px;
margin-left : 0;
margin-right : 35px;
}
#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 : #000071;
font-family : arial, san-serif;
font-size : 26px;
font-weight : bold;
}
h2 {
color : #000071;
font-family :  arial, san-serif;
font-size : 22px;
font-weight : bold;
}
h3 {
color : #000071;
font-family : arial, san-serif;
font-size : 20px;
font-weight : bold;
}
h4 {
color : #000071;
font-family : arial, san-serif;
font-size : 18px;
font-weight : bold;
}
h5 {
color : #000071;
font-family :  arial, san-serif;
font-size : 16px;
font-weight : bold;
}
h6 {
color : #000071;
font-family :  arial, san-serif;
font-size : 14px;
font-weight : bold;
}
p {
padding : 0;
margin : 0;
font-size : 11px;
}
hr {
border-top : 1px dotted #000071;
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 : #000071;
}
.olist {
margin-left : 30px;
color : #000071;
}
#layer1 {
position : absolute;
z-index : 10;
top : 0;
left : 0;
border : 1px solid #000071;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}
#layer2 {
position : absolute;
z-index : 20;
top : 0;
left : 205px;
border : 1px solid #000071;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}
#layer3 {
position : absolute;
z-index : 30;
top : 0;
left : 410px;
border : 1px solid #000071;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}

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

/*Comment linie*/
.CommentLiner{border-bottom: 1px dotted #000071; 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 : #000071; background : transparent;}

/* Global Links */
a {
color : #888888;
text-decoration : none;
}
a:visited {
color : #888888;
text-decoration : none;
}
a:hover {
color : #000071;
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 : #000071; background : transparent;}

#ShopTrail {
display : block;
padding : 0;
position : absolute;
right : 0;
top : 30px;
}
#quantity input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#quantity input:focus {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#DeleteCart {
float : left;
}
#DeleteCart input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#DeleteCart input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#ContinueShoppingBtn {
margin-left : 5px;
float : left;
}
#ContinueShoppingBtn input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#ContinueShoppingBtn input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#OrderBtn {
margin-left : 5px;
float : left;
}
#OrderBtn input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#OrderBtn input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#backBtn input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#backBtn input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#emptyCart {
color : #000071;
font-family : arial, san-serif;
font-size : 16px;
font-weight : bold;
}
.BtnRight {
text-align : right;
}
.BtnRight input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
.BtnRight input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#ShoppingSteps {
position : absolute;
left : 0;
top : 0;
width : 300px;
background : transparent;
color : #000071;
font-family : arial, san-serif;
font-size : 16px;
font-weight : bold;
}
#AnzahlArtikel {
position : absolute;
right : 0;
top : 0;
background : transparent;
color : #000071;
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 : #000071;
}
#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 : #000071;
}
.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 : #000071;
}
.quantity {
color : #000071;
}
.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 : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#PersonalInfoInputs input:focus, #PersonalInfoInputs select:focus, #PersonalInfoInputs textarea:focus {
background : #f5f5f5;
color : #000071;
border : 1px solid #000071;
}
#PersonalInfoInputs input.next_confirm {
font-size : 13px;
padding : 0;
width : 80px;
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#PersonalInfoInputs input.next_confirm:hover {
background : #000071;
padding : 0;
color : #ffffff;
border : 1px solid #000071;
}
#PersonalInfoOutput {
margin-left : 110px;
padding-top : 30px;
}
#dataCheck {
position : absolute;
right : 0;
top : 0;
background : transparent;
color : #000071;
font-family :  arial, san-serif;
font-size : 16px;
font-weight : bold;
}
#backBtnStep3 {
float : left;
}
#backBtnStep3 input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#backBtnStep3 input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#cancelBtn {
margin-left : 5px;
float : left;
}
#cancelBtn input {
background : #ffffff;
color : #000071;
border : 1px solid #000071;
cursor : pointer;
}
#cancelBtn input:hover {
background : #000071;
color : #ffffff;
border : 1px solid #000071;
}
#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 #888888;
background : #ffffff;
width : 300px;
}
#bglogin input.passLog {
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
}
#bglogin input.passLog:focus {
border : 1px solid #888888;
background : #ffffff;
width : 300px;
}
#bglogin input.submitLog {
border : 1px solid #888888;
background : #f5f5f5;
width : 150px;
}
#kontakt input.text {
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
}
#kontakt input.text:focus {
border : 1px solid #888888;
background : #ffffff;
width : 300px;
}
#kontakt input.mail {
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
}
#kontakt input.mail:focus {
border : 1px solid #888888;
background : #ffffff;
width : 300px;
}
#kontakt textarea.textarea {
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
height : 250px;
}
#kontakt textarea.textarea:focus {
border : 1px solid #888888;
background : #ffffff;
width : 300px;
height : 250px;
}
#kontakt input.submitLog {
border : 1px solid #888888;
background : #f5f5f5;
width : 150px;
}
/*popup empfehlen*/
#empfehlen{text-align: left; padding: 15px;}
#empfehlen input, #empfehlenTxt{
border : 1px solid #888888;
background : #f5f5f5;
width : 300px;
font-size: 11px;
}
input#sendBtn{width : 150px;}

#footer {
display : block;
clear : both;
color : #3d3937;
padding : 15px;
border-top : 1px solid #888888;
background : #ffffff;
font-size : 11px;
text-align : left;
}
#footer a {
text-decoration : none;
color : #000000;
background : transparent;
}
#footer a:hover {
text-decoration : none;
color : #000071;
background : transparent;
}