/*WebDesignAndSuch.com*/
@charset "UTF-8";
body {
/*	font-family:Palatino, Baskerville, Georgia, serif;
*/	
    /*background:#190121;*/
	margin: 0; 
	padding: 0;
	text-align: center; 
	/*overflow:hidden;*/
/*	color: #000000;*/
}
 #container {
	/*width: 780px;  */
/*	background: #FFFFFF;*/
	margin: 0 auto; 
	font-size:14px;
	text-align: left; 
}
#mainContent {
	padding: 0 60px;
	/*min-height:600px;*/
	line-height:25px
}
img {border:0px}
/*LINKS*/
#mainContent #mainContent {color:#fff; text-decoration:none; font-size:18px;  padding:5px; -webkit-border-radius:10px;
-moz-border-radius:10px}
#popUpDiv a{
text-decoration:none; 
/*font-size:18px;*/ 
/*padding:5px;*/ 
/*-webkit-border-radius:10px;*/
/*-moz-border-radius:10px;*/ 
float:right; 
margin: -19px 0px 0 8px;
}
/*#mainContent a:hover, #mainContent a:active {text-decoration:none; font-size:18px; padding:5px; -webkit-border-radius:10px;
-moz-border-radius:10px}
*//*STYLES FOR CSS POPUP*/
#blanket {
   background-color:#111;
  /* opacity: 0.65;*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";/*IE8*/ opacity:.65;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
   height:10px;
}
#popUpDiv {
	position:fixed;
	/*background:url(pop-back.jpg) no-repeat;*/
	width:892px;
	float:left;
	height:281px;
	/*border:7px solid #CCC;*/
	z-index: 9002;
	margin: 110px 0 0 45px;
	/*border-radius:10px 10px 10px 10px;*/
	/*background-color:#FFF;*/
	/*top:224px !important;
	left:275px !important;*/
}
#popUpDiv a {position:relative; top:20px; /*left:20px*/}


<!-- Myregional Hallo Main Page Design -->
#container{
	margin:0 auto;
	width:812px;
}
#content-container {
    
    float:left;
    height: 700px;
    width: 860px;
	position:relative;
	margin:0 auto;
}
#top-image-container{
	background: url(../images/myregional/top.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 101px;
	margin: 24px 0 0 18px;
    position: relative;
    width: 655px;
	}
.top1-label{
	font-size: 13px;
    margin: 6px 0 0 33px;
    position: absolute;
	text-align: left;
    top: 3px;
	left: 0;
	}
.top2-label{
	font-size: 13px;
    margin: 3px 0 0 70px;
    position: absolute;
	top:40px;
	left:0px
	}
.top2-label-span{
    font-size: 15px;
    font-weight: bold;
}

#neu-image {
    float: left;
	margin: 26px 0 0 50px;
}
#content1 {
	float: left;
    margin: 27px 0 0 100px;
    position: absolute;
}
#content2 {
	float: left;
    margin: 193px 0 0 100px;
    position: absolute;
	}
#content-image1{
   	float: left;
    margin: 106px 0 0 116px;
}
#content-image2{
	float: left;
    margin: 108px 0 0 35px;
	}
#myregional{
    margin: 249px 0 0 342px;
    position: absolute;
}
#right-register{
	background:url(../images/myregional/du-bist.png) no-repeat scroll 0 0 transparent;
	float: right;
    height: 86px;
    left: 460px;
    position: absolute;
    top: 367px;
    width: 242px;
}
.right-register-content{
	font-size: 11px;
    font-weight: bold;
    margin: 4px 0 0 -23px;
}
.right-register-button{
	background:url(../images/myregional/register.png) no-repeat scroll 0 0 transparent;
	height: 41px;
    margin: 5px 0 0 -13px;
    width: 175px;
}
.right-register-button-label a{
	font-size: 11px !important;
    font-weight: bold !important;
    margin: 18px 0 0 22px !important;
    position: absolute !important;
	text-decoration:none !important;
	color:#000 !important;
}
#right-facebook {
	background:url(../images/myregional/face-bg.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 106px;
    position: absolute;
    width: 238px;
	top:456px;
	left:460px;
}
.facebook-content{
	margin: 12px 0 0 1px;
    position: absolute;
}
.facebook-label{
	font-size:11px;
	font-weight:bold;
	width: 200px;
	position: absolute;
}
.facebook-label-span{
	float: left;
    font-size: 11px;
    font-weight: bold;
    left: -11px;
	position: absolute;
    top: 14px;
    width: 223px;
	}
