/* Beginn Allgemeines */

* {
    padding:0;
    margin: 0;
    /*position:relative;*/
    outline:0;
}

body {
    color: #222;
	font-size: 14px !important;
	font-family: 'Open Sans', 'Tahoma', 'Arial', 'Helvetica', sans-serif !important;
	background-color: #bddbf3;
}

.container {
	position:relative;
}

.page-container {
  max-width:1100px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin:0 auto;
  border:0 solid #eee;
  border-left-width: 1px;
  border-right-width: 1px;
}

.nobr {
    white-space: nowrap;
}

.mainpanel {
    background:#fff;
    padding-bottom:0;
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal {
    z-index:999999;
}

#logo {
	margin:15px 0 25px -10px;
}

.uwsstadt {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 6px;
	font-size: 2.2em;
	color: #fff;
	font-weight: bold;
	text-shadow: -1px -1px 2px #000, 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000;
}

#hotline {
	position:absolute;
	top:35px;
	right:15px;
	color:#444;
	font-size:0.8em;
}

#banner_rotation {
	background:#BDDBF3;
	position:fixed;
	bottom:0;
	z-index:999999;
}

#banner_rotation img {
	background:#fff;
}

.uwsimg h3 {
	margin: 15px;
}

.nophonewrapper {
	padding: 0;
}

.nophone {
	font-size: 4.5em;
	margin-top: 25px;
	color: #c53407;
}

.uwshead {
	padding: 15px;
}

.uwsicon {
	font-size: 7vw;
}

.product {
    padding-bottom: 60px;
    position: relative;
}

.productdetails {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.noliststyle {
    margin:0;
    list-style-type: none;
}

#soziales img {
    vertical-align: top;
}

#footer {
/*
    box-shadow: 0 0 3px rgba(88, 88, 88, 0.5);
    border-top:1px solid #bbb;
*/
    border-top:1px solid #000;
    background-image: -webkit-linear-gradient(top, #444 0%, #666 90%);
    background-image: linear-gradient(to bottom, #444 0%, #666 90%);
    color:#eee;
    padding-top:15px;
    padding-bottom:15px;
    line-height:1.8em;
}
#footer a {
    color:#eee !important;
    display: inline-block;
}

@media (min-width: 1100px) {
	.uwsheader {
		height: 190px;
	}
}

@media (min-width: 768px) {
    .sm-right {
        text-align: right;
    }
		
    .sm-right .stars {
        right:15px;
    }
	.container {
		width:100%;
		padding:0;
	}
	body {
		background: #bddbf3 url('../images/master2/background.jpg') top center no-repeat !important;
	}
    #main {
        padding-bottom:90px;
    }
    #banner_rotation {
		height:90px;
                width:100%;
		max-width:990px;
		margin-left:-5px;
		box-shadow: 0px -5px 4px -5px #666;
    }
	
    .banner_bottom { height:80px; }
    .sm-no-padding-left { padding-left:0; }
	
	.applinks {
		width: 30%;
		float: left;
		padding-top: 10px;
		padding-right: 10px;
	}
	
	.uwsimg {
		padding: 0;
	}

	.androidlink {
		padding: 12px 0 0 0;
	}

	.stadtsearch {
		padding-left: 0;
	}
}
@media (min-width: 992px) {
	.container {
		width:980px;
	}
	
		.uwsinfo {
		height: 124px;
	}
	
	.uwsheader {
		width: 677px;
		margin-right: 15px;
		margin-left: 0px;
}
	
}

@media screen and (max-width: 1099px) {
	#fam {
		display: none;
	}
	
	.uwsheader {
		width: 100% !important;
	}
}

@media screen and (max-width: 767px) {
	.container {
		width:100%;
		padding:0;
	}
	#logo, #hotline, .xs-hidden {
		display:none;
	}
	
	.uwsheader {
		max-width: auto;
	}

	.uwsstadt {
		bottom: 10px;
		font-size: 1.5em;
}
		
    .navbar-top {
        left: 0 !important;
        position: fixed !important;
        top: 0 !important;
        width: 100%;
        z-index: 999999;
    }
    #main {
        margin-top:55px;
        padding-bottom:70px;
    }
    #banner_rotation {
		height:70px;
		width:100%;
		background:#ddd;
	}
	.banner_bottom { height:60px; }
    #shareto {
        display:none !important;
    }
    .xs-margin-bottom { 
		margin-bottom:8px !important;
	}
	#uwelt-searchform .uweltsearch-width-25 {
		width:25px;
	}
	#uwelt-searchform form {
		padding-top:0 !important;
	}
	
	.minborder {
		padding-left: 0;
		padding-right: 0;
	}
	
	.uwsicon {
		font-size: 14vw;
	}

  #branchenbuch_details .details img,
  .blog_text img {
      width: 100% !important;
      height: auto !important;
      margin: 10px 0 !important;
      padding:0 !important;
  }
  .mainpanel {
	margin-top:50px;
	position:relative;
	z-index:1;
  }
  .no-padding-xs {
	padding:0 !important;
  }
  
  #content, .page-container {
	border:0;
  }
  
  #footer a {
	margin-bottom:8px;
  }
}

