/* ===================================================================== */
/* = CSS STYLESHEET FUER SHOPS-MIETEN.COM ============================== */
/* = Copyright SHOPS-MIETEN.COM, RAIMUND VEIT ========================== */
/* = DATEI DARF NUR AUF SHOPS-MIETEN.COM VERWENDET WERDEN ============== */
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER SEITE */
html {
    padding: 10px;
}
body {
    background-color: #fff;
    font-family: Arial;
    color: #000000;
}
/* = RAHMEN KOMPLETT, HEADER, LOGO */
#inhalt {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px #888;
    padding: 15px;
    text-align: left;
    max-width: 1170px;
}
.header {
    background-color: #fff;
}
.logo {
    padding-bottom: 10px;
}
.logo, .img-responsive {
    margin-right: auto;
    margin-left: auto;
}
/* = SUCHFELD OBEN */
.suchfeld {
    padding: 18px 0px 0px 0px;    
}
.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child), 
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 4px 0px 0px 4px;
}
/* = SHOPKOPF BEGRUESSUNG UND INFOLINKS (WARENKORB ETC.) */
.shopkopfrahmen{
	border: 1px solid #ddd;
    border-radius: 4px;
	background-color: #F9F9F9;
	margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.shopgrussbox {
    float: right;   
}
.shopgruss {
	padding: 10px 0px 5px 0px;
	text-align: right;
}
/* = LINKS IM SHOPKOPF */
.shopgruss a, .shopkopf a {
	font-weight: normal;
	color: #0099E1;
	text-decoration: underline;
}
.shopgruss a:hover, .shopkopf a:hover {
	font-weight: normal;
	color: #ff9900;
	text-decoration: underline;
}
/* = SHOPFUSS UNTERHALB SHOP */
.shopbottom {
	border: 1px solid #ddd;
    border-radius: 4px;
	background-color: #F9F9F9;
	padding: 10px;
	text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* = LINKS IM SHOPFUSS */
.shopbottom a {
	color: #0099E1;
	text-decoration: none;
}
.shopbottom a:hover {
	color: #ff9900;
	text-decoration: underline;
}
/* = MENUESPALTE DES SHOPS UND NAVIGATION*/
.menue {
    display: block;
	background-color: transparent;
}
.menue a {
	background-color: #fff;
	display: block;
	padding: 5px 2px 5px 10px;
	margin: 0px;
	color: #0099E1;
	text-decoration: none;
    font-weight: normal;
	border-bottom: 1px solid #ddd;
}
.menue a:hover {
	background-color: #F9F9F9;
	color: #FF9900;
	text-decoration: underline;
    font-weight: normal;
}
.navbar {
    min-height: 30px !important;
}
.navbar-collapse {
    display: block;
    padding: 0px !important;
}
.navbar-collapse a {
    padding-left: 15px !important;
}
.navbar-nav {
    width: 100%;
    margin: 0px !important;
}
.leftcol-navbar-toggle {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 3px;
    padding: 9px 10px;
    margin-top: -32px;
    background-color: #0099E1;
    border: solid 1px #fff!important;
    background-image: none;
    border-radius: 4px;
}
.navbar-default .leftcol-navbar-toggle{
    border-color: #fff;
}
.leftcol-navbar-toggle .icon-bar {
    background-color: #fff;
}
.leftcol-navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.leftcol-navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}
.navbar-default .container-li-one,.navbar-default {
    border-radius: 4px;
}
.pagination {
    margin: 0px 0px 5px 0px;
}
.pagination > li > a {
    color: #0099E1;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #0099E1;
    border-color: #0099E1;
}
/* = LOGINBOX */
.loginbox {
	padding: 5px 10px 10px 10px;
    background-color: #fff;
}
.caret-right {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
/* = ALLGEMEINE LINKS IM SHOP */
a {
	font-weight: bold;
	color: #0099E1;
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}
/* = TOPRUBRIKENTRENNER IM HAUPTMENUE - STATISCHES MENUE*/
.toprubrik {
	font-weight: bold;
	background-color: #0099E1;
	color: #fff;
	padding: 5px 2px 5px 10px;
}
.toprubrik_header {
	font-weight: bold;
	background-color: #0099E1;
	color: #fff;
	padding: 5px 2px 5px 10px;
    height: 35px;
    border-radius: 4px 4px 0px 0px;
}
/* = LINKS FUER TOPRUBRIKEN IM HAUPTMENUE - DYNAMISCHES MENUE*/
.toprub a {
	font-weight: bold;
	background-color: #0099E1;
	color: #fff;
	padding: 5px 2px 5px 10px;
	border-bottom: 1px solid #fff;
}
.toprub a:hover {
	font-weight: bold;
	background-color: #ddd;
	color: #0099E1;
}
/* = SHOPAUSGABE RECHTE TABELLE */
.content {
    display: block;
	background-color: #fff;
}
/* = PRODUKTDARSTELLUNG SUCHERGEBNISSE UND KATEGORIESEITEN */
.produktauflistung {
    display: block;
	width: 100%;   
	border: 1px solid #ddd;
    border-radius: 4px;
	height: 260px;
	text-align: center;
	overflow: hidden;
}
.produkttitel {
	font-weight: bold;
    height: 30px;
    padding: 10px 10px 0px 10px;     
}
.produktbild {
	text-align: center;
	padding: 15px;
	overflow: hidden;
	height: 150px;
}
.produktpreis {
    color: #1B602B;
    font-size: 16px;
    font-weight: bold;
    clear:both;
}
.produktlink {
    width: 200px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
	font-weight: bold;
	text-decoration: none;	
}
.produktlink a {
	padding: 5px 30px 5px 30px;
    background-color: #0099E1;
	color: #fff;
	text-decoration: none;
    border-radius: 4px;	
}
.produktlink a:hover {
    background-color: #FF9900;
	color: #0099E1;
	text-decoration: none;	
}
/* ===================================================================== */
/* = PRODUKTDARSTELLUNG DETAILSEITE */
/* ===================================================================== */
.detailauflistung {
	float: left;
	padding: 12px;
	width: 100%;   
	border: 1px solid #ddd;
    border-radius: 4px;
	overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
}
.detailgalerie {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.detailtitel {
    float: left;
    font-weight: bold;
    padding-bottom: 20px;
    clear: both;
}
.linie {
    border-top: 1px solid #ddd;
}
.detailpreis {
    clear: both;
}
.versandkosten {
    clear: both;
    padding-bottom: 10px;   
}
.artikelnummer {
    clear: both;
    padding-bottom: 10px;
}
.auswahlfeld {
    clear: both;
    padding-bottom: 5px;
}
.lieferzeit {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}
.bewertung {
    float: left;
    padding-bottom: 10px;
    margin-right: 10px;
}
.bewertunglink {
    float: left;
    padding-top: 5px;
    padding-bottom: 10px;
}
.anzahl {
    clear: both;
    float: left;
    display: block;
    padding-bottom: 10px;
}
.beschreibung_titel {
    clear: both;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.warenkorb {
    display: block;
    float: left;
    padding-top: 20px;
}
.warenkorbbutton {
    width: 100%;
    background-color: #0099E1;
    color: #fff;
    border: 1px solid #0099E1;
    border-radius: 4px;
    font-weight: bold;
    padding: 6px 15px;
    text-align: center;
    cursor: pointer;
}
.warenkorbbutton:hover {
    background-color: #FF9900;
    color: #0099E1;
    border: 1px solid #FF9900;
}
/* = ALLGEMEINE AUSGABE TABELLEN */
.ausgabe{
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}
.atop {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0px 0px;
    background-color: #0099E1;
    padding: 5px;
    color: #fff;
}
.atop a, .atop a {
	color: #fff;
	text-decoration: underline;
}
.atop a:hover, .atop a:hover {
	color: #ff9900;
	text-decoration: underline;
}
.acont {
    padding: 10px;
}
.acont_bewertungen {
    width: 100%;
    padding: 0px;
}
.acontopt {
    padding: 10px;
}
.abott {
    background-color: #f9f9f9;
    padding: 4px;
}
hr{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #0099E1 -moz-use-text-color #fff;
    border-left: 0 dashed;
    border-right: 0 dashed;
    border-style: dashed;
    border-width: 1px 0;
    margin: 5px 0px 0px 0px;    
}
/* = Button */
.btn-primary {
    color: #FFF;
    background-color: #0099E1;
    border-color: #0099E1;
}
.btn-primary:hover {
    color: #FFF;
    background-color: #FF9900;
    border-color: #0099E1;
}
form {
    display: inline;
}
/* = FEHLER HINWEISE ETC */
.tippred {
    font-weight: bold;
    color: #cc0000;
}
.tippgreen {
    font-weight: bold;
    color: #339900;
}
/* = STANDARD INFO DIVS */
.infoout {
    border: 1px solid #ddd;
    background-color: #F9F9F9;
    color: maroon;
    padding: 4px;
}
/* = TOPANGEBOTEAUSGABE STARTSEITE */
.topangebotespalte {
    border: 1px solid #ddd; 
    border-radius: 4px;
}
.topangebotekopf {
    width: 100%;
    background-color: #0099E1;
    color: #fff;
    padding: 5px;
    border-radius: 4px 4px 0px 0px;
}
.topausgabetab {
    width: 100%;
    border-top: 1px solid #ddd;
    border-radius: 0px 0px 4px 4px ;
}
.toptop {
    text-align: center;
    padding: 4px 4px 0px 4px;
    color: #000000;
}
.topcont {
    text-align: center;
    width: 100%;
    padding: 4px;
    color: #000000;
}
/* = CSS FUER BB-CODE TABELLEN */
.innen {
    background-color: #d0d0d0;
}
.innend {
    background-color: #ececec;
    padding: 3px;
    color: #000000;
}
/* = ERSTE ALTERNIERENDE TABELLEN CSS ANGABE */
.innenh {
    background-color: #f9f9f9;
    padding: 3px;
    color: #000000;
}
/* = ZWEITE ALTERNIERENDE TABELLEN CSS ANGABE */
.innenh2 {
    background-color: #f4f5f7;
    padding: 3px;
    color: #000000;
}
/* = CODEBOX INFO OBERHALB CODEAUSGABE */
.pagecodeinfo {
    border: 1px solid #9a9a9a;
    background-color: #dfdfdf;
    padding: 2px;
    width: 120px;
    font-weight: bold;
    color: #000000
}
/* = CODEAUSGABEBOX */
.pagecodeinfoout {
    border: 1px solid #9a9a9a;
    background-color: #fff;
    padding: 3px;
    width: 600px;
    overflow: auto;
    margin-bottom: 10px;
}
/* = CODETEXT */
pre {
    font-family: "Courier New";
    color: #990000;
}
/* = CSS FUER BB-CODE ZITAT/HINWEISBOXEN */
.quotedl {
    margin: 5px; 
    padding: 0; 
    width: 95%;
    border: 1px solid #858585;
}
.quotedl dt {
    background-color: #f3f3f3;
    padding: 3px; 
    font-weight: bold;
    color: #4a5e9f;
    border-bottom: 1px solid #858585;
}
.quotedl dd {
    background-color: #fff; 
    padding:3px; 
    margin:0;
    color: #000000;
}
/* = LIGHTBOX GALERIE LISTE */
.lb_galerie_liste {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.lb_galerie {
    display: inline;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    padding: 5px;
    height: 45px;
    width: 62px;
    vertical-align: middle;
    text-align: center;
    margin: 5px;
}
/* = INLINE GALERIE TABELLE */
.inlinegal_tab {
    background: #ddd;
}
/* = TABELLE HINTERGRUNDFARBE BILD */
.inlinegal_pic {
    background: #fff;
} 
/* = TABELLE HINTERGRUNDFARBE VOR-ZURUECK */ 
.inlinegal_prevnext {
    background: #f1f1f1;
} 
/* = TABELLE HINTERGRUNDFARBE BILDTEXT */
.inlinegal_text {
    background:  #fff;
}
/* = PRODUKTBEWERTUNGEN */
.bewertungheader {
    width: 100%;
    float: left;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}
.bewertung_titel {
    float: left;
    margin-right: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
.bewertung_gif {
    float: left;
    margin-right: 30px;
}
.bewertung_link {
    float: left;
}
.bewertung_detail { 
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
}
.bewertung_detail_links {
    padding: 5px;
    display: block;
}
.bewertung_detail_rechts{
    padding: 5px;
    display: block;
}
.bewertung_gif_detail {
    clear: both;
}
.bewertung_name_detail {
    padding-top: 5px;
    clear: both;
}
.bewertung_datum_detail {
    padding-top: 5px;
    clear: both;
}
.bewertung_titel_detail {
    padding-left: 5px;
    clear: both;
    font-weight: bold;
}
.bewertung_text_detail {
    padding-left: 5px;
    padding-top: 5px;
    clear: both;
    font-weight: normal;
}
/* SLIDER */
.bx-wrapper .bx-viewport {
    left: 0px!important;
    border-radius: 4px;
}
.sliderbox {
    max-width: 715px;
    margin-left: auto;
    margin-right: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ddd!important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0099E1!important;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width:991px) {
    .leftcol-navbar-toggle {
        display: none;
    }
    .leftcol-navbar-collapse.collapse {
        display: block!important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        }
    .leftcol-navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
}