
/* CSS Document */

body, html, li, p, table, br, ol, ul, th, h1, h2, h3 {
    margin: auto;
    padding: 0px;
}

body {
    font-family: "Trebuchet MS", Verdana, Arial;
    background-color: #9f3c01;
    background-image: url(../img/hg_kachel.jpg);
    background-repeat: repeat-x;
    font-size:12px;
    color: #000;
    <--color: #7d7d7d;	
}
h1{
    font-family: "Trebuchet MS", Verdana, Arial;
    <-- color:#af5000; 
    color:#000; 
    font-size: 20px;
    line-height: 14px;
    font-weight:bold;
    font-variant:small-caps;
}

h2{
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size:12px;
    color: #000;
}

#wrapper{
    width: 960px;
    height: auto;
    margin: 0px auto;
    position:relative;
    clear:both;
}
#wrapper_kachel{
    width:860px;
    height:auto;
    float:left;
    position:relative;
    background-image: url(../img/wrapper_kachel.jpg);
    background-repeat: repeat-y;
    padding:0 0 0 0;
}
#content{
    width:860px;
    min-height:750px;
    float:left;
    <--background-image: url(../img/main_hg.jpg);
    background-repeat: no-repeat;
    padding:0 0 0 0;
}
#popup{
    width:828px;
    min-height:541px;
    float:none;
    <--background-image: url(../img/popup_hg.jpg);
    background-repeat: no-repeat;
    padding:0 0 0 0;
}
#left{
    width:220px;
    height:auto;
    float:left;
    padding:260px 0 0 0;
}
.ul_navi{
    margin:5px 0 0 0;
    padding:0px 0px 4px 0px;
    width:180px;
    float:left;
}
.li_first {
    list-style-type: none;
    padding:8px 0px 4px 10px;
    text-align:left;
    border-bottom:1px solid #7a3700;
}
.li_normal {
    list-style-type: none;
    padding:8px 0px 4px 10px;
    text-align:left;
    border-top:1px solid #af6930;
    border-bottom:1px solid #7a3700;
}
.li_last {
    list-style-type: none;
    padding:8px 0px 4px 10px;
    text-align:left;
    border-top:1px solid #af6930;
}
		
#right{
    width:630px;
    height:auto;
    float:left;
    padding:0 0 0 0;
}
#top_navi{
    width:680px;
    height:auto;
    float:left;
    padding:67px 0 0 90px;
}
#suche{
    width:350px;
    height:auto;
    float:left;
    padding:0 0 0 215px;
    margin-bottom:30px;
}
.box_suche{
    width:593px;
    height:auto;
    float:left;
    padding:0 10px 10px 10px;
    margin:5px 0 0 5px;
    background-image: url(../img/hg_suche2.jpg);
    background-repeat: no-repeat;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:4px solid #f98f26;
}
.box_film{
    width:570px;
    height:auto;
    float:left;
    padding:0 10px 10px 10px;
    margin:10px 0 5px 0;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
.box_pricesearch{
    width:593px;
    height:auto;
    float:left;
    padding:0 10px 10px 10px;
    margin:5px 0 0 5px;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:4px solid #f98f26;
}

.box_newcoupons{
    width:160px;
    height:310px;
    float:left;
    padding:0 20px 10px 20px;
    margin:5px 0 0 5px;
    background-image: url(../img/hg_leiste.jpg);
    background-repeat: no-repeat;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:4px solid #f98f26;
}
.box_allShops{
    width:593px;
    height:auto;
    float:left;
    padding:0 10px 10px 10px;
    margin:5px 0 0 5px;
    background-image: url(../img/hg_leiste2.jpg);
    background-repeat: no-repeat;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    font-size: 12px;
}
.box_titelShops{
    width:550px;
    height:auto;
    float:left;
    padding:10px 0 0 5px;
    margin-bottom:20px;
}

.box_topgame{
    width:264px;
    height:160px;
    float:left;
    padding:0 20px 10px 20px;
    margin:10px 0 0 4px;
    background-image: url(../img/hg_leiste.jpg);
    background-repeat: no-repeat;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:4px solid #f98f26;
}

.box_gutschein{
    width:520px;
    height:auto;
    float:left;
    padding:0 20px 10px 20px;
    margin:10px 0 0 30px;
    background-image: url(../img/hg_gutschein.jpg);
    background-repeat: no-repeat;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:4px solid #f98f26;
}
.box_artikel{
    width:520px;
    height:auto;
    float:left;
    padding:0px 10px 10px 20px;
    margin:140px 0px 160px 225px;
    background-image: url(../img/hg_suche.jpg);
    background-repeat: no-repeat;
    border-top:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #fff;
    border-bottom:4px solid #f98f26;
}
.box_titel{
    width:550px;
    height:auto;
    float:left;
    padding:10px 0 0 55px;
    margin-bottom:20px;
}
.box_coupon{
    width:155px;
    height:auto;
    float:left;
    padding:10px 0 0 5px;
    margin-bottom:20px;
}
.box_innertopgame{
    width:259px;
    height:auto;
    float:left;
    padding:10px 0 0 5px;
    margin-bottom:20px;
}

#footer {
    background-image: url(../img/footer_kachel.jpg);
    background-repeat: repeat-x;
    height:175px;
    clear:both;
}
#wrapper_footer{
    width: 960px;
    height: 100%;
    margin: 0px auto;
    position:relative;
}
#bottom{
    width:860px;
    height:175px;
    float:left;
    background-image: url(../img/hg_bottom.jpg);
}

