/*
Theme Name: Bootstrap
Author: weihnachtsgeschenk.cc
Version: 1.1
Text Domain: bootstrap

*/

body {
	padding-bottom: 40px;
	color: #5a5a5a;
	font-family:Arial,Helvetica,Verdana,sans-serif !important;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	margin-bottom:10px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
	padding-right: 0;
	padding-left: 0;
}

.navbar-wrapper .navbar {
	padding-right: 15px;
	padding-left: 15px;
}

img{
	max-width:100%;
	height:auto;
}

.meta{
	font-style: italic;
	font-size:85%;
	margin:0 0 0.8em 0;
}

.alignleft{
	float:left;
	margin: 0 2em 2em 0;
}

.alignright{
	float:right;
	margin: 0 0 2em 2em;
}

.wp-caption-text{
	font-style:italic;
	font-size:90%;
}


.category_thumbnail{
	float:left;
	margin:0 1em 1em 0;
}

.pull-left {
	margin: 0 15px 15px 0;
}

.pull-right {
	margin: 0 0 15px 15px;
}

.container p {
	text-align:justify;
}

.navbar-nav > li > a {
	font-weight:bold;
	font-size:12px;
}

.navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
	background-color: #f0efef !important;
}

.navbar {
	margin-bottom:0px;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}

.navbar-footer{
	margin:40px 0 0 0 !important;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}

.navbar-brand {
	font-size:11px;
	font-weight:normal !important;
}

.rabattlogo {
	float:left;
	margin: 0 10px;
}

.col-md-4 {
	margin-top:10px;
}

.col-sm-4 p, .col-md-4 p, .col-md-6 p, .col-sm-6 p {
	text-align:center !important;
}

.dropdown-menu > .active > a:hover{
    background-color: #337ab7 !important;
    color: #fff !important;
}

.btn-danger {
    
    background-color: #efa913;
    border-color: #efa913;
    /*
        border-color: #d73339;
        background-color: #d73339;
    */
    font-weight: bold;
}

.suche {
	padding: 8px 0 10px 5px;
}


#artikelimage img, #img_text img {
    border: 3px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    margin: 5px 20px 15px auto;
    float:left;
    height: auto;
    width: 75px;
}

#img_text img {
	width: auto !important;
}


.weihnachtsboxen {
    float: left;
    margin: 3px 15px 0 0;
}

.nofloat, #nofloat, .geschenkideen-nofloat, .geschenk_breit, #rabatt, .weihnachtsboxen-nofloat {
	text-align:center;
	margin-bottom: 10px;
}

.nofloat img{
	float:none;
	margin:auto;
}

.bildfloat, .floatingbild, .floatingimage {
    float: left;
    margin: 0 8px 0 0;
}


.imagefloating img {
	width:100px;
}

.artikelbild, #artikel, .geschenk_links {
	margin: 4px 25px 10px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	float: left;
}

#artikel img {
	height: 120px !important;
}

.geschenk_links {
	margin-bottom:25px !important;
}

.artikelbildsidebar img {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}


