/**
 * Seite: doyoufootball.de
 * Datei: basic.css
 * Media: screen
 *
 * Datum: 2009-09
 * Autor: Niels Weber, Ticcon AG
 *
 * Color: darkgreen  - RGB: 126 / 133 / 37 (#7E8525)
 *        lightgreen - RGB: 177 / 202 / 52 (#B1CA34)
 *
 * COLOR COMBO ???
 * http://www.colorcombos.com/combotester.html?color0=184D68&color1=31809F&color2=FB9C6C&color3=D55121&color4=CFE990&color5=EAFBC5
 *
 ****************************************************************************************************/


/*==================================================
* Importierte Stylesheets
*===================================================*/
@import url("dmailsubscrip.css");
@import url("sitemap.css");
@import url("form.css");


/*==================================================
* allgemeine Angaben
*===================================================*/
.hidden { display: none;  }
.cl     { clear: both;    }
.error  { color: #7E8525; font-weight: bold; }
/*********************************************************/
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,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/*********************************************************/
IMG     { border: 0; }
A       { color: #7E8525; text-decoration: underline; }
A:hover { color: #7E8525; text-decoration: none;      }
LABEL   { display: block; }
H1      { display: none; }
TABLE   {
	margin: 0 0 20px 18px;
	border-collapse: collapse;
	border-spacing: 0;
}
TABLE TR TD {
	overflow: hidden;
	font-size: 12px;
	/*letter-spacing: 1.5px;*/
	word-spacing: 2px;
	line-height: 18px;
}


/*==================================================
* Seitenaufbau / Formatierungen
*===================================================*/
body {
	background-image: url(../img/bg_body.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FFFFFF;
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
}
/*********************************************************/
#container {
	width: 960px;
	height: auto;
	margin: 0 auto 0 auto;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
}
/*********************************************************/
#header {
	width: 100%;
	height: 164px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/bg_header.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header #logo {
	width: 190px;
	height: 95px;
  position: absolute;
  top: 20px;
  right: 20px;
}
#header #banner {
	width: 485px;
	height: 100px;
  position: absolute;
  top: 40px;
  left: 20px;
}
/*********************************************************/
#rubpic {
	width: 100%;
	height: 227px;
	position: absolute;
	top: 196px;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

#main {
	width: 100%;
	height: 987px;
	position: absolute;
	top: 430px;
	left: 0;
	background-color: #FFFFFF;
}
/*********************************************************/
#content {
	width: 633px;
	height: 1050px;
	position: absolute;
	top: 0;
	left: 22px;
	overflow: hidden;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content #navi-bct {
	width: 100%;
	height: 25px;
	overflow: auto;
	color: #B1CA34;
	font-size: 12px;
	letter-spacing: 1.5px;
	word-spacing: 2px;
	line-height: 18px;
}
#content #navi-bct A {
	color: #B1CA34;
	font-size: 12px;
	letter-spacing: 1.5px;
	word-spacing: 2px;
	line-height: 18px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content #innercontent {
	width: 100%;
	height: 994px;
	overflow: auto;
	color: #000;
	padding-bottom: 30px;
}

#content #innerinnercontent {
	width: 600px;
	border:1px solid white;
}

#content #innercontent H2 {
	width: 600px;
	height: 25px;
	margin: 0 0 10px 0;
	/*background-image: url(../img/bg_h2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	background-color: #b4d232;
	color: #FFFFFF;
	font-family: Arial Black;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	text-indent: 18px;
	letter-spacing: 1.5px;
	line-height: 25px;
}
#content #innercontent H2 A {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial Black;
	text-decoration: none;
	line-height: 25px;
}
#content #innercontent H2 A:hover {
	color: #000000;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content #innercontent H3 {
	padding: 0 0 10px 18px;
  color: #7E8525;
	font-family: Arial Black;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1.5px;
}
#content #innercontent H3 A {
	color: #7E8525;
	font-family: Arial Black;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1.5px;
	text-decoration: underline;
}
#content #innercontent H3 A:hover {
	color: #333333;
  text-decoration: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content #innercontent H4 {
  padding: 0 0 10px 18px;
	color: #B1CA34;
	font-family: Arial Black;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1.5px;
}
#content #innercontent H4 A {
	color: #B1CA34;
	font-family: Arial Black;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
#content #innercontent H4 A:hover {
	color: #555555;
  text-decoration: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content #innercontent P {
	padding: 0 10px 10px 18px;
	font-size: 12px;
	/*letter-spacing: 1.2px;*/
	word-spacing: 2px;
	line-height: 18px;
	color: #000;
}
#content #innercontent P.csc-subheader-1 {
	height: 45px;
	overflow: hidden;
	font-family: Arial Black;
	font-size: 33px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -2px;
	line-height: 35px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content #innercontent UL,