a:link {
    color: #000;
    text-decoration: none;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #f98f26;
    text-decoration: none;
}
a:active {
    color: #f98f26;
    text-decoration: none;
}

.topnavi a:link {
    color: #000;
    text-decoration: none;
    font-size:11px;
}
.topnavi a:visited {
	color: #000;
	text-decoration: none;
	font-size:11px;
}
.topnavi a:hover {
    color: #fff;
    text-decoration: none;
    font-size:11px;
}
.topnavi a:active {
    color: #fff;
    text-decoration: none;
    font-size:11px;
}

.leftnavi a:link {
    color: #ebe9cf;
    text-decoration: none;
    font-size:14px;
}
.leftnavi a:visited {
    color: #ebe9cf;
    text-decoration: none;
    font-size:14px;
}
.leftnavi a:hover {
    color: #fff;
    text-decoration: underline;
    font-size:14px;
}
.leftnavi a:active {
    color: #fff;
    text-decoration: underline;
    font-size:14px;
}

.headline_orange{
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#f98f26;
    font-size: 18px;
    line-height: 14px;
    font-weight:normal;	
}


.pages_orange{
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#000;
    font-size: 14px;
    line-height: 12px;
    font-weight:normal;
    text-align:center;	
}
.pages_orange a:link {
    color: #f98f26;
    text-decoration: none;
    font-size:14px;
}
.pages_orange a:visited {
    color: #f98f26;
    text-decoration: none;
    font-size:14px;
}
.pages_orange a:hover {
    color: #000;
    text-decoration: none;
    font-size:14px;
}
.pages_orange a:active {
    color: #000;
    text-decoration: underline;
    font-size:14px;
}

.headline_grau{
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#000;
    font-size: 18px;
    line-height: 14px;
    font-weight:normal;	
}
.text_grau{
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#686868;
    font-size: 11px;
    font-weight:normal;	
}
.text_orange{
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#f98f26;
    font-size: 12px;
    font-weight:normal;	
}


.schwarz{
    color:#000;
}

.bild{
    float:left;
    border: none;
    margin:10px 20px 10px 0px;
}
.logo{
    float:left;
    border: none;
    margin:5px 7px 5px 0px;
}
.logoimpressum{
    float:none;
    border: none;
    margin:10px 90px 10px 90px;
}
.logoshop{
    float:right;
    border: none;
    margin: 0px 0px 0px 20px;
}