#branchenbuch_details .details img,
.blog_text img {
    max-width: 100% !important;
    height:auto !important;
}

#main {
	background:#fff;
	box-shadow: 0 0 4px #aaa;
}

.border-left {
	border-left:1px solid #ddd;
}
.border-right {
	border-right:1px solid #ddd;
}
.border-top {
	border-top:1px solid #ddd;
}
.border-bottom {
	border-bottom:1px solid #ddd;
}
.light {
	color:#888;
}
.gold {
	color:#b38a18;
}
#main ul,
#main ol,
#main p {
    padding:5px 0;
    margin:0;
}

li {
    margin-left: 20px;
}

.dropdown-menu > li,
.pagination > li {
    display: inline;
    margin-left: 0;
}

a.toofferer {
    background-image: linear-gradient(to bottom, #fefefe 0%, #e0e0e0 100%);
    background-repeat: repeat-x !important;
    border: 1px solid #aaa;
    border-radius: 3px !important;
    box-shadow: 1px 1px 3px #888;
    color: #2887c2 !important;
    display: block;
    font-size: 1.3em !important;
    font-weight: bold !important;
    margin-bottom: 45px;
    margin-top: 10px;
    padding: 6px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #fff;
}

#shareto {
	float: right;
	margin: 0 0 0 0;
	text-align: right;
	color: #888;
	font-size: 1em;
	font-weight: normal;
	display: inline;
}

#shareto span {
	top: 0 !important;
}

.searchbar_stadt {
	padding-left: 0;
	padding-right: 0;
}

#searchbar .togglebutton,
#searchbar form {
	padding:8px 0;
}

#footer {
	padding-bottom:15px;
}

#footer a {
	color:#444;
}

.dropdown-menu {
	z-index: 999999;
}

.caroufredsel_wrapper {
	left: 0 !important;
	height: 540px !important;
	width: 133px !important;
}

#breadcrumbs {
	font-weight: bold;
        padding:5px 15px 3px;
        background:#eee;
}

#breadcrumbs a {
	color: #888;
	font-weight: normal;
}

#searchbar {
}

.greyalpha {
	background: #d0d0d0;
	border-bottom:1px solid #bbb;
}

.modal-backdrop {
	z-index: 999998;
}
.modal-dialog {
	z-index: 999999;
}

#searchbar.searchbar_shopping {
    background:url('../images/master2/searchbar_products.png');
}

#searchbar.searchbar_branchen {
    background:url('../images/master2/searchbar_partner.png');
}

#searchbar .input-group {
    margin-bottom:0;
}

#footer ul, #footer li {
    list-style-type:none;
}

.btn:hover {
    text-decoration:none;
}

.tag {
    margin-bottom:4px;
}

.schlagwort {
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2;
}

.schlagwortbox {
	position: absolute;
	bottom: 0;
	padding: 15px;
	height: 120px;
	width: 100%;
}

.shadowtext {
	text-shadow: 0px 0px 10px black;
}

.bottom-right {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

@media (max-width: 333px) {
	#goldsparkarte {
		height: 145px;
	}
}

@media (max-width: 991px) {
        .footer-left {
                text-align: center;
        }

        .footer-right {
                text-align: center;
        }
		
		.nophone {
			font-size: 3.2em;
		}
		
		.uwsheader {
			max-width: auto;
		}
}

.flag {
	border-color: #428bca;
}

hr {
	border: 1px solid #eee;
}

#header_konto {
	font-weight: bold;
	font-size: 1.4em;
}

.panel-collapsable a:after {
    font-family:'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: grey;
}
.panel-collapsable a.collapsed:after {
    content:"\e114";
}

#your_avatar {
    border:1px #ccc solid;
    border-radius:4px;
    overflow:hidden;
    width:182px;
    height:182px;	
    margin-right:10px;
    margin-bottom:10px;

}

#avatarupload {
    display:none;
    position:absolute;
    top:60px;
    left:220px;
    z-index:99999;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow: 0 0 6px 2px #666;
    padding: 15px;
    background:#fff;
}

.line {
	padding: 8px;
	height: 36px;
}

.lineedit{
	padding: 8px;
	height: 50px;
}

.linetwo {
	background-color: #f9f9f9;
}

#konto-sidebar .btn {
    text-align: left; width: 100%; margin-top: 10px;
}

.no-padding {
    padding:0 !important;
}

.alert .alert {
	margin-bottom: 0px;
}


@media (max-width: 767px) {
    #avatarupload {
        position:absolute;
        top:60px;
        left:20px;
    }
	.applinks {
		padding: 15px;
	}
	
	.uwsimg {
		padding: 0 0 15px 0;
	}
	
	#uwelt-searchform {
		display:none;
	}
}