/*
	Voucher-City.de
*/

* {
    padding: 0;
    margin: 0;
    list-style: none;
	border: none;
}

a{
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

body {
	font: normal 100.1%/1.4em Arial,Helvetica,sans-serif;
	background: #fff url('../images/bg.png') repeat-x;
    font-size : 12px;
    text-align: center;
	line-height: 18px;
	color: #333;
	text-align: center;
}

img {
    border:0px;
}

#main{
	margin: 40px auto;
	width: 1151px;
	background: transparent;
}

#main #container{
	padding: 10px;
	float: left;
	width: 985px;
	background: #fff;
	text-align: left;	
}

* html #main #container{
	width: 995px;
}

#main #bgTop{
	height: 8px;
	overflow: hidden;
	background: transparent url('../images/bgTop.png') no-repeat;

}

#main #bgLeft{
	height: 650px;
	width: 8px;
	float: left;
	background: transparent url('../images/bgLeft.png') no-repeat;
}

#main #container #content{
	margin-top: 10px;
	background: #fff;
	width: 985px;
	float: left;
	text-align: left;
}

#main #container #content .newCoupn{
	font-size: 14px;
	font-weight: bold;
	float: left;
	border-bottom: 1px solid #ccc;
	width: 580px;
	padding-bottom: 10px;
	margin:  0 0 15px 10px;
}

#main #container #content #voucher{
	margin-left: 10px;
	float: left;
	width: 580px;
}

#main #container #content .couponHolder ul.scroll{
	float: right;
}

#main #container #content .couponHolder ul.scroll li {
	display: inline;
}

#main #container #content .couponHolder ul.scroll li a{
	padding: 2px 6px;
	background: #cb5f02;
	color: #fff;
	border: 1px solid #b5481b;
	margin-left: 1px;
}

#main #container #content .couponHolder ul.scroll li span.currentpage{
	padding: 2px 6px;
	margin-left: 1px;
}

#main #container #content .couponDetail .background,
#main #container #content #voucher .background{
	width: 275px;
	height: 116px;
	overflow:hidden;
	background: transparent url('../images/gutschein.png') no-repeat;
}

.couponDetail input{
	border:1px solid #ccc;
	width:300px;
	padding: 2px 4px;
}

.couponDetail input.submit{
	background: #dd7c08;	
	color: #fff;
	border: none;
	width: 310px;
	height: 24px;
}

.couponDetail textarea{
	border:1px solid #ccc;
	width:300px;
	padding: 2px 4px;
	height:150px;
}


.couponDetail #contactForm{
	margin-top:20px;
}

#main #container #content .couponDetail .background{
	margin-right: 15px;
	float: left;
}

#main #container #content .couponDetail a.title,
#main #container #content ul#voucher li a.title{
	color: #fff;
	margin: 16px 0 0 20px;
	float: left;
	font-weight: bold;
	width: 237px;
	font-size: 14px;
}

#main #container #content .couponDetail .text,
#main #container #content ul#voucher li .text{
	width: 141px;
	float: left;
	margin: 12px 0 0 20px;
}

#main #container #content .couponDetail .button{
	width: 153px;
	float: right;
	padding: 4px 8px;
}

* html #main #container #content .couponDetail .button{
	width: 168px;
}

#main #container #content .couponDetail ul{
	margin-top: 10px;
}

#main #container #content .couponDetail ul li .data{
	width: 165px;
	float: left;
	font-weight: bold;
}
#main #container #content .couponDetail ul li .data a{
	color: #fff;
	background: #dd7c08;
	padding: 5px;
	margin-top: 10px;
	float:left;
}

#main #container #content .couponDetail ul li{
	margin: 5px 0;
	
}

* html #main #container #content .couponDetail .text,
* html #main #container #content ul#voucher li .text{
	width: 128px;
}

#main #container #content .couponDetail .icon,
#main #container #content ul#voucher li .icon{
	float: right;
	margin: 15px 14px 0 0;
}

* html #main #container #content .couponDetail .icon,
* html #main #container #content ul#voucher li .icon{
	margin: 15px 4px 0 0;
}

#main #container #content ul#voucher li{
	float: left;
	margin-bottom: 25px;
}

#main #container #content ul#voucher li.right{
	float: right;
}

#main #container #content ul#anbieter{
	float: right;
	width: 168px;
	border: 1px solid #E2E2E2;
	border-top-color: #fff;
	overflow: hidden;
}

#main #container #content ul#anbieter li{
	float: left;
	background: transparent url('../images/dotted.gif') repeat-x bottom;
}

#main #container #content ul#anbieter li.last{
	background: none;
}

#main #container #content ul#anbieter li a{
	width: 145px;
	float: left;
	padding: 2px 0 4px 23px;
	background: transparent url('../images/anbieterArrow.png') no-repeat 11px 9px;
}

* html #main #container #content ul#anbieter li a{
	width: 188px;
}

#main #container #content #text,
#main #container #content .couponDetail{
	width: 558px;
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	float: left;
	margin: 10px;
	padding: 10px;
	display: inline;
}

#main #container #content .couponHolder {
	float: left;
	width: 590px;
}

* html #main #container #content .couponHolder {
	width: 570px;
}


#main #container #content .couponDetail{
	background: #fff;
}

