/*
Theme Name: Fussballwetten Sportwetten

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, marquee {
	margin: 0px;
	padding: 0px;
}

body {
	margin:0 auto;
	padding:0px 0px 5px 0px;
	background:url("images/bg.jpg") repeat-x #f4f4f4;
	color:#333;
	font-size:12px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	outline:none;
	color:#333;
}

a:hover {
	text-decoration:none;
	color:#1A8825;
}

.clear {
	clear:both;
}

h2 {
	font-weight:bold;
	font-size:16px;
}

.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
}
.aligncenter {
	display:block;
	margin: 0 auto;
}
.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
}

/* HEADER */

.header {
	width:1000px;
	height:113px;
	margin:0 auto;
}

.headerhome {
	width:1000px;
	height:113px;
	margin:0 auto;
	background:url("images/header.jpg") no-repeat;
}

.header a.logo {
	width:1000px;
	height:102px;
	float:left;
	background:url("images/logo.png") no-repeat;
}

.header .description, .header h1 {
	width:1000px;
	height:20px;
	line-height:20px;
	float:left;
	margin: 0 0 0 0;
	color:#fff;
	font-size:12px;
	font-weight: normal;
}
.header .description {
	margin: -23px 0 0 5px;
}
.header .description h1 {
	font-size:12px;
}

/* MENU */

.menu {
	width:1000px;
	height:44px;
	padding:0 0 0 0;
	margin:0 auto;
}

ul.menu {
	width:1000px;
	height:44px;
	margin:0 auto;
	padding:0;
}

ul.menu li {
	list-style:none;
	float:left;
	background:#80BD44;
	margin:0 2px 0 0;
}

ul.menu li:last-child {
	margin:0 0 0 0;
}

ul.menu li a {
	display:block;
	height:44px;
	width:165px;
	text-align:center;
	line-height:44px;
	color:#fff;
}

ul.menu li a:hover {
	background:#DADBDB;
	color:#333;
}

/* GALLERYS */

#gallery {
	width:1000px;
	margin:0 auto;
	text-align:left;
	height:339px;
}

.game {
	position:absolute;
}

.mask2 {
	position:relative;
	width:1000px;
	height:327px;
	overflow:hidden;
}

.buttons {
	padding:5px;
}

.buttons #prev1 {
	background:url("images/up.png") no-repeat;
	width:93px;
	height:85px;
	display:block;
	margin:-250px 0 0 -50px;
	z-index:999;
	position:absolute;
	cursor:pointer;
}

.buttons #next1 {
	background:url("images/down.png") no-repeat;
	width:93px;
	height:85px;
	display:block;
	margin:-167px 0 0 -50px;
	z-index:999;
	position:absolute;
	cursor:pointer;
}

#box2 {
	position:absolute;
}

#box2 span {
	display:block;
	float:left;
}

#box2 span img {
	display:block;
	border:none;
}

#box2 span .gallerygoto {
	display:block;
	width:270px;
	height:70px;
	background:url("images/gallerygoto.png") no-repeat;
	z-index:999;
	position:absolute;
	margin:-95px 0 0 685px;
}

#box2 span .gallerygoto:hover {
	background:url("images/gallerygoto-hover.png") no-repeat;
}

/* CONTENT */

#content {
	width:980px;
	margin:10px auto;
	background:#fff;
	padding:10px;
}

/* POSTS */

.posts {
	float:right;
	width:730px;
	height:auto;
}

.posts .text {
	width:730px;
	margin:0 0 20px 0;
}

.posts .text h2 {
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}

.posts .post {
	float:left;
	width:326px;
	height:313px;
	margin:0 55px 10px 0;
	cursor:pointer;
}

.posts .post span.img {
	width:323px;
	height:166px;
	margin:0 0 0 0;
	display:block;
	float:left;
}

.posts .post span.img img {
	display:block;
	width:311px;
	height:154px;
	background:url("images/postimg.jpg") no-repeat;
	display:block;
	padding:6px;
}