#content #innercontent OL {
	margin: 0 0 0 20px;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
}
#content #innercontent OL {
	margin: 0 0 0 25px;
}
/*********************************************************/
#marginal {
	width: 300px;
	height: 1207px;
	overflow: hidden;
	position: absolute;
	right: 0;
}
#marginal .boxwrap {
	width: 299px;
}
#marginal .boxwrap H3 {
	padding: 0 0 10px 20px;
	color: #FEFEFE;
	font-family: Arial Black;
	font-size: 28px;
	text-transform: uppercase;
}
#marginal .boxwrap P {
	padding: 0 0 0 20px;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 18px;
}
#marginal .boxwrap .more-link, 
#marginal .boxwrap .prettyPhoto {
	height: 14px;
	margin: 10px 0 0 0;
	padding: 0 24px 0 0;
	display: block;
    background-image: url(../img/bg_box_more-link.gif);
	background-repeat: no-repeat;
	background-position: top right;
	color: #777777;
	font-family: Arial Black;
	font-weight: normal;
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 12px;
}
* HTML #marginal .boxwrap .more-link {
  background-position: right -1px;
}
#marginal .boxwrap .more-link:hover {
	color: #B4D232;
}
/*********************************************************/
#footer {
	width: 100%;
	height: 118px;
	position: absolute;
	top: 1488px;
	left: 0;
	background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #000000;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer #emblem {
	width: 600px;
	position: absolute;
	top: 60px;
	left: 35px;
}
#footer #emblem P {
	position: relative;
}
#footer #emblem P STRONG {
	width: 175px;
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
	color: #C8E80D;
	font-family: Arial Black;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 16px;
}
#footer #emblem P SPAN.wrap {
	width: 400px;
  display: block;
  position: absolute;
  top: 0;
  left: 180px;
}
#footer #emblem P SPAN.wrap A {
	padding: 0 10px 0 0;
	display: inline-block;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer #address {
	width: 325px;
	position: absolute;
	top: 50px;
	right: 31px;
	text-align: right;
}
#footer #address SMALL {
	color: #C8E80D;
	font-size: 9px;
	line-height: 10px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer #navi-footer {
	position: absolute;
	top: 2px;
	right: 30px;
	font-family: Arial Black;
	font-size: 11px;
	text-transform: uppercase;
}
#footer #navi-footer SPAN.divider {
	padding: 0 7px 0 7px;
	display: inline-block;
	position: relative;
	top: 0;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 23px;
}
#footer #navi-footer A {
	color: #FFFFFF;
	font-family: Arial Black;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1.5px;
}
#footer #navi-footer A:hover {
	color: #C8E80D;
}
/*********************************************************/





/*********************************************************/
.boxwrap {
	width: 100%;
	margin: 0 0 7px 0;
	border-right: 1px solid #A9A9AA;
	border-bottom: 1px solid #A9A9AA;
	background-color: #bbb9bc;
}
.boxwrap .innerwrap {
	padding: 20px 10px 10px 10px;
}
/*********************************************************/





/*********************************************************/
#lang_switch {
	border-top: 4px solid #184D68; 
	text-align: right;
}
#lang_switch .tx-bblanguageselect-pi1 {
	padding: 2px 2px 2px 2px;
}
.tx-bblanguageselect-pi1 { display: inline; }
/*********************************************************/
#content .csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image IMG {
	border-top: 1px solid #B1CA34;
	border-right: 1px solid #7E8525;
	border-bottom: 1px solid #7E8525;
	border-left: 1px solid #B1CA34;
}
.csc-textpic-caption {
	margin-top: 5px;
}
/*********************************************************/
input.powermail_text {
	width: 350px;
}

textarea.powermail_textarea {
	width: 350px;
	height: 100px;
}
.tx-powermail-pi1_fieldset legend {
	display: none;
}
/*********************************************************/

.haendler_entry {
	width: 45%;
	height: 180px;
	float: left;
	margin-right: 5%;
	margin-bottom: 20px;
	border-bottom: 2px solid #949496; 
}

.wfqbe_browser {
	color: #000;
}


.tx-t3blog-pi2 .blogList .item .date,
.tx-t3blog-pi2 .blogList .item .time,
.tx-t3blog-pi2 .blogList .item .categories,
.tx-t3blog-pi2 .single .date,
.tx-t3blog-pi2 .single .time,
.tx-t3blog-pi2 .single .categories {
	display: inline;
	margin-right: 10px;
}

.tx-t3blog-pi2 .blogList .itemTop,
.tx-t3blog-pi2 .single .itemTop {
	margin: 10px 0 20px 0;
}

.tx-t3blog-pi2 .blogList .item .date,
.tx-t3blog-pi2 .single .date {
	margin-left: 17px;
}

.tx-t3blog-pi2 .rss {
	text-align: center;	
}

.tx-t3blog-pi2 .rss_post,
.tx-t3blog-pi2 .rss_comment {
	display: inline;
	margin-right: 30px;
}

.tx-t3blog-pi2 #latestComments a {
	color: #fff;
}

.tx-t3blog-pi2 #categories li {
	list-style: none;
}

.tx-t3blog-pi2 #categories li a {
	color: #fff;
}

.tx-t3blog-pi2 #categories li .postnum {
	margin-left: 10px;
}

.tx-t3blog-pi2 #blogrollList li {
	list-style: none;
}

.tx-t3blog-pi2 #blogrollList li a {
	color: #fff;
}

.tx-t3blog-pi2 #blogrollList li .postnum {
	margin-left: 10px;
}

.tx-t3blog-pi2 .commentFormStyle {
	padding-left: 20px;
}

#content #innercontent .tx-t3blog-pi2 #commentListTitle {
	padding-left: 20px;
	margin: 0;
}

#content #innercontent .tx-t3blog-pi2 .commentFormStyle h4 {
	padding-left: 0;
}

#content #innercontent .tx-t3blog-pi2 .commentFormStyle .text {
	width: 350px;
}

#content #innercontent .tx-t3blog-pi2 .commentFormStyle .formField {
	width: 450px;
}

#content #innercontent .tx-t3blog-pi2 .commentFormStyle .button {
	float: right;
}

.tx-t3blog-pi2 #commentList li {
	list-style: none;
}

.tx-t3blog-pi2 .commentListListing {
	margin-left: 20px;
	margin-bottom: 20px;
}

.tx-t3blog-pi2 .commentListListing .author,
.tx-t3blog-pi2 .commentListListing .date,
.tx-t3blog-pi2 .commentListListing .time {
	display: inline;
}

.tagCloud {
	overflow:auto;
}

.tagCloud .tag-cloud li {
	float: left;
	list-style: none;
	margin-right: 6px;
	margin-top: 3px;
}

.tx-timtabsociable-pi1 {
	text-align: center;
}

.tx-timtabsociable-pi1 img {
	padding: 2px;
	border: 1px solid #b4d232;
	margin-right: 2px;
}

#flashcontent{
	margin-left:100px;
	margin-bottom: 30px;
}

.pageBrowser {
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7E8525;
	text-align: center;
}

.pageBrowser li {
	display: inline;
	margin-right: 10px;
}

#singleNavigation {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7E8525;
}

#singleNavigation .previous,
#singleNavigation .backtolist,
#singleNavigation .next {
	display: inline;
	margin-right: 20px;
}