/*
*	Custom css
*
**/

/*Bootstrap 2 Modal Fix - TODO*/
/*
.modal { 
    position: fixed !important; 
    top: 3% !important; 
    right: 3% !important; 
    left: 3% !important; 
	bottom: 3% !important;
    width: auto !important; 
    margin: 0 !important; 
}
.modal-body { 
    max-height: 350px !important; 
    padding: 15px !important; 
    overflow-y: auto !important; 
    -webkit-overflow-scrolling: touch !important; 
 }
 */
 
.modal-body { 
    height: 60%; 
}
body {
	font-family: "continuum_medium";
}

#top-fixed-notification {
	border-bottom: 1px solid black;
}

#bndiv {
	background-color: black;
	color: #fff;
}

#srdiv {
	background-color: white;
	color: black;
	padding-bottom: 10px;
}

#mainlogo img {
	width: 100%;
	margin: 0 0 0 25px;
}

#headersearch {
	margin-top: 4%;
	border:1px solid black;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#searchfield {
	border-right:1px solid black;
	padding: 5px;
	height:41px;
}

.customsearch {
	border:none!important;
	padding: 0!important;
	margin: 0!important;
	box-shadow: none!important;
	width: 100%;
	height:30px!important;
}
#search-submit{
	background:url("../images/search.png") no-repeat;
	border: medium none;
    border-bottom-right-radius: 8px;
    cursor: pointer;
    float: right;
    height: 41px;
    width: 41px;
}
.customsearch:focus {
	box-shadow: none!important;
	border:none!important;
}

#dropdownlist {
	padding: 1px;
	/*width: 22%!important;*/
}

#dropdownlist select {
	border:none!important;
	padding: 0!important;
	box-shadow: none!important;
	width: 95%;
	margin:0 auto;
	margin-top:1%;
}

#searchbutton {
	background-color: black;
	color: white;
	width: 6%;
	height: 32px;
	float: right;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 6px;
	cursor: pointer;
	text-align: center;
}

/**/
.item{
	position:absolute;
    float: right;
	top: 51px;
	right:0;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.labelcustom {
    padding: 5px 10px;
    /*font-weight: bold;*/
    color: #fff;
    background-color: #000;
    border-top-left-radius: 8px;
    text-decoration: none;
}
.labelcustom.success {
    background-color: #000;
}

.item a p.new-labelcustom span{
  position: relative;
  content: '?';
}
.item:hover a p.new-labelcustom span{
  display: none;
}
.item:hover a p.new-labelcustom:after{
  content: '? hilfe';
  word-spacing: 50px;
}

/* EURO*/

.item3{
	position:absolute;
    clear: both;
	right: 0;
	top: 103px;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.labelcustom3 {
    padding: 5px 10px;
    /*font-weight: bold;*/
    color: #fff;
    background-color: #000;
    border-bottom-left-radius: 8px;
    text-decoration: none;
}
.labelcustom3.success3 {
    background-color: #000;
}

.item3 a p.new-labelcustom3 span{
  position: relative;
  content: '€';
}
.item3:hover a p.new-labelcustom3 span{
  display: none;
}
.item3:hover a p.new-labelcustom3:after{
  content: '€ transaktionen';
  word-spacing: 5px;
}

/* AFFILIATE */
.item2{
	position:absolute;
    clear: both;
	right: 0;
	margin-top:0 !important;
	top: 72px !important;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.labelcustom2 {
    padding: 5px 8.5px;
    /*font-weight: bold;*/
    color: #fff;
    background-color: #000;
    /*border-bottom-left-radius: 8px;*/
    text-decoration: none;
}
.labelcustom2.success2 {
    background-color: #000;
}

.item2 a p.new-labelcustom2 span{
  position: relative;
  content: '%';
}
.item2:hover a p.new-labelcustom2 span{
  display: none;
}
.item2:hover a p.new-labelcustom2:after{
  content: '% freunde werben';
  word-spacing: 5px;
}
/**/

/* sidebar */

#leftnavsidebar {

}

.navisidebar {
	margin-left: 25px;
	padding: 0!important;
	margin-bottom: 20px!important;
	/*width: 59%;*/
}

.navisidebar li {
	background-color: black;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	color: white;
	margin-bottom: 2px;
}
.navisidebar li:last-child{
	border-bottom-right-radius: 8px;
}

.navisidebar li a {
	color: white;
	padding-left: 5px;
}

.navisidebar li a:hover {
	background-color: black;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	color: white;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.navisidebar li:hover {
	
}


#leftbannercar {
	padding-left: 25px;

}

#leftimagesidebar {
	background-color: black;
	color: #fff;
	padding: 5px 10px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}

#leftimagesidebar span {
	font-weight: bold;
	letter-spacing: 1px;
}

