/*  
Theme Name: SUPER BOWL Dinslaken e.V.
Theme URI: http://www.superbowl-dinslaken.de
Description: Based on Clean Magazine Theme from weFunction.com.
Author: Sebastian Gollus
Author URI: http://www.web-spirit.de
*/


body {
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(images/background.jpg) fixed;
	color:#434343;
}
.f-left {float:left;}
.f-right {float:right;}
.clear {clear:both;}
img {
	border:none;
	display:block;
}
form, p, h1, h2, h3, h4, h5, h6, ul {
	padding:0;
	margin:0;
}



a {text-decoration:none; color:#21536A; }
a:hover {text-decoration:underline;}
a:focus{outline:none;}
/*titles*/
h1 {
	color:#21536A;
	font:36px Georgia, "Times New Roman", Times, serif;
	padding:0 0 20px; 
}
h3 {
	color:#5C5C5C;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2 {
	color:#21536A;
	font:22px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
h2 span{
	color:#5C5C5C;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normale;
}
/*page*/
#page {
	margin:0 auto;
	width:952px;
	padding:0 15px;
	background:#fff url(images/body-bg.gif) repeat-x;
	border-left:10px solid #e2f0ef;
	border-right:10px solid #e2f0ef;
}
/*header*/
.header {
	width:951px;
	height:114px;
	padding:0px 1px 11px 0;
	overflow:hidden;
	background:url(images/header.jpg) right top no-repeat;
}
/*logo*/
.logo {
	width:auto;
	padding:0;
	color:#9AADB2;
	font:12px Georgia, "Times New Roman", Times, serif;
	float:left;
	width:951px;
	height:114px;
}
.logo a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:151px;
	height:114px;
	background:url(images/logo.jpg) no-repeat;
	float:left;
}
.logo p {padding:6px 0 0 1px;float:left;width:770px;padding-top:80px;height:44px;line-height:30px;font-size:22px;color:#fff;text-align:right;}
.logo p strong{font-weight:normal;font-size:22px;line-height:30px;padding:0;}
.adv-box {width:auto;}
ul.menu {
	list-style:none;
	margin:5px 0 0 0px;
	width:952px;
	position:relative;
	background:url(images/menu-bg.gif) repeat-x 0 100%;
	height:77px;
}
ul.menu:after {
	content:" ";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
ul.menu li {
	float:left;
	font:18px/44px Georgia, "Times New Roman", Times, serif;
}
ul.menu li a {
	color:#8C8C8C;
	text-decoration:none !important;
	display:block;
	background:url(images/menu-r.gif) no-repeat 100% -50px;
}
ul.menu li a span {
	display:block;
	background:url(images/menu-l.gif) no-repeat 0 -50px;
	padding:0 18px;
}
ul.menu li ul li a span{
	padding:0;
	background:none;	
}
ul.menu li a:hover,
ul.menu li.active a,
ul.menu li.hover a,
ul.menu li:hover a,
ul.menu li.active_parent a {
	color:#253B42;
	background-color:#E2F0EF;
	background-position:100% 0;
}
ul.menu li a:hover span,
ul.menu li.active a span,
ul.menu li.hover a span,
ul.menu li:hover a span,
ul.menu li.active_parent a span,
ul.menu li.current_page_ancestor a span {background-position:0 0;}
ul.menu ul {
	position:absolute;
	top:44px;
	left:0;
	width:100%;
	list-style:none;
	display:none;
}
ul.menu ul li {
	font:12px/31px Arial, Helvetica, sans-serif;
	padding:0 15px;
}
ul.menu ul li a {
	color:#5D828A;
	background:none;
}
ul.menu ul li a:hover {
	color:#39626B;
	font-weight:bold;
}
ul.menu li.hover ul,
ul.menu li:hover ul {display:block;}
.promo, .promo-inner {
	width:913px;
	padding:25px 20px 25px 19px;
	overflow:hidden;
	background:url(images/promo-bg.gif) no-repeat 0 100%;
	line-height:17px;
}

/* Update */
	 .promo-inner {
	 	margin:30px 0 0 0; padding:0 20px;
		text-align:center;
	 }
/* End Update */

.promo h1 a{
	color:#21536A;
}
.promo img, .promo object {margin:0 10px 0 20px; display:block;}
.promo .wordtube img, .promo .wordtube object {margin:15px 0; display:block;}
.promo-txt {
	display:table;
	height:1%;
}
.promo-txt p {padding:0 0 17px;}
.promo-txt a {color:#21536A;}
.posted strong {
	 display:block;
	 font-size:11px;
}
.promo-txt-ohne-foto p{
	font-size:18px;
	line-height:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.promo-txt-ohne-foto p.posted strong{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.promo .comment-box {padding-top:8px;}
.comment-box {
	width:100%;
	overflow:hidden;
	line-height:25px;
}
.comment-box a {color:#486C7D;}
.comment-box a.but {
	color:#fff;
	padding:0 10px;
	font-weight:bold;
	background:url(images/but-bg.gif) repeat-x;
}
.comment-box a.f-left {margin-right:35px;}

.main-content {
	width:950px;
	overflow:hidden;
	border:solid #dfdfdf;
	border-width:0 1px 1px;
	background:url(images/main-shdw.jpg) repeat-x 0 100%;
}
/*primary content*/
.primary-content {
	width:950px;
	background:url(images/primary-bg.gif) repeat-y -1px 0;
	overflow:hidden;
}
/*left column*/
.left-col {
	width:237px;
}



ul.post-list {
	overflow:hidden;
	list-style:none;
	padding:0 0 0 10px;
	width:227px;
}
ul.post-list li {
	float:left;
	font:18px Georgia, "Times New Roman", Times, serif;
	background:url(images/dotted.gif) repeat-x 0 100%;
	padding:13px 0 18px;
	display:inline;
}
ul.post-list li img {padding:0 0 15px;}
ul.post-list li a {
	color:#486C7D;
	text-decoration:none;
}
ul.post-list li a:hover {text-decoration:underline;}
/*center column*/
.center-col {
	width:481px;
	margin:0 0 0 1px;
}
.two-box {
	width:100%;
	overflow:hidden;
	background:url(images/two-box-shdw.gif) repeat-x 0 100%;
	border-bottom:4px solid #f4f4f4;
}
.two-box.last {
	border:0;
	margin:0 0 -1px;
}
.two-box-inn {
	width:460px;
	overflow:hidden;
	background:url(images/line.gif) repeat-y 240px 0;
	padding:11px 9px 25px 12px;
}
.sub-box {width:218px;}
.text-area {
	width:199px;
	padding:25px 10px 0 9px;
	overflow:hidden;
	line-height:17px;
}
	
	/* Update */
		.sub-box .text-area {
			padding:15px 10px 0 9px;
		}
	/* End Update */

.text-area h2 {padding:0 0 10px;}
.text-area h2 a{
	color:#21536A;	
}
.text-area p {padding:0 0 20px;}
.big-post {
	width:459px;
	padding:12px 10px 27px 12px;
	overflow:hidden;
	background:url(images/big-shdw.gif) repeat-x 0 100%;
	border-bottom:4px solid #f4f4f4;
	line-height:17px;
}
.big-post img {margin:0 22px 10px 0;}
.big-post h2 {padding:5px 0 10px;}
.big-post p {padding:0 0 20px;}
.big-post p a,
.big-post h2 a,
.post-comment a,
.navigation a{color:#21536A;}
/*right column*/
.right-col {width:230px;}

.left-col, .right-col {
	margin:0; padding:0;
	list-style:none;
	list-style-position:outside;
}

ul.adv-list, /* Update */ .left-col ul li /* End Update */ {
	overflow:hidden;
	list-style:none;
	/*background:url(images/adv-list-bg.gif) repeat-x 1px 100%;*/
	background:#efefef repeat-x 1px 100%;
	/*border-bottom:4px solid #f4f4f4;*/
	border-bottom:1px solid #dfdfdf;
	padding:12px 0 20px 18px;
	width:219px;
	height:100%; 
}

	.right-col li /* End Update */ {
		overflow:hidden;
		list-style:none;
		/*background:url(images/adv-list-bg.gif) repeat-x 1px 100%;*/
		background:#efefef repeat-x 1px 100%;
		/*border-bottom:4px solid #f4f4f4;*/
		border-bottom:1px solid #dfdfdf;
		padding:12px 0 20px 18px;
		width:219px;
		height:100%; 
	}


	/* Update */
		.right-col li {
			width:212px;
		}

	/* Update */
		.left-col ul li ul li, .right-col li ul li {
			margin:0; padding:2px 0;
			background:none;
			border:0;
			display:block;
		}
		
		.left-col ul li ul li {
			margin:0; padding:4px;
			width:193px;
		}
		
		.right-col li ul.news-box li, .left-col li #recentcomments li, .left-col #recent-posts li {
			margin:0; padding:10px 4px;
			background:url(images/dotted.gif) repeat-x bottom center;
			width:193px;
			border:0;
		}
				
			.left-col ul li h3, .right-col li h3 {
				margin:0 0 10px 0; padding:0;
			}
			
				.right-col li h3.blank {
					margin:0; padding:0;
				}
		
			.left-col ul li ul a, .right-col li ul a, .left-col ul li ul .calnk a {
				color:#486C7D;
				font:12px Georgia, "Times New Roman", Times, serif;
			}
			.left-col ul li ul .calnk a {
				border:none;
				cursor:default;
			}
			.left-col ul li ul a:hover, .right-col li ul a:hover {
				color:#21536A;
			}
			
			.left-col ul li ul, .right-col li ul, .left-col ul li h3, .right-col li h3{
				color:#8c8c8c;
			}
			
		.comment-text {
			min-height:30px;
			height:auto !important;
			height:30px;

		}
	/* End Update */

ul.adv-list li {
	padding:0 0 14px;
	height:100%;
}

.login-box {
	width:196px;
	overflow:hidden;
}

.search-box h3 {padding:0 0 10px;}
.search-box input.text,
.login-box input.text,
.post-comment input.text,
.post-comment textarea {
	border:1px solid #E3E3E3;
	width:184px;
	padding:4px 5px;
	font:13px Arial, Helvetica, sans-serif;
}
.search-box input.button {padding:9px 0 0;}
.login-box h3 {padding:0 0 13px;}
.login-box label,
.post-comment label {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#8E8E8E;
	padding:0 0 4px;
	display:block;
}
.post-comment label span{
	font-weight:normal;
}
.login-box input.text {margin-bottom:15px;}
.login-box input.button {padding-top:3px;}


.right-col li ul.news-box li a, .widget_recent_comments a {
	font:16px Georgia, "Times New Roman", Times, serif;
}

.news-box li small, .left-col li #recentcomments li  {
	font:11px Arial, Helvetica, sans-serif;
	color:#8E8E8E;
	display:block;
}

.news-box li small {
	margin:0; padding:8px 0 0 0;
}

.news-box li a, .widget_recent_comments a {
	color:#21536A;
	text-decoration:none;
}
ul li a:hover {text-decoration:underline;}

a.rsswidget img{display:none;}
h3 a.rsswidget{text-decoration:none;color:#8C8C8C;}

table#ligatabelle{
	
}
table#ligatabelle tr.strong td{
	font-weight:bold;
}
table#ligatabelle td.platz{
	width:15px;font-weight:bold;
}
table#ligatabelle td.mannschaft{
	width:152px;
}
table#ligatabelle td.platz{
	width:20px;
	background:url(images/tabelle_even.gif) right 3px no-repeat;
}
table#ligatabelle td.punkte{
	text-align:right;
}
table#ligatabelle td.auf{
	background:url(images/tabelle_up.gif) right 3px no-repeat;
}
table#ligatabelle td.ab{
	background:url(images/tabelle_down.gif) right 3px no-repeat;
}
table#ligatabelle tfoot td{
	padding-top:10px;
}

