body { 
		font-size:11px;	font-family:calibri; background-image:url(../image/bg.jpg);	}

.top{
	width:100%; height:90px;
}

.stage{
	background:#fff; width:1000px; margin:auto; padding-top:8px; border-radius:0px 0px 5px 5px;
}

.inner_stage{ width:1000px; margin-bottom:20px;
}

.top{ width:1000px; margin-top:30px;	
}

.top { background:#fff; width:1000px; height:50px; border-bottom:1px solid #ddd;
}

.top a img{
	float:left; margin-top:-40px; margin-right:80px; padding-right:50px; padding:5px; border:0;
}

.submenu li a{color: #000;
  font-size: 12px;
  text-decoration: none;
  font-family: corberl;
  color: #000;}

.submenu li a.mobil{
	display:none;
}
  
#navigation .title{
	display:none;
}

#navigation ul{ width:90%; margin:auto; position: relative;  left: 252px;  top: -52px;
}

#navigation li{ list-style:none; display:inline;

}

#navigation li a{ color: #393939; font-size: 13px; font-family: 'Georgia'; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration:none; margin-right:10px; width:120px; padding:5px; 
}
	

#navigation  li a{ color:#000; font-size:12px; text-decoration:none; font-family:corberl; color:#000;
}

#navigation  li a:hover{ color:#fff; background:#ae150d; border-radius:5px; height:80px; padding-top:10px; padding-bottom:10px; box-shadow: 0px 1px 2px #000;
	
}

.slidebar{ background-image:url(../image/bg-slider-center.png); display: block; float: left; padding-bottom:20px; width:1000px;
}

.menu{float:left; width:210px;
}

.left{width:18%; float:left;
}

h1{text-align:center; color:#3F1101; line-height:16px; font-size:19px; font-family:'georgia'; text-shadow:5px 4px 8px #838383;
}

h2{ color:#3F1101; line-height:16px; font-size:12px; font-family:'georgia';
}

h3{font-size:14px; border-bottom:1px solid #999; font-weight:Bold;}

.content{ width:57%; min-width:57%; float:left; margin-top:10px; margin-left:0px; padding:10px; background:#fff; border:4px solid #ddd; font-family:'calibri'; color:#3f3f3f; line-height:17px; font-size:12px; margin-bottom:20px;
}

.content3{ width:57%; float:left; margin-top:10px; margin-left:0px; padding:10px; background:#fff; border:4px solid #ddd; font-family:'calibri'; color:#3f3f3f; line-height:17px; font-size:12px; margin-bottom:20px;
}

.content a, .content3 a{ color:#000; font-weight:bold; text-decoration:underline; font-size:13px;
}

.content a:hover, .content3 a:hover{color:#8c4d37; font-weight:bold; text-decoration:underline; font-size:13px;
}
.content2{width:50%; float:left; margin-top:10px; padding:10px; background:#fff; border:3px solid #ddd; font-family:'Georgia'; color:#565656;
			line-height:20px;
	
}
.content1 img{width:18.5%; float:left; margin-top:-10px; margin-left:6px; background:transparent; border:4px solid #584328; text-align:center;
				opacity:0.4;
}

.spill{background-image:url(../image/bg-slider-center.png); border: 1px solid #E2E0D1; padding:5px;  margin-bottom:10px;
}

.spill img{float:left; padding-right:5px; width:120px; height:60px;
}

.spill_java{float:left; padding-right:5px; width:120px; height:50px;
}

.titel{font-weight:bold; font-size:13px; font-family:'CALIBRI';line-height:20px;
}

.titel a{font-weight:bold; font-size:13px; font-family:'CALIBRI'; line-height:20px; color:#3f3f3f;
}

.titel a:hover{font-weight:bold; font-size:13px; font-family:'CALIBRI'; line-height:20px; color:#3F1101;
}

.text{font-size:11px; font-family:calibri;
}

.titel2 a{font-size:11px; color:#000; font-weight:200; font-style:italic; text-decoration:underline;
}

.spill a:hover{font-weight:bold; font-style:inherit;
}

.spill1{background-image:url(../image/bg-slider-center.jpg); border: 1px solid #c8c8c8; padding:5px; margin-bottom:10px; width:90%; display:inline-table;
}

.spill1 img{float:left; padding-right:8px; width:120px; height:60px; padding-bottom:10px;
}

.spill1 titel{font-weight:bold; font-size:10px;
}

.spill1 text{font-size:11px; font-family:calibri;
}

.spill1 a{font-size:12px; color:#000; font-weight:200; text-decoration:underline;
}

.spill1 #skrapelodd{
	width:600px; margin-left:40px; margin-bottom:10px;
}