#main #container #content .couponDetail .description{
	float: left;
}

* html #main #container #content #text,
* html #main #container #content .couponDetail{
	width: 580px;
}

#main #container #content #text h1,
#main #container #content .couponDetail h1{
	font-size: 16px;
	margin-bottom: 4px;
}

#main #container #content #text h2,
#main #container #content .couponDetail h2{
	font-size: 14px;
	color: #b74a1b;
	margin-bottom: 10px;
}

#main #container #content #topMenue{
	width: 760px;
	height: 37px;
	float: right;
	background: transparent url('../images/topMenueBg.png') repeat-x;
}

#main #container #content #topMenue ul li{
	float: left;
}

#main #container #content #topMenue ul li a{
	color: #fff;
	float: left;
	text-transform: uppercase;
	padding: 10px 11px 9px 9px;
	background: transparent url('../images/menueItemBg.png') no-repeat right;
}
#main #container #content #topMenue ul li a:hover{
	color: #000;
}

#main #container #content #leftSide{
	width: 215px;
	float: left;
}

#main #container #content #leftSide #search{
	width: 215px;
	height: 62px;
	background: transparent url('../images/searchBg.png') repeat-x;
}

#main #container #content .button{
	background: #9f411a;
	padding: 0 2px 2px 2px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

#main #container #content #leftSide .textField,
#main #container #content #leftSide .textField2{
	width: 179px;
	border: 1px solid #b74117;
	padding: 2px 4px;
	color: #333;
	margin: 8px 0 0 13px;
}

* html #main #container #content #leftSide .textField,
* html #main #container #content #leftSide .textField2{
	width: 189px;
}

#main #container #content #leftSide .textField2{
	margin: 3px 0 0 13px;
}

#main #container #content #leftSide .searchButton{
	float: right;
	margin: 5px 13px 0 0;
}

#main #container #content .titleBox,
#main #container #content #leftSide .titleBox{
	height: 19px;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 12px;
	margin: 10px 0 1px 0;
	width: 191px;
	background: transparent url('../images/titleBoxBg.png') repeat-x;
}

#main #container #content .nomargin{
	margin-bottom: 0;
}

* html #main #container #content #leftSide .titleBox{
	width: 215px;
}

* html #main #container #content .titleBox{
	width: 168px;
}

#main #container #content .titleBox{
	width: 146px;
	float: right;
}

#main #container #content #leftSide ul#menue{
	float: left;
}

#main #container #content #leftSide ul#menue li a{
	padding: 1px 0 2px 29px;
	float: left;
	color: #4b4b4b;
	width: 186px;
	background: #f5f4f4 url('../images/arrow.png') no-repeat 13px 8px;
	margin-bottom: 1px;
}

#main #container #content #leftSide ul#menue li a:hover{
	color: #b5481b;
}

* html #main #container #content #leftSide ul#menue li a{
	width: 215px;
}

#main #container #content #leftSide ul#empfehlungen{
	float: left;
}

#main #container #content #leftSide ul#empfehlungen li a{
	padding: 1px 0 2px 29px;
	float: left;
	color: #4b4b4b;
	width: 186px;
	background: #f5f4f4 url('../images/arrow.png') no-repeat 13px 8px;
	margin-bottom: 1px;
}

#main #container #content #leftSide ul#empfehlungen li a:hover{
	color: #b5481b;
}

* html #main #container #content #leftSide ul#empfehlungen li a{
	width: 215px;
}

#main #container #content #leftSide #newsletter{
	height: 186px;
	float: left;
	margin-top: 9px;
	width: 215px;
	background: transparent url('../images/newsletterBg.png') repeat-x;
}

#main #container #content #leftSide #newsletter .newsTitle{
	width: 190px;
	color: #fff;
	text-transform: uppercase;
	float:left;
	padding-bottom: 8px;
	margin: 8px 0 5px 12px; 
	background: transparent url('../images/newsTitleBg.gif') repeat-x bottom;
}

#main #container #content #leftSide #newsletter .newsletterNotice{
	float:left;
	font-style:italic;
	color: #fff;
	padding: 7px 0 0 13px;
	font-size: 12px;
}

#main #container #logo{
	float: left;
	width: 215px;
	height: 186px;
}

#main #container #head{
	width: 770px;
	float: left;
	height: 186px;
	background: transparent url('../images/Gutscheine-Rabatte-Aktionen.jpg') no-repeat;
}

#main #bgRight{
	height: 650px;
	width: 8px;
	float: left;
	background: transparent url('../images/bgRight.png') no-repeat;
}

#main #adsLayer {
	float:right;
	width: 120px;
	padding-top:206px;
}

#msg{
	width: 500px;
	background: #f6f6f6;
	border: 1px solid #00CC33;
	float: left;
	margin: 5px;
	padding: 8px;
	display: inline;
}

#error{
	width: 500px;
	background: #f6f6f6;
	border: 1px solid #FF0000;
	float: left;
	margin: 5px;
	padding: 8px;
	display: inline;
}

.block{
	display:block;
}

#footer {
	clear: both;
	float:left;
	margin-top: 30px;
	border-top:1px solid #E2E2E2;
	text-align:right;
	width: 976px;
	padding: 8px 5px;

}

* html #footer{
	width: 986px;
}