.posts .post h3 {
	width:326px;
	height:25px;
	line-height:25px;
	float:left;
	padding:0 0 0 2px;
}

.posts .post h2:hover {
	color:#8CD43B;
}

.posts .post h2 a {
	width:317px;
	height:25px;
	line-height:25px;
	float:left;
	padding:0 0 0 2px;

	display:block;
}

.posts .post span {
	width:317px;
	height:63px;
	overflow:hidden;
	float:left;
	padding:0 0 0 2px;
	text-align:justify;
}

.posts .post .readmore {
	display:block;
	width:155px;
	height:40px;
	background:url("images/readmore.png") no-repeat;
	float:right;
	margin:5px 0 5px 0;
}

.posts .post .readmore:hover {
	background:url("images/readmore-hover.png") no-repeat;
}

.posts .post .goto {
	display:block;
	width:155px;
	height:40px;
	background:url("images/goto.png") no-repeat;
	float:left;
	margin:5px 0 5px 0;
}

.posts .post .goto:hover {
	background:url("images/goto-hover.png") no-repeat;
}

/* SINGLE */

.single {
	float:right;
	width:728px;
	height:auto;
	padding:10px;
}

.single .post {
	float:right;
	width:730px;
	height:auto;
	background:#fff;
	margin:0 0 15px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:justify;
}

.single .post h2 {
	width:730px;
}



.single .post p {
	margin:0 0 16px 0;
	line-height:20px;
}

.single .post .right {
	width:332px;
	height:240px;
	margin:5px 0 0 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:right;
}