#imgcar {
	width: 60%;
	margin-left: 20%;
	border:1px solid red;
	margin-top: 5px;
	margin-bottom: 5px;
}

#imgcoins {
	width: 20px;
	height: auto;
}


/* index.php css */

#maincontent {
	
}

#sorter {
	border:1px solid black;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom:none;
	float: right;
	padding: 0;
	margin-bottom: -10px;
}

#mainproduct {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#mainproductwrapper {
	border:1px solid black;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 10px;
	-webkit-box-shadow: 0px 3px 36px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 36px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 36px 0px rgba(0,0,0,0.75);
}
.first-box{
	-webkit-box-shadow: 0px 13px 36px 0px rgba(0,0,0,0.75) !important;
	-moz-box-shadow: 0px 13px 36px 0px rgba(0,0,0,0.75) !important;
	box-shadow: 0px 13px 36px 0px rgba(0,0,0,0.75) !important;
}
#producttitle {
	border-bottom: 1px solid black;
}

#mainfooter {
	text-align: center;
}

.crnirep1 {
	background-color: black;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	float: left;
	width: 15%;
}

.crnirep2 {
	background-color: black;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	float: right;
	width: 15%;
}

/* right sidebar actions */

#action1 span {
	background-color: black;
    border-top-left-radius: 15px;
    color: white;
    float: right;
    padding: 20px 10px;
}

#action2 span {
	background-color: black;
    border-bottom-left-radius: 15px;
    color: white;
    float: right;
    margin-top: 5px;
    padding: 20px 10px;
}

#actiondropdown span {
	background-color: black;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: white;
    margin-top: 20px;
    padding: 5px 10px 5px 12px;
    font-size: 22px;
    text-align: center;
}

#actiondropdown ul {
	background-color: black;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: white;
    font-size: 12px;
    margin-top: 60px;
    padding: 5px 10px 5px 12px;
    text-align: right;
}

.hide {
	display: none;
}

#actiondropdown ul li {
	list-style: none;
}

#actiondropdown ul a {
	text-decoration: none;
	color: white;
}

#actiondropdown ul a:hover {
	color: #828282;
}

#ibtn {
	cursor: pointer;
}

#ilist {
	display: none;
}

/*--------------
	sorter
--------------*/
.sort-input{
 min-width: 34%!important;
 border:none;
 margin-top:8px!important;
}
.form-horizontal{
    margin-bottom: 0;
}
.form-horizontal .control-group{
 margin-bottom: 0;
}
.form-horizontal .controls{
 margin-left:0;
}
#sortbutton{
 	background-color: black;
    border: 1px solid black;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    cursor: pointer;
    font-family: "continuum_medium",helvetica,arial;
    height: 47px;
    float: right;
    width:25%;
}

		#proauctionlinks li {
			list-style: none;
			padding: 3px;
			margin-bottom: 3px;
			margin-top:3px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
		}
		#leftlinks {
			text-align: left;
		}
		#leftlinks ul {
			margin: 0;
		}
		#leftlinks ul li {
			background-color: black;
			color: white;
		}
		
		#rightlinks {
			text-align: right;
		}
		#rightlinks ul {
			margin: 0px;
		}