/*footer*/
.footer {
	width:948px;
	border-top:4px solid #f4f4f4;
	color:#ABB2B4;
	padding:26px 0 20px 4px;
	font:12px Georgia, "Times New Roman", Times, serif;
}
/* inner page
------------- */
.main-content.inn {
	margin-top:35px;
	border-top:1px solid #dfdfdf;
}
.inn .primary-content {border-top:4px solid #f4f4f4;}
.main-post {
	width:446px;
	padding:13px 17px 10px 18px;
	overflow:hidden;
	line-height:18px;
	border-bottom:4px solid #f4f4f4;
	background:url(images/big-shdw.gif) repeat-x 0 100%;
}
.main-post h1 {
	line-height:46px;
	padding-bottom:0;
}
.main-post .posted {padding:5px 0 32px;}
.main-post .posted a {color:#21536A;}
.main-post .posted strong {display:inline;}
.main-post img, .main-post object {margin-bottom:22px; display:block;}
.main-post p {padding:0 0 18px 3px;}
.main-post h2 {
	color:#5C5C5C;
	font:18px Arial, Helvetica, sans-serif;
	padding:0 0 10px 3px;
	font-weight:bold;
}
.main-post h3 {
	margin:10px 0;
	color:#444;
	font-size:16px;
}
.main-post h4 {
	margin:10px 0;
	color:#444;
	font-size:13px;
}
.main-post ul.list {
	margin:0 0 25px 20px;
	padding:0;
}
.main-post ul.list li.head {
	list-style:none;
	margin:0 0 0 -17px;
	padding:0;
	list-style-position:outside;
}
.main-post a{
	text-decoration:underline;
}

.main-post strong {
	color:#444;
}
.main-post strong.extra {
	color:#444;
	background:#e2f0ef;
	padding:1px 2px;
}
.main-post .posted strong {
	color:#5C5C5C;
	background:none;
	padding:0;
}
.main-comments {
	width:100%;
	overflow:hidden;
	padding:22px 0 0;
}
.main-comments h2,
.post-comment h2 {
	font:36px Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 19px;
}
.main-comments ul {
	overflow:hidden;
	list-style:none;
	border-top:1px solid #dfdfdf;
	margin:21px 0 0;
}
.main-comments ul li {
	border-bottom:1px solid #dfdfdf;
	padding:20px 0 15px;
}
.main-comments ul li.color {background:#F9FBFC;}
.main-comments ul h3 {
	font:bold 13px Arial, Helvetica, sans-serif;
	width:169px;
	padding:0 22px 0 0;
	text-align:right;
}
.main-comments ul small {
	color:#8E8E8E;
	font-size:11px;
	display:block;
}
.main-comments ul li a {color:#486C7D;}
.main-comments ul p {
	display:table;
	height:1%;
	line-height:17px;
	color:#848484;
	padding-right:10px;
	margin-left:191px;
}
.post-comment {
	width:443px;
	overflow:hidden;
	padding:25px 0 15px 20px;
}
.post-comment h2 {padding:0 0 30px;}
.post-comment label {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#8E8E8E;
	display:block;
}
.post-comment input.text {margin:0 0 18px;}
.post-comment textarea {
	width:431px;
	height:149px;
}
.post-comment input.button {
	margin:19px 0 0;
	display:block;
}

p.postmetadata{
	margin:10px 0 0 0;
	border-left:2px solid #9FADB1;
	padding:0 0 3px 5px;
	color:#8E8E8E;
}
p.postmetadata a{
	color:#9FADB1;
}
p.postmetadata a:hover{
	color:#21536A;
}
img.wp-smiley{
	display:inline;
}

.search-excerpt{
	background:#FFFF5E;
}

.pads {
	margin:0; padding:10px;
	text-align:center;
	background:url(images/big-shdw.gif) repeat-x 0 100%;
	border-bottom:4px solid #f4f4f4;
}

blockquote {
	margin:0 auto 10px auto; padding:10px 10px 0 10px;
	width:85%; height:auto;
	background:url(images/big-shdw.gif) repeat-x 0 100%;
	border:2px solid #f4f4f4;
}

.left-col ul li ul li:before{
        content: "\00BB \0020";
        }

#kontaktform fieldset{
	border:0;
	margin:0;
	padding:0;
}
#kontaktform label{
	color:#8c8c8c;
}
#kontaktform .inputText {
border-color:#A1A1A1 #EDEDED #EDEDED #A1A1A1;
border-style:solid;
border-width:1px;
width:435px;
}
#kontaktform .inputText, #kontaktform .inputTextarea, #kontaktform .inputButton {
color:#434343;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:5px;
margin-top:2px;
padding:3px;
}
#kontaktform .inputTextarea {
border-color:#A1A1A1 #EDEDED #EDEDED #A1A1A1;
border-style:solid;
border-width:1px;
height:120px;
width:435px;
}
#kontaktform .inputButton {
cursor:pointer;
font-weight:bold;
}
#kontaktform pre{
	margin:0;
	pading:0;
	font-family:Arial,Helvetica,sans-serif;
}
#kontaktform img#captchaimg{
	padding:0;
	margin:0;
}

address{
	font-style:normal;
}

.left-col ul li.widget_twitter a{
	color:#8c8c8c;
}
.left-col ul li.widget_twitter ul li:before{
        content: none;
        }
.left-col ul li.widget_twitter ul.tweets li{
	line-height: 17px;
}
.left-col ul li.widget_twitter a.timesince{
	padding-top:1px;
	display:block;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#486C7D;
}
.left-col ul li.widget_twitter a.timesince:hover{
	color:#21536A;
}