.single .post .entry a.btn {
	padding:9px 24px;
	display:table;
	margin:10px auto 0 auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-image: linear-gradient(bottom, #6FBB1E 0%, #C0FF6D 100%);
	background-image: -o-linear-gradient(bottom, #6FBB1E 0%, #C0FF6D 100%);
	background-image: -moz-linear-gradient(bottom, #6FBB1E 0%, #C0FF6D 100%);
	background-image: -webkit-linear-gradient(bottom, #6FBB1E 0%, #C0FF6D 100%);
	background-image: -ms-linear-gradient(bottom, #6FBB1E 0%, #C0FF6D 100%);
	border:1px solid #458500;
	font-weight:bold;
	text-shadow:-1px -1px 0 #458500;
	color:#fff;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
}


.single .post .entry a.btn:hover {
	background-image: linear-gradient(bottom, #C0FF6D 0%, #6FBB1E 100%);
	background-image: -o-linear-gradient(bottom, #C0FF6D 0%, #6FBB1E 100%);
	background-image: -moz-linear-gradient(bottom, #C0FF6D 0%, #6FBB1E 100%);
	background-image: -webkit-linear-gradient(bottom, #C0FF6D 0%, #6FBB1E 100%);
	background-image: -ms-linear-gradient(bottom, #C0FF6D 0%, #6FBB1E 100%);
}


.single .post .right a.img {
	width:332px;
	height:180px;
	background:#fff;
	margin:0 0 0 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:2px solid #D5D5D5;
	display:block;
	float:right;
}

.single .post .right a.img:hover {
	border:2px solid #8CD43B;
}

.single .post .right a.img img {
	display:block;
	width:332px;
	height:180px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:block;
}

.single .post .right .gotoimg {
	display:block;
	width:332px;
	height:50px;
	background:url("images/gotoimg.png") no-repeat;
	float:right;
	margin:5px 0 0 0;
	border:2px solid #D5D5D5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.single .post .right .gotoimg:hover {
	background:url("images/gotoimg-hover.png") no-repeat;
}

.single .post .left {
	width:332px;
	height:240px;
	margin:5px 10px 5px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
}

.single .post .left a.img {
	width:332px;
	height:180px;
	background:#fff;
	margin:0 0 0 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:2px solid #D5D5D5;
	display:block;
	float:left;
}

.single .post .left a.img:hover {
	border:2px solid #8CD43B;
}

.single .post .left a.img img {
	display:block;
	width:332px;
	height:180px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:block;
}

.single .post .left .gotoimg {
	display:block;
	width:332px;
	height:50px;
	background:url("images/gotoimg.png") no-repeat;
	float:left;
	margin:5px 0 0 0;
	border:2px solid #D5D5D5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.single .post .left .gotoimg:hover {
	background:url("images/gotoimg-hover.png") no-repeat;
}

.single .post h2, .single .post h3 {
	height:25px;
	line-height:25px;
	float:left;
	padding:0 0 3px 0;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #bbb;
	margin:0 0 5px 0;
}

.single .post a.h2 {
	width:385px;
	height:25px;
	line-height:25px;
	float:left;
	padding:0 0 3px 0;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #bbb;
	margin:0 0 5px 0;
}

.single .post .entry h2,
.single .post .entry h3 {
	float: none;
	border: none;
}

.single .post a.h2:hover {
	color:#8CD43B;
}

.single .post .goto {
	display:block;
	width:332px;
	height:50px;
	background:url("images/gotoimg.png") no-repeat;
	margin:5px auto;
	border:2px solid #D5D5D5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.single .post .goto:hover {
	background:url("images/gotoimg-hover.png") no-repeat;
}

/* SIDEBAR */

.sidebar {
	width:200px;
	height:auto;
	float:left;
	padding:10px 0;
}

.sidebar .banner {
	width:160px;
	margin:10px auto;
}

.sidebar h2 {
	width:200px;
	height:25px;
	line-height:25px;
	float:left;
	padding:0 0 3px 0;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #bbb;
	margin:0 0 5px 0;
}

.sidebar ul {
	width:200px;
	height:auto;
	float:left;
	margin:0 0 10px 0;
}

.sidebar ul li {
	list-style:none;
	width:200px;
	height:25px;
	line-height:25px;
	padding:0 0 0 7px
}

/* FOOTER */

#footer {
	width:1000px;
	height:auto;
	margin:0 auto;
}

#footer .text {
	width:978px;
	height:auto;
	background:#fff;
	padding:10px;
	border:2px solid #b3b3b3;
	margin:0 0 5px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* STARTSEITE */

.hometags {
	width:440px;
	height:50px;
	float:left;
	margin:0 10px 0 5px;
	padding:10px;
	background:#fff;
	border: 1px solid #E4E4E4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.hometagssingle {
	width:440px;
	height:50px;
	float:left;
	margin:15px 10px 0 5px;
	padding:10px;
	background:#fff;
	border: 1px solid #E4E4E4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.homestars {
	width:217px;
	height:50px;
	float:left;
	padding:10px;
	background:#fff;
	border: 1px solid #E4E4E4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.homestars .post-ratings {
	width:160px;
	text-align:center;
	font-size:11px;
	margin: 10px auto;
}

.homestars .post-ratings span.hide span.voices {
	margin:0 0 0 10px;
	font-size:10px;
	font-style:italic;
}

.homestarssingle {
	width:217px;
	height:50px;
	float:left;
	margin:15px 0 0 0;
	padding:10px;
	background:#fff;
	border: 1px solid #E4E4E4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.homestars img {
	text-align:center;
	margin:0 0 5px 0;
	float:left;
}
#layer {
 position:fixed;
 width:500px;
 top:35%;
 left:40%;
 border:10px solid #ccc;
 text-align:center;
 padding:20px;
 z-index:9999;
 background:#fff;
 font-size:20px;
 font-weight:bold;
 line-height:22px;
}
#layer p {
 line-height:22px;
 text-align:center!important;
margin:0 0 16px 0;
}

#layer ul {
margin:0 0 0 20px;
text-align:left;
}
.clearfix::after{content:"";display:table;clear:both}