footer {
    margin-top:20px;
    padding:10px;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.breadcrumb {
    background-color: transparent;
    list-style: outside none none;
    margin-bottom: -10px;
    padding: 8px 0px;
}    

h1.start, h2.start, h3.start, h4.start, p.start {
    text-align: center !important;
}

h4 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.tabelleohnerahmen td {
	border: none !important;
}

/* ------------ Startseite und Spezialtabellen ----------- */

.tabellestart
{
	margin: 5px 0 0 0;
}

.tabellestart img, .erlebnisbox img, .erlebnisbox_breit img, .boxen_breit_start img,  .kategorien img, .artikelbilder img, .footerbanner img, .spezialtabelle img, .geschenk_breit img {
    border: 3px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    margin: 0 auto 15px auto;
}

.artikelbilder {
	margin: 10px 0 30px 0;
}

.kategorien img, spezialtabelle img, .footerbanner img, .erlebnisbox_breit img, .boxen_breit_start img, .geschenk_breit img, .logotabelle img {
	display: block;
}

.geschenk_breit img {
	margin: 30px auto 40px auto !important;
}


.boxen_breit_start img {
	width:100%;
	margin: 20px 0 20px 0;
}

.erlebnisbox p, .rabattseite img, .terminseite img {
    text-align: justify !important;
    padding: 10px 10px 0 10px;
}

.tabellestart p, .spezialtabelle p {
    padding: 5px 10px 0 10px;
}

.tabellestarttitel {
	font-weight:bold;
	font-size: 20px !important;
	text-align: center !important;
	margin-bottom:5px;
}

.spezialtabellekasten6er {
	height:340px !important;
}

.spezialtabelletitel {
	font-weight:bold;
	font-size: 18px !important;
	text-align: center !important;
}

.spezialtabellepreis {
	text-align: center !important;
}

.logotabelle img {
	margin: 0 auto;
}

.logotabellekasten {
	margin: 20px auto;
}

.rahmenstart, .rahmenstartkleiner, .kategorien, .rabattkastenaktiv, .rabattkasteninaktiv, .terminkasten, .spezialtabellekasten, .spezialtabellekasten3nebeneinander, .spezialtabellekastensommer, .rubrikenrahmen {
    background-color: #f8f8f8;
    border-color: #fff;
    border-style: solid;
    border-width: 5px 15px;
    box-shadow: 0 0 0 1px #eae7e7 inset;
    padding: 10px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.tabellestartkasten {
	margin-top: 20px;
}	

.erlebnisbox {
    margin-top: 15px;
    margin-bottom:30px;
}

.rubrikenrahmen img {
	float: left;
	margin-right: 15px;
}

.rubrikenrahmen p {
	text-align: justify !important;
}

.rubrikenrahmen h3 {
	text-align: center;
	margin-top: 0px !important;
}

/* ------------ Rabattseite und Terminseite ----------*/


.rabattkastenaktiv {
	/*height: 270px;*/
}

.terminkasten {
	height:270px;
}

.rabattkasteninaktiv {
	height: 250px;
}

.rabattkastenaktiv p, .rabattkasteninaktiv p, .terminkasten p, .rabattkastenaktiv h3, .rabattkasteninaktiv h3, .terminkasten h3, .rabattkastenaktiv h4, .rabattkasteninaktiv h4, .terminkasten h4 {
	text-align: center;
}

.rabattkastenaktiv h3, .rabattkasteninaktiv h3, .terminkasten h3 {
	margin-top: 0px !important;
}

.rabattkastenlogo img, .terminkastenlogo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}


/* ------------ Kategorien ---------- */

.kategorien p {
	height: 50px;
	text-align: center;
    	padding: 5px 10px 0 10px;
}

.kategorienbildbegrenzer img {
	height: 152px;
	width: auto;
}

.kategorientitel {
	text-align: center;
    	padding: 5px 10px 0 10px;
}

/* ----------- Angebotstabellen ----- */

.weihnachtsgeschenktabellen {
	margin-bottom: 10px;
}

.weihnachtsgeschenktabellenpreis, .weihnachtsgeschenktabellenrabattmitpreis {
	white-space: nowrap;
	text-align: right;
}

.weihnachtsgeschenktabellenbestellen {
	vertical-align: middle !important;
	text-align: center;
}

.weihnachtsgeschenktabellenanbieter, .weihnachtsgeschenktabellenpreis, .weihnachtsgeschenktabellenrabattmitpreis {
	vertical-align: middle !important;
}


/* -------------- Sidebar -------------- */

/*Werbebanner*/
.textwidget {
/*	margin: 10px 0 10px 0;*/
}

.textwidget img {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}




ul.sidebar, ul.sidebarmobil, ul.children{
	list-style-type:none;
}

ul.sidebar {
	padding:8px;
}

ul.sidebarmobil {
	border-top: 1px solid #dee3e7;
	margin: 20px 0 0 0;
	padding:0;
}

ul.sidebarmobil li.widget_text {
	width: auto;
	border: none;
	box-shadow: none;
}

li.widget_text {
	/*margin: 25px 0;*/
}

h2.widgettitle {
	text-align: center;
	margin-top: 0px;
	padding: 4px 0 4px 0;
	background-color: #e7e7e7;
	font-size: 20px !important;
	
}

li.widget_nav_menu {
	margin: 20px auto;
	border: 1px solid #dee3e7;
    	width: 193px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

ul#menu-stadte {
	padding-left: 10px;
	list-style-type:none;
}

ul#menu-stadte li {
	border-color: #dee3e7;
	border-style: none none dotted;
	border-width: 0 0 1px;
	padding: 5px 0;
}

ul#menu-stadte a{
	font-size: 12px;
}

/* ---------------- Top10 und Menues ------------------- */

li.widget_text {
	margin: 20px auto;
	border: 1px solid #dee3e7;
    	width: 193px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

ul.top10, ul.menu {
	padding: 0 7px;
	list-style-type:none;
}

ul.top10 li, ul.menu li {
	border-color: #dee3e7;
	border-style: none none dotted;
	border-width: 0 0 1px;
	padding: 7px 0;
}

ul.top10 li img, ul.menu li img {
	float:right;
}

ul.top10 li p, ul.menu li p {
	font-size:12px;
	text-align:left !important;
}

.top10weitere p {
	margin-top: 5px;
	text-align:center !important;
	font-weigt: bold;
}

/* -------- Buttons und Auswahl ------------- */

input#weihnachtsangebote, input#weihnachtsangeboteget {
	color: white;
	margin:0 10px 24px 0;
	font-weight: bold;
	background: #4686B4;
	font-weight: bold;
	cursor:pointer;
}

input#weihnachtsangebote:hover, input#weihnachtsangeboteget:hover {
	background-color: #407BA5;
}

.bundesland {
    margin-right: 5px;
    margin-bottom:24px;
}