.facebook-btn{
	cursor: pointer;
    height: 31px;
    position: absolute;
    width: 115px;
	top: 58px;
    width: 115px;
	left:29px;
}
#right-phone{
	background:url(../images/myregional/phone-bg.png) no-repeat scroll 0 0 transparent;
	bottom: 140px;
    float: left;
    height: 194px;
    left: 10px;
    position: absolute;
    width: 195px;
}
.right-phone-content{
    margin: 9px 0 0 14px;
    position: absolute;
}

.right-phone-label{
	margin:0 0 0 5px;
    font-size:11px;
    font-weight:normal;
}
.right-phone-label-span{
	font-size: 11px;
    font-weight: normal;
    left: -7px;
    position: absolute;
    top: 15px;
    width: 167px;
	}
.right-phone-ipad{
	/*background:url(../images/myregional/iphone.jpeg) no-repeat scroll 0 0 transparent;*/
	/*border: 2px solid #666666;*/
    /*border-radius: 5px 5px 5px 5px;*/
	/*height: 70px;*/
    left: -5px;
    position: absolute;
    top: 46px;
    /*width: 70px;*/
}
.myreg{
background:url(../images/myregional/myreg.png) no-repeat scroll 0 0 transparent;
float:left;
width:180px;
height:115px;
left: 236px;
position: absolute;
top: 369px;
}
.right-phone-tick{
	/*background:url(../images/myregional/mach.png) no-repeat scroll 0 0 transparent;*/
	float: left;
    height: 24px;
    left: 10px;
    position: absolute;
    top: 145px;
    width: 24px;
	}
.right-phone-zum{
	background:url(../images/myregional/weiter.png) no-repeat scroll 0 0 transparent;
	height: 27px;
    left: 35px;
    position: absolute;
    top: 143px;
    width: 135px;
	}
.right-phone-button-label a{
	font-size: 11px !important;
    position: absolute !important;
	text-decoration:none !important;
	color:#000 !important;
	margin:-21px 0 0 0px !important;
}
#content-bottom-container {
    float: left;
    width: 1000px;
	position:relative;
}
#email-add {
    background:url(../images/myregional/bg.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 90px;
    margin: 1px 0 0 -27px;
    position: relative;
    width: 610px;
	}
#email-input{
	background:url(../images/myregional/input.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 34px;
    margin: 29px 0 0 22px;
    padding-top: 5px;
    width: 316px;
}
.email-label{
    left: 0;
    margin: 0 0 0 92px;
    position: absolute;
    top: 31px;
	}
.input-email{
    background:url(../images/hallopage/input.gif) no-repeat scroll 0 0 transparent !important;
	float: right!important;
    height: 23px !important;
    left: 208px !important;
	top:-6px !important;
    position: relative !important;
    width: 304px !important;
}

#city-select{
    background:url(../images/myregional/bg-2.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 164px;
    margin: -15px 0 0 -27px;
    position: relative;
    width: 610px;
}
#city-background{
	background:url(../images/myregional/input.png) no-repeat scroll 0 0 transparent;
float: left;
    height: 34px;
    margin: 28px 0 0 22px;
    padding-top: 5px;
    width: 315px;
}
.city-label{
	left: 0;
    margin: 0 0 0 148px;
    position: absolute;
    top: 31px;
	}