.spill1 #nummer{
	height: 35px; width: 35px; border-radius:50px;background: #fff;float: left;margin-right: 11px;text-align: center;position: relative;font-size: 16px;
  	box-shadow: 0px 0px 6px #3d1a00; background:#eee;
}

.spill1 span.nummer{
	 position: relative; top:9px; font-size: 13px; border: 1px dashed #e1c1a9; color:#999;
  border-radius: 50px; padding-right: 8px; padding-left: 8px; padding-bottom: 4px; padding-top: 3px; text-shadow: 0px 0px 4px #ddd; font-family:tahoma;
}

#nybegynnerguide{
	 border:1px solid #999; height:180px; width:500px; padding:5px; border-radius:5px;
}

.box7{margin: 10px 20px 20px 20px; width: 170px; min-height: 90px; max-height:450px; padding-bottom:16px; position:relative;
    background: #fff; background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f3f3f3); border-top: 1px solid #ccc; border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);float:left;
}
 
/* This is the top left tape */
.box7:before{
    content: ''; position:absolute; width: 130px; height: 30px; border-left: 1px dashed rgba(0, 0, 0, 0.1); border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1); background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform:translate(-50px,10px)
                  		 skew(10deg,10deg)
                        rotate(-50deg);
    -moz-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
        -o-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
        transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
}
 
/* This is the top bottom right tape */
.box7:after{
    content: '';
    position:absolute;
    right:0;
    bottom:0;
    width: 130px;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    -moz-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    -o-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg)
}

.twitterb{border:1px solid #ddd; width:160px; margin-left:30px; padding:5px;
}
.box2{
	float:left; margin-left: 20px; margin-top:10px; width: 145px; min-height: 50px; padding:15px; position:relative; background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);
    border-top: 1px solid #ccc; border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-bottomright: 60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
 
}
.box2:before{
    content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow:-2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:  rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
    -o-transform:   rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
                    transform:
                    rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
}
 
/* Here's where we make the shading of the folds*/
.box2:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba()0,0,0,0.2;
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                    translate(-45px,-20px)
                       skew(20deg);
    -o-transform: rotate(0deg)
                    translate(-45px,-20px)
                       skew(20deg);
    transform: rotate(0deg)
                translate(-45px,-20px)
                skew(20deg);
}

.box2_titel{font-size:12px; font-family:georgia; color:#3F1101; font-weight:bold;
}

.left_link a{color:#000; font-weight:bold; text-decoration:underline; font-size:13px;
}

.left_link a:hover{color:#8c4d37; font-weight:bold; text-decoration:underline; font-size:13px;
}

ul.nav{width: 160px; height: 270px; list-style: none; padding: 7px 0 0 0; margin-bottom:10px; margin-left:0px; z-index: 1;margin-top:-10px; border-radius:4px;
}

ul.nav li{background:#fff; list-style:none; display: block; float: left; margin: 0 0 2px 0; padding: 0px 0 0 16px; background: none;
height:25px; width:140px;
}
	
ul.nav li:hover{border-image:#fff;
}


ul.nav li a{color:#999; font-size: 10px; text-decoration: none; display: block; float: left; width: 140px; height: 15px; margin: 0;
font-family:Arial,"helvetica neue",Helvetica,Verdana,sans-serif; padding-top:20px; font-weight:bold;
}