/* responsive css custom */





    /* Large desktop */
    @media (min-width: 1200px) {
		.first-box{
			height:490px !important;
			width:48% !important;
			margin:1% !important;
		}
	}
	@media (max-width: 1199px) and (min-width: 980px){
		.first-box{
			height:490px !important;
			width:48% !important;
			margin:1% !important;
		}
	}     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
    	body {
    		padding: 0!important;
    		margin: 0!important;
    	}
		#top-fixed-notification {
			margin: 0!important;
			width: 100%!important;
		}
		#bndiv-phone {
			background-color: black;
			color: white;
			width: 100%;
			margin: 0!important;
		}

		#bnbtn {
			width: 100%;
			position: relative;
			cursor: pointer;
			background-color: black!important;
			color: white;
		}

		#bnparagraph {
			display: none;
			background-color: black;
			color: white;
			position: relative;
		}	

		#srdiv {
			
		}

		#mainlogo {
			width:90%;
			margin-left: 5%;
			height: auto;
		}
		#mainlogo img {
			margin: -50px 0 0 0!important;
		}

		.item a p.new-labelcustom span{
			display: none;
		}
		.labelcustom.success {
			display: none;
		}
		#headersearch {
			width: 90%;
			margin-left: 5%;
		}
		#searchbutton {
			/*width: 100%;*/
		}
		#responsivenav {
			background-color: black;
			color: white;
			width: 90%;
			margin-left: 5%;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding: 5px;
			font-family: "continuum_bold",helvetica,arial;
		}
		#respnavbtnP {
			text-align: center;
			margin: 0;
		}
		#resplist {
			display: none;
		}
		#resplist li {
			list-style: none;
			width: 100%;
			text-align: right;
		}
		#resplist li:hover {
			/*background-color: #828282;*/
		}
		#resplist li a {
			color: white;
		}

		/*index.php*/

		#maincontent, #proimage, #kategoriepro {
			width: 90%;
			margin-left: 5%;
		}
		#proauctionlinks {
			width: 100%;
			margin: 0;
		}
		#protitlespan {
			width: 90%;
			margin-left: 5%;
			text-align: center;
		}
		#proauctionlinks li {
			list-style: none;
			padding: 3px;
			margin-bottom: 3px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
		}
		#leftlinks {
			text-align: left;
		}
		#leftlinks ul {
			margin: 0;
		}
		#leftlinks ul li {
			background-color: black;
			color: white;
		}
		
		#rightlinks {
			text-align: right;
		}
		#rightlinks ul {
			margin: 0px;
		}
		
		/*----------------------------
			Responsive phone sorter
		----------------------------*/

		#sorter {
			border:1px solid black;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			border-bottom:none;
			margin-bottom: -10px;
			width:100%;
			padding:0;

		}
		.sort-input{
			 min-width: 34%!important;
			 border:none;
			 margin-top:8px!important;
			}
			.form-horizontal{
			    margin-bottom: 0;
			}
			.form-horizontal .control-group{
			 margin-bottom: 0;
			}
			.form-horizontal .controls{
			 margin-left:0;
			}
			6utton{
			 	background-color: black;
			    border: 1px solid black;
			    border-top-left-radius: 6px;
			    border-top-right-radius: 6px;
			    color: white;
			    cursor: pointer;
			    font-family: "continuum_medium",helvetica,arial;
			    height: 45px;
			    float: right;
			    width:25%;
			}
			.first-box{
				height:490px !important;
				width:48% !important;
				margin:1% !important;
			}
    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
    	    	body {
    		padding: 0!important;
    		margin: 0!important;
    	}
		#top-fixed-notification {
			margin: 0!important;
			width: 100%!important;
		}
		#bndiv-phone {
			background-color: black;
			color: white;
			width: 100%;
			margin: 0!important;
		}

		#bnbtn {
			width: 100%;
			position: relative;
			cursor: pointer;
			background-color: black!important;
			color: white;
		}

		#bnparagraph {
			display: none;
			background-color: black;
			color: white;
			position: relative;
		}	

		#srdiv {
			
		}

		#mainlogo {
			width:90%;
			margin-left: 5%;
			height: auto;
		}
		#mainlogo img {
			margin: -50px 0 0 0!important;
		}

		.item a p.new-labelcustom span{
			display: none;
		}
		.labelcustom.success {
			display: none;
		}
		#headersearch {
			width: 90%;
			margin-left: 5%;
		}
		#searchbutton {
			/*width: 100%;*/
		}
		#responsivenav {
			background-color: black;
			color: white;
			width: 90%;
			margin-left: 5%;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding: 5px;
			font-family: "continuum_bold",helvetica,arial;
		}
		#respnavbtnP {
			text-align: center;
			margin: 0;
		}
		#resplist {
			display: none;
		}
		#resplist li {
			list-style: none;
			width: 100%;
			text-align: right;
		}
		#resplist li:hover {
			background-color: #828282;
		}
		#resplist li a {
			color: white;
		}

		/*index.php*/

		#maincontent, #proimage, #kategoriepro {
			width: 90%;
			margin-left: 5%;
		}
		#proauctionlinks {
			width: 100%;
			margin: 0;
		}
		#protitlespan {
			width: 90%;
			margin-left: 5%;
			text-align: center;
		}
		#proauctionlinks li {
			list-style: none;
			padding: 3px;
			margin-bottom: 3px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
		}
		#leftlinks {
			text-align: left;
		}
		#leftlinks ul {
			margin: 0;
		}
		#leftlinks ul li {
			background-color: black;
			color: white;
			width: 102px;
		}
		
		#rightlinks {
			text-align: right;
		}
		#rightlinks ul {
			margin: 0px;
		}
		.first-box{
			height:500px !important;
			width:100% !important;
			margin-bottom: 4% !important;
		}
		/*----------------------------
			Responsive phone sorter
		----------------------------*/

		#sorter {
			border:1px solid black;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			border-bottom:none;
			margin-bottom: -10px;
			width:100%;
			padding:0;

		}
		.sort-input{
			 min-width: 34%!important;
			 border:none;
			 margin-top:8px!important;
			}
			.form-horizontal{
			    margin-bottom: 0;
			}
			.form-horizontal .control-group{
			 margin-bottom: 0;
			}
			.form-horizontal .controls{
			 margin-left:0;
			}
			#sortbutton{
			 	background-color: black;
			    border: 1px solid black;
			    border-top-left-radius: 6px;
			    border-top-right-radius: 6px;
			    color: white;
			    cursor: pointer;
			    font-family: "continuum_medium",helvetica,arial;
			    height: 45px;
			    float: right;
			    width:25%;
			}
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
    	body {
    		padding: 0!important;
    		margin: 0!important;
    	}
		#top-fixed-notification {
			margin: 0!important;
			width: 100%!important;
		}
		#bndiv-phone {
			background-color: black;
			color: white;
			width: 100%;
			margin: 0!important;
		}

		#bnbtn {
			width: 100%;
			position: relative;
			cursor: pointer;
			background-color: black!important;
			color: white;
		}

		#bnparagraph {
			display: none;
			background-color: black;
			color: white;
			position: relative;
		}	

		#srdiv {
			
		}

		#mainlogo {
			width:90%;
			margin-left: 5%;
			height: auto;
		}
		#mainlogo img {
			margin: -50px 0 0 0!important;
		}

		.item a p.new-labelcustom span{
			display: none;
		}
		.labelcustom.success {
			display: none;
		}
		#headersearch {
			width: 90%;
			margin-left: 5%;
		}
		#searchbutton {
			/*width: 100%;*/
		}
		#responsivenav {
			background-color: black;
			color: white;
			width: 90%;
			margin-left: 5%;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding: 5px;
			font-family: "continuum_bold",helvetica,arial;
		}
		#respnavbtnP {
			text-align: center;
			margin: 0;
		}
		#resplist {
			display: none;
		}
		#resplist li {
			list-style: none;
			width: 100%;
			text-align: right;
		}
		#resplist li:hover {
			background-color: #828282;
		}
		#resplist li a {
			color: white;
		}

		/*index.php*/

		#maincontent, #proimage, #kategoriepro {
			width: 90%;
			margin-left: 5%;
		}
		#proauctionlinks {
			width: 100%;
			margin: 0;
		}
		#protitlespan {
			width: 90%;
			margin-left: 5%;
			text-align: center;
		}
		#proauctionlinks li {
			list-style: none;
			padding: 3px;
			margin-bottom: 3px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
		}
		#leftlinks {
			text-align: left;
		}
		#leftlinks ul {
			margin: 0;
		}
		#leftlinks ul li {
			background-color: black;
			color: white;
		}
		
		#rightlinks {
			text-align: right;
		}
		#rightlinks ul {
			margin: 0px;
		}
		
		/*----------------------------
			Responsive phone sorter
		----------------------------*/

		#sorter {
			border:1px solid black;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			border-bottom:none;
			margin-bottom: -10px;
			width:100%;
			padding:0;

		}
		.sort-input{
			 min-width: 34%!important;
			 border:none;
			 margin-top:8px!important;
			}
			.form-horizontal{
			    margin-bottom: 0;
			}
			.form-horizontal .control-group{
			 margin-bottom: 0;
			}
			.form-horizontal .controls{
			 margin-left:0;
			}
			#sortbutton{
			 	background-color: black;
			    border: 1px solid black;
			    border-top-left-radius: 6px;
			    border-top-right-radius: 6px;
			    color: white;
			    cursor: pointer;
			    font-family: "continuum_medium",helvetica,arial;
			    height: 47px;
			    float: right;
			    width:25%;
			}

    }