.city-dropdown{
	background:url(../images/hallopage/input.gif) no-repeat scroll 0 0 transparent;
	float: left;
	left:206px;
    height: 29px;
    padding-top: 5px;
    position: relative;
    width: 315px;
	top:-5px;
	text-align:center;
}
#tick-image
{
	/*background:url(../images/myregional/mach.png) no-repeat scroll 0 0 transparent;*/
	loat: left;
    height: 24px;
    left: -26px;
    position: absolute;
    top: 2px;
    width: 24px;
}
#daily-news
{
	background:url(../images/myregional/button2.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 27px;
    left: 46px;
    position: absolute;
    top: 73px;
    width: 172px;	
}
.daily-news-label a{
	font-size: 10px;
    left: 0;
    position: absolute;
    text-decoration: none;
    width: 172px;
}
#today-deals{
	background:url(../images/myregional/button-3.png) no-repeat scroll 0 0 transparent;
	/*float: left;*/
    height: 52px;
    left: 226px;
    position: absolute;
    top: 68px;
    width: 320px;
	text-align:left;
	}
.today-deals-label{
	font-size: 16px;
    font-weight: bold;
    margin: 12px 0 0 66px;
    position: absolute;
}
.footor-button1{
	float:left !important;
}
.footor-button1 a {
    position: absolute !important;
	float:left!important;
	top:496px !important;
	left:220px !important;
	color:#000 !important;
}
.footor-button2{
	float:left !important;
}
.footor-button2 a{
    position: absolute !important;
	float:left!important;
	top:496px !important;
	left:289px !important;
	color:#000 !important;
}
.footor-button3{
	float:left !important;
}
.footor-button3 a{
    position: absolute !important;
	float:left!important;
	top:496px !important;
	left:319px !important;
	color:#000 !important;
}
.footor-button4{
    position: absolute !important;
	float:left !important;
	top:564px !important;
	left:633px !important;
	color:#000 !important;
	font-weight:bold !important;

}
.main_btn1 {
	background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    font: bold 11px/10px Arial,Helvetica,sans-serif;
    height: 30px;
    /*left: -116px;*/
    position: absolute;
    top: -10px;
	margin-left:-8px;
    /*width: 260px;*/
	font-size:18px;
}
.main_btn3 {
background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    font: 11px/10px Arial,Helvetica,sans-serif;
    height: 30px;
    left: 55px;
    position: absolute;
    top: -4px;
}

.right_image_ad a {
	padding:9px 21px !important;
	margin-bottom:25px !important;
}
.right_image_ad img{
width:160px;
height:140px;
border: 3px solid #666;
border-radius:5px;
position:relative;
left:60px;
top:10px;
}
.right-image{
	float: right;
    left: 623px;
    position: absolute;
    top: 16px;
}
.reflection {
    margin: 10px 0 0 0;
    position: relative;
}
<!-- Image Reflection CSS -->

.image-block { width:220px; margin:0px 10px; float:left; }
.reflection { position:relative; margin:10px 0 0 0px; }
.reflection img {
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
    filter: flipv; opacity:0.20;
    filter: alpha(opacity='20');
}
.overlay { position:absolute; top:0px; left:0px; width:240px; height:80px;
    background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 60%, rgba(255,255,255,0) 75%);
    background-image:   -o-linear-gradient( rgba(255,255,255,0) 25%, rgb(255,255,255) 40%);
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(255,255,255)), color-stop(0.75, rgba(255,255,255,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff);
}

<!-- Text reflection in CSS -->
input[type=checkbox] {
position: absolute !important;
left: -999em !important;
}
input[type=checkbox] + label {
display: block !important;
height: 24px !important;
padding-left: 25px !important;
/*background:url(../images/myregional/hock.png) no-repeat scroll 0 0 transparent;*/
position:absolute !important;
top:0px;
}
input[type=checkbox]:checked + label {
/*background:url(../images/myregional/mach.png) no-repeat scroll 0 0 transparent;*/
}

.left_image_ad a {
	padding:9px 21px !important;
	margin-bottom:25px !important;
}
.left_image_ad img {
    border: 2px solid #666666;
    border-radius: 5px 5px 5px 5px;
    height: 70px;
    width: 70px;
}
<!-- END  Myregional Hallo Main Page Design -->