ul.nav li a:hover{color:#893d3d; font-weight:bolder; margin-left:5px; font-weight:bold; color:#333;text-decoration:underline;

				-webkit-transition: all 0.8s ease;
				     -moz-transition: all 0.8s ease;
				       -o-transition: all 0.8s ease;
				      -ms-transition: all 0.8s ease;
				          transition: all 0.8s ease;
}

.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.right{width:190px; float:right; margin-top:10px;
}

.untertitel{ font-size:12px; font-weight:bold; margin:0px; padding:0px;
}

.box10{
	margin-left:6px;
  margin-top:0px;
    width: 150px;
    min-height: 70px;
    padding:10px;
    position:relative;
    background: #fff;
    background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(100% 50%, #fff, #fff 10%, #f3f3f3);
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -moz-border-radius-bottomright: 60px 5px;
    border-bottom-right-radius: 60px 5px;
}
 
/* These (before and after ) pseudo class are the ones that give the multiple sheets effect*/
.box10:before{
    content: '';
    width: 180px;
    z-index:-1;
    height: 100%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -moz-border-radius-bottomright: 60px 5px;
    border-bottom-right-radius: 60px 5px;
    -webkit-transform: skew(2deg,2deg)
                        translate(3px,8px);
    -moz-transform: skew(2deg,2deg)
                        translate(3px,8px);
        -o-transform: skew(2deg,2deg)
                        translate(3px,8px);
    transform: skew(2deg,2deg)
                        translate(3px,8px);
}
 
.box10:after{
    content: '';
    width: 98%;
    z-index:-1;
    height: 98%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 360deg, #f3f3f3, #fff 10%, #f6f6f6);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -webkit-transform: skew(2deg,2deg)
                        translate(-1px,2px);
    -moz-transform: skew(2deg,2deg)
                        translate(-1px,2px) ;
        -o-transform: skew(2deg,2deg)
                        translate(-1px,2px) ;
    transform: skew(2deg,2deg)
                        translate(-1px,2px) ;
}

.bingobonuser{margin-left:10px;
}
.bingobonuser a{font-size:12px; line-height:17px;
}

.media{text-align:center; font-size:10px; font-family:georgia; color:#3F1101; margin-bottom:15px;
}

.media img{padding:7px;
}

.rating{
	border:1px solid #999; border-radius:5px; width:50px; padding:5px; text-align:center; box-shadow:1px 1px 10px #999; margin:auto;
}
.footer{width: 1000px; height:260px; font-family: calibri; font-size: 1em; background-image:url(../image/footer.png); clear: both;
	color:#fff; padding-bottom:20px; padding-top:5px; margin:auto; overflow:hidden;
}

h4{color:#ddd; font-size:14px; padding:0px; margin-bottom:3px; text-align:center;
}

.artikler ul {float:left; margin-left:20px;
}

.artikler li{width:200px;
}

.artikler2 ul {float:left; margin-left:30px;
}

.artikler2 li{width:130px;
}

.artikler2 a{font-size:11px; color:#ddd; width:200px; text-decoration:none;
}

.artikler a{font-size:11px; color:#ddd; width:230px; text-decoration:none;
}

.artikler2 a:hover, .artikler a:hover{text-decoration:underline;
}

table.linklistdesc{margin:auto; font-family:calibri; font-size:12px; border:1px solid #ddd; padding:5px;
}

table.linklistdesc2{margin:auto; font-family:calibri; font-size:12px; border:1px solid #d2a697; padding:5px; border-radius:5px; box-shadow:inset 0px 0px 15px #d2a697;
}

.linklistdesc td{padding-bottom:2px;
}

.linklistdesc a{color:#520000;
}

.linklistdesc th{background:#ddd;
}
.copy {width:1000px; float:left; text-align:center; padding:5px; margin-top:15px;
}