.usecoupon a:hover {
    color: #af5000;
    text-decoration: underline;
    font-size:12px; 
}
.usecoupon a:link {
    text-decoration: none;
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#af5000;
    font-size: 12px;
    line-height: 13px;
    font-weight:bold;
    font-variant:small-caps;  
}
.usecoupon a:visited {
    color: #af5000;
    text-decoration: none;
    font-size:12px;
    line-height: 13px;
    font-weight:bold;
    font-variant:small-caps;
}
.usecoupon a:active {
    color: #af5000;
    text-decoration: underline;
    font-size:12px;
}
.gotoshop a:hover {
    color: #af5000;
    text-decoration: underline;
    font-size:10px;    
}
.gotoshop a:link {
    text-decoration: none;
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#af5000;
    font-size: 10px;
    line-height: 10px;
    font-weight:bold;
    font-variant:small-caps;
}
.gotoshop a:visited {
    color: #af5000;
    text-decoration: none;
    font-size:10px;
}
.gotoshop a:active {
    color: #af5000;
    text-decoration: underline;
    font-size:10px;
}

.tagCloud{ 
    background:#9e3c00; 
    width:175px; 
    height:auto; 
    text-align:center;
    margin:20px 3px 3px 0px;
    padding:5px 5px 5px 5px;
    float:none;
    <--background-image: url(../img/bgTagCloud.png);
    <--background-repeat: no-repeat;
    border-top:1px solid #af6930;
    border-left:1px solid #af6930;
    border-right:1px solid #af6930;
    border-bottom:1px solid #af6930;
}
.facebookCloud{ 
    <--background:#421A00; 
    width:175px; 
    height:105px; 
    text-align:center;
    margin:20px 3px 3px 0px;
    padding:5px 5px 5px 5px;
    float:none;
   
}


.tag1{
    font-family: "Trebuchet MS", Verdana,Arial ;
    font-size: 0.9em;
    color:#f99022;
    font-weight:normal;	
}

.tag2{ 
    font-family: "Verdana", Trebuchet MS, Arial;
    font-size:1.0em; 
    color:#FFFDFF; 
    font-weight:normal;
}
.tag3{ 
    font-family: "Arial", Verdana, Trebuchet MS;
    font-size:1.2em; 
    color:#ECC642;
    font-weight:normal;
}
.tag4{ 
    font-family: "Verdana", Trebuchet MS, Arial;
    font-size:1.5em; 
    color:#f0d6a3;
    font-weight:normal;
}
.tag5{ 
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size:1.5em; 
    color:#FFFFFF;
    font-weight:normal; 
}
.tag6{ 
    font-family: "Arial", Verdana, Trebuchet MS;
    font-size:1.8em; 
    color:#f98f10;
    font-weight:normal; 
}
 
.tagCloud a{ 
    text-decoration:none; 
}
.tagCloud a:link{ 
    text-decoration:none; 
    color:#fff; 
}
.tagCloud a:visited{ 
    text-decoration:none; 
    color:#000; 
}
.tagCloud a:active{ 
    text-decoration:none; 
    color:#fff; 
}
.tagCloud a:hover{ 
    text-decoration:none; 
    color:#000; 
}

.ySearch a:hover {
    color: #af5000;
    text-decoration: underline;
    font-size:12px; 
}
.ySearch a:link {
    text-decoration: none;
    font-family: "Trebuchet MS", Verdana, Arial;
    color:#af5000;
    font-size: 12px;
    line-height: 13px;
    font-weight:bold;
    font-variant:small-caps;  
}
.ySearch a:visited {
    color: #af5000;
    text-decoration: none;
    font-size:12px;
    line-height: 13px;
    font-weight:bold;
    font-variant:small-caps;
}
.ySearch a:active {
    color: #af5000;
    text-decoration: underline;
    font-size:12px;
}





p {
    margin: 10px 0px 5px 0px;
    line-height: 16px;
    font-weight: normal;
}
a {outline: none;}