.stadt {
    width: 300px;
}

input#laender {
    background: none repeat scroll 0 0 #cc500e;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 24px 0;
}

input#laender:hover {
    background-color: #b9490c;
}


/*---------------------- RESPONVICE DESIGN ---------------------- */

/* --------------  AB 500 ------------------ */

@media (min-width:500px){
.navbar-brand
{
	font-size:14px;
	font-weight:bold !important;
}

input#weihnachtsangebote, input#weihnachtsangeboteget, .bundesland, .stadt {
	font-size: 18px;
}

input#weihnachtsangebote {
	margin-right: 100px;
}

.stadt {
    	margin: 30px 5px 24px 0px;
}

.bundesland {
    width: 300px;
}

h1, h2, h3, h4 {
	font-size: 16px !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.rubrikenrahmen h3 {
	font-size: 20px !important;
}


}

/* --------------  BIS 767 ------------------ */

@media (max-width: 767px) {

.rabattlogo {
    float: none;
}

}

/* --------------  BIS 768 ------------------ */



@media (max-width: 768px) {

/* hiermit werden die Menuepunkte auf beiden Seiten angezeigt*/
.dropdown-menu > li {
    float: left;
    width: 50%;
    overflow-x: hidden;
}

/* damit gibt es keine Fehler mehr beim Menue */
.dropdown-menu {
    overflow-x: hidden;
}

.brand img {
	max-width: 250px;
	height: auto;
	margin: 5px 0 5px 10px;
}

.rabattlogo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.bundesland {
    width: 300px;
}

h1, h2, h3, h4 {
	font-size: 14px !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.rubrikenrahmen {
	height: 200px;
}

.rubrikenrahmen h3 {
	font-size: 20px !important;
}

.rubrikenrahmen img {
	height: 70px;
}

.spezialtabellekasten, .spezialtabellekasten3nebeneinander {
	height:350px;
}

.spezialtabellekastensommer {
	height:300px;
}

}


/* --------------  AB 768 ------------------ */

@media (min-width: 768px) {

/* Navbar positioning foo */
.navbar-wrapper {
	margin-top: 20px;
}

.navbar-wrapper .container {
	padding-right: 15px;
	padding-left:  15px;
}

.navbar-wrapper .navbar {
	padding-right: 0;
	padding-left:  0;
}

/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
	border-radius: 4px;
}
  
.navbar-brand
{
	font-size:13px;
	font-weight:bold !important;
}

.navbar-nav > li > a
{
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ececec;
}

.brand img {
	margin: 0 20px 0 20px;
}

input#weihnachtsangebote, input#weihnachtsangeboteget,  .bundesland, .stadt {
	font-size: 18px;
}

input#weihnachtsangebote {
	margin-right: 200px;
}

.stadt {
    margin: margin: 30px 5px 24px 0px;
}

.bundesland {
    width: 300px;
}

h1, h2, h3, h4 {
	font-size: 18px !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.rubrikenrahmen h3 {
	font-size: 20px !important;
}

.rahmenstart {
    height: 280px;
}

.rubrikenrahmen img {
	height: 80px;
}

.rubrikenrahmen {
	height: 170px;
}

.spezialtabellekasten, .spezialtabellekasten3nebeneinander {
	height:350px;
}

.spezialtabellekastensommer {
	height:300px;
}

}

/* --------------  AB 992 ------------------ */

@media (min-width: 992px) {

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-brand
{
	font-size:16px;
	font-weight:bold !important;
}

.navbar-nav > li > a
{
	padding-left: 15px;
	padding-right: 15px;
	font-size:13px;
}

.bundesland, .stadt {
	float:none;
}

input#weihnachtsangebote {
	margin-right: 10px;
}

.stadt {
    margin: 30px 5px 24px 0px;
}

.bundesland {
    width: 300px;
}

h1, h2, h3, h4 {
	font-size: 22px !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.rubrikenrahmen h3 {
	font-size: 20px !important;
}

.rahmenstart {
    height: 320px;
}

.rubrikenrahmen {
	height: 200px;
}

.rubrikenrahmen img {
	height: auto;
}

.spezialtabellekasten {
	height:320px;
}

.spezialtabellekastensommer {
	height:310px;
}


.suche {
  margin-right: 10px;
  float: right;
}

}

/* --------------  AB 1200 ------------------ */

@media (min-width:1200px){

.navbar-nav > li > a
{
	font-size:17px;
}

input#weihnachtsangebote, input#weihnachtsangeboteget, .bundesland, .stadt {
	font-size: 20px;
}

.bundesland, .stadt {
    width: 330px;
}

.rahmenstart {
    height: 300px;
}

.rubrikenrahmen {
	height: 195px;
}

.spezialtabellekasten {
	height:300px;
}

.spezialtabellekasten3nebeneinander{
	height:350px;
}

.spezialtabellekastensommer {
	height:300px;
}

.suche {
  margin-right: 35px;
}

}