@charset "utf-8";
/* CSS Document */

/** {margin:0px; padding:0px;}*/
html {margin:0px; padding:0px;}
body 
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/_signs/body_background.jpg) #e1ecee repeat-x;
	margin:0px;
	padding:0px;
	color:#333333;
}

a { text-decoration:none; color:#333333;}
a:hover {text-decoration:underline;}
img {border:none;}

#wrapperContainer
{
	/*width:826px;*/
	width:1000px;
	margin:0px auto 0px auto;
}
#wrapperContainer hr {clear:left; color:#e5e5e5; background-color:#e5e5e5; height:1px; border:0; margin:5px 0px 10px 12px; width:473px;} /*3 0 10 12 */
#contentHolder { float:left; width:826px;}

#wrapperSky  { float:left; width:160px; margin-left:0px; margin-top:183px; }
#adsSky {margin-left:8px;}
#adsSky2 {margin-left:8px; margin-top:30px;}
#adsButton,#adsButton2,#adsButton3{margin-left:8px; margin-top:30px;}

#adsBillboard {margin:8px 0px 8px 0px; text-align:center;}

#adsMaxiboard { margin:0px; text-align:center; margin:20px 0px 20px 0px;}

#header
{
	/*height:200px;*/
	padding:12px 12px 7px 12px;
	margin-bottom:8px;
	background-color:white;
}

#topNaviContainer
{
	height:35px;
	width:100%;
	font-size:10px;
	float:left;
	margin-left:4px;
	padding-top:4px;
}

#weatherContainer {width:295px; height:30px; float:left;margin-top: 10px;}
#weatherContainer  img {float: left; margin-top: -8px; margin-right: 5px;}
#centerNaviContainer  {width:230px; height:18px; float:left; padding-top:12px;}
#centerNaviContainer a { margin:0px 5px 0px 5px;}
#centerNaviContainer a:hover {color:#0066cc;}
#searchContainer { height:20px;float:left; padding-top:10px;}

#searchContainer input.search 
{
	width:147px;
	height:16px;
	font-size:10px;
	border:none;
	float:left;
	background-image:url(/_signs/searchBox_Back.png);
	background-repeat:no-repeat;
	padding-left:3px;
	padding-top:2px;
	margin-left:99px;
}

#searchContainer input.searchGO
{
	width:18px;
	height:18px;
	background-image:url(/_signs/searchBoxGO.png);
	border:none;
	margin-left:6px;
}

#dateContainer { color:white; font-weight:bold; float:right; margin-right:17px; margin-top:-27px;  position:relative;z-index:10;}

#topLogo
{
	height:100px;
	clear:left;
	margin-bottom:6px;
	z-index:0;
	position:relative;
}

ul#mainNavigation {
	margin:0px;
	list-style:none;
	font-size:13px;
	height:21px;
	display:block;
	border:0px solid black;
	padding-left:0px;
}
  
#mainNavigation li {
	float:left;
	margin:0px 2px;
  }
#mainNavigation a {
	float:left;
	display:block;
	padding:1px 15px 2px 10px;
	text-decoration:none;
	margin-left:1px;
	height:17px;
}
/* Commented Backslash Hack
   hides rule from	 IE5-Mac \*/
#mainNavigation a {float:left;}
/* End IE5-Mac hack */
#mainNavigation a:hover {
	text-decoration:underline;
	color:#0066cc;
  }
#mainNavigation li#current {
	background-image:url("/_signs/NaviBackgroundLeft.png");
  }
#mainNavigation #current a {
	background:url("/_signs/NaviBackgroundRight.png") no-repeat right top;
	color:white;
  }
#mainNavigation img {margin-top:1px;}

ul#subNavigation
{
	margin:0px;
	height:17px;
	font-size:11px;
	list-style:none;
	background-image:url(/_signs/subnavigationVerlauf_Back.png);
	background-repeat:repeat-x;
	padding-left:13px;
	padding-top:9px;
	margin-top:3px;
	margin-left:0px;
	display:block;
}

#subNavigation li
{
	background-image:url(/_signs/liElementBackground.png);
	background-repeat:no-repeat;
	float:left;
	padding-left:12px;
	padding-right:15px;
}
#subNavigation li a {color:#0066cc; padding:0px;}
#subNavigation li a:hover {color:#333333;}
#subNavigation li.empty {background-image:none;}

#mainContentContainer
{
	width:497px; /*473*/
	float:left;
	margin-right:5px;
	margin-bottom:8px;
	line-height:1.6;
	padding:0px 0px 20px 0px; /*0px*/
	background-color:white;
}

#failureBox {background-color:white; padding:20px 20px 0px 20px; font-weight:normal;}
#failureBox h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 1.3; color:#cc0000; padding:0px 0px 13px 0px;}

.article {border:0px solid black; padding:0px 12px 20px 12px; overflow:hidden;}
.article a {color:#0066cc; font-weight:bold;}
.article h2 { margin:0px; font-size:10px; font-weight:bold; text-transform:uppercase; padding:10px 12px 4px 0px;}
.article h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height: 1.3; color:#0066cc; padding:0px 0px 13px 0px;}
.article h1 > a {font-weight:normal;}
.article h1 > a:hover { /*text-decoration:underline;*/ color:#333333;}

.articleTeaserSmallImg {float:left; padding-right:17px; /*margin-bottom:19px;*/}
.articleTeaserBigImg { margin-bottom:15px;} /*0px f�r articleDetail (damit grauer Bilddescription-Box direkt anschlie�t)*/
.articleAuthorDate { font-size:11px; color:#999999; padding-bottom:10px;}
.articleAuthorDate > .commentCount {/*color:#0066cc; veerbt von .article a*/ font-weight:normal;}
.articleLead {font-weight:bold; margin-bottom:27px;}

#articleImgWrapper {margin:20px 0px 30px 0px; text-align:center;} /* to center image */
#articleImgDescription {background-color:#f5f5f2; border-bottom:1px solid #e0e0df; margin-top:1px; padding:11px 8px; text-align:left;} /* reset alignment */
#articleImgDescription > #articleImgSource {color:#999999; margin-left:7px;}

#articleImgDescription > p {display:inline;}

#articleContainer {background-color:white; padding:0px 12px 12px 12px; border:0px solid black;}
#articleContainer a {color:#0066cc; font-weight:normal;}
#articleContainer hr {margin:10px 0px 10px 0px;}


/*
#articleContainer > ul, #articleContainer > ol {margin: 1em 0; margin-left:30px;}
#articleContainer > li {margin:0.6em 0;}*/


/* Artikeldetail: Bildgalerie*/

#buttonPrev,#buttonNext {width:20px; height:20px; float:right; border:none; margin-top:-5px; cursor:pointer;}
#buttonNext {margin-left:10px;}
#currentImage {/*text-align:left;*/ font-weight:bold;}
#imgBrowse {text-align:center; margin:5px 0px 15px 0px;}


#articleTags {color:#999999; margin-top:20px;}
#articleTags a {margin:0px 5px;}

#linkleisteTop {height:49px; background-image:url('/_signs/linkleisteTopBackground.png'); margin:0px; padding:0px; padding-top:5px; overflow:hidden;}
#linkleisteBottom {height:18px; background-image:url('/_signs/linkleisteBottomBackground.png'); padding-top:20px; margin-top:30px;  overflow:hidden;} /* height 17, padding 14 fr PHOTOSHOP*/
#linkleisteBottom ul {margin:0px; padding:0px;}
#linkleisteBottom li, #linkleisteTop li {padding:0px 0px 0px 42px; list-style:none; float:right;} /*vorher padding:0px 28px 0px 0px; float:left;*/
#linkleisteBottom a, #linkleisteTop a {color:#999999;}
#linkleisteBottom a:hover, #linkleisteTop a:hover {color:#0066cc; text-decoration:none;}
#linkleisteBottom img, #linkleisteTop img {vertical-align:text-bottom; margin-left:5px;}

#commentContainer {margin-top:8px; background-color:white; padding:12px 12px 12px 62px; font-weight:normal; }
#commentContainer a {font-weight:normal;}
#commentContainer img {}

#commentContainerHeader, #commentSentHeader 
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 0px 15px 0px;
	margin-left:-50px;
	margin-bottom:30px;
	background-image:url('/_signs/commentHeaderBackground.png');
}
#commentContainerHeader img {vertical-align:middle; margin-right:15px;}

#commentSentContainer {overflow:hidden; background-color:white; margin-bottom:8px; padding:12px 12px 24px 12px;}
#commentSentHeader { margin-bottom:15px; margin-left:0px;}
#commentSentHeader img{margin-bottom:-2px; margin-right:5px;}

.commentBox 
{
	margin:0px 0px 30px -50px;
	padding:0px 20px 30px 50px;
	background-image:url('/_signs/commentBoxBackground.png');
	background-position:bottom;
	background-repeat:repeat-x;
	overflow:hidden; /* um Ueberlappungen zur nchsten Commentbox zu verhindern */
}

.commentBox img {margin-top:5px;}
.commentBox h3 {margin-right:17px; display:inline; font-size:11px; }
.commentBox h4 {color:#999999; display:inline; font-weight:normal; font-size:11px;}

.commentfade { margin-top:8px;}
.commentfade a {color:#999999;}
.commentfade a:hover {color:#0066cc; text-decoration:none;}
.commentfade img {margin-bottom:-2px; margin-right:8px;}

.commentBox .commentAuthor {background-image:url('/_signs/commentAuthorBackground.png'); height:20px; margin:0px 0px 10px -50px; border:0px solid black}

#addComment { color:#333333; margin-top:8px; margin-bottom:0px; background-color:white; padding:12px 12px 12px 62px; font-weight:normal; }
#addCommentHeader
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase; 
	padding:2px 0px 15px 0px;
	margin-left:-50px;
	margin-bottom:30px;
	background-image:url('/_signs/commentHeaderBackground.png');
	border:0px solid black;
}
#addCommentHeader img {vertical-align:middle; margin-right:10px;}
#addCommentInput { width:360px; border:0px solid black; padding-top:30px; } /*Box um alle Inputs herum (inputfield & textarea)*/
#addComment input, #addComment textarea {border:1px solid #cccccc;}


#formContainer {padding:12px;}
#formContainer h1 
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 1.3;
	padding:0px 0px 0px 0px;
	background-image:url('/_signs/formHeaderBackground.png');
	background-position:bottom;
	background-repeat:no-repeat;
	height:35px;
	border:0px solid black;
	margin-bottom:20px;
}

#formTitleBox 
{
	background-image:url('/_signs/formTitleBackground.png');
	background-position:bottom;
	background-repeat:no-repeat;
	color:white;
	font-weight:bold;
	margin-top:20px;
	padding-left:5px;
	height:22px;
}

#searchResultContainer {background-color:white; margin-top:5px; padding:0px 12px 12px 12px; border:0px solid black;}
#searchResultContainer hr.searchresultHR {margin-left:0px;}

.teaserContainer
{
	width:324px;
	font-size:10px;
	float:left;
	line-height:1.6;
	padding-bottom:3px; /* 3px + 5px der teaserBoxes = 8px nach unten zum Footer (falls height(maincontentContainer)  > height(teaserContainer) */
}

.teaserContainer a {font-weight:bold; color:#0066cc;}

.teaserBox
{
	width:300px;
	float:left;
	margin-bottom:5px;
	padding:12px 12px 12px 12px;
	background-color:white;
}

.teaserBox h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:uppercase; font-weight:bold; padding:0px 0px 5px 0px; line-height:1.0;}
.teaserBox h2{ /*color:#0066cc; font-weight:bold;*/ margin:0px; font-size:12px; padding:0px 0px 8px 0px;}
.highlightImg { margin-right:15px;}
.teaserTable {border-collapse:collapse;}
.teaserTable td {vertical-align:top; }
.teaserTable td img { margin-right:13px;}
/*.teaserTabel td > a > img { margin-right:15px;}*/ /*funktioniert nicht, wenn auf dem Bild kein Link liegt!!!*/
.teaserLink  {margin-top:10px; display:block;}
.teaserLink > a > img {margin-right:0px;}

.greenHighlight { background-color:#e8f7d9; padding:13px; margin-bottom:3px;}
.blueHighlight { background-color:#eaeef6; padding:13px; margin-bottom:3px;}

.teaserImageWrapper {width:300px; height:130px; margin:0;padding:0; overflow:hidden;}

/* Spezialfall: Andere Formatierung für VEREINE */
#moreClubs .teaserTable a {font-weight:normal; color:#333333;} 
#moreClubs .teaserTable ul {margin:0; padding-left:25px;}

#galleryContainer
{
	margin:0px 0px 8px 0px;
	padding:0px 0px 12px 12px;
	background-color:white;
	clear:left;
	overflow:hidden;
}

#galleryContainer h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; text-transform:uppercase;  padding:15px 0px 15px 0px;}

.galleryElement
{
	width:150px;	
	float:left;
	margin-right:13px;
	padding-bottom:12px;
	line-height:1.3;
}
/*.galleryElement a > img {margin:0px 0px 1px 5px;} *//*5px*/
/*.imgElement{ margin-bottom:0px; }*/
.galleryElementSubtext {margin-top:10px;}
.galleryElementSubtext img {margin:0px 0px 1px 5px;}

#localContentContainer
{
	width:497px;
	float:left;
	padding:0px 0px 15px 0px;
	background-color:white;
	margin:0px 5px 8px 0px;
	line-height:1.6;
}

#localContentContainer a {font-weight:bold; color:#0066cc;}
#localContentContainer h2 { margin:0px; font-size:10px; font-weight:bold; text-transform:uppercase; padding:17px 0px 4px 0px;}
#localContentContainer h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height: 1.3; color:#999999; padding:0px 0px 8px 0px;}
#localContentContainer h1 > a {font-weight:normal; color:#999999;}
#localContentContainer h1 > a:hover { color:#0066cc;}
.localImg {float:left; padding-right:17px; margin-bottom:19px;}
.localLead { font-weight:bold; color:#cc0000;}

#verlaufUp, #verlaufDown {height:0px; float:left; width:324px; background-repeat:no-repeat;}
#verlaufUp {background-position:bottom; }
#verlauf {height:0px; float:left; width:324px; background-repeat:no-repeat;}
#verlaufMain {height:0px; float:left; width:497px; background-repeat:no-repeat; margin-top:8px;}

#footer
{
	height:149px;
	clear:left;
	line-height:1.5;
	background-image:url(/_signs/footerVerlauf_Back.png);
}

#footer a { font-size:11px; color:#0066cc; text-decoration:none; }
#footer a:hover {color:#333333; text-decoration:underline;}

#footerLeft
{
	width:473px;
	float:left;
	padding:15px 12px 10px 12px;
}

#footerLeft h3, #footerRight h3 {margin:0px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; padding-bottom:8px; }

#footerRight
{
	width:312px;
	float:left;
	padding:15px 12px 10px 5px;
}

/*tagcloud*/
#tagcloud {background-color:#f5f5f5; padding:10px; line-height:22px;}
#tagcloud  > a {font-weight:normal; margin:0px 3px;}
#tagcloud .tag0 { font-size: 9px; }
#tagcloud .tag1 { font-size: 11px; }
#tagcloud .tag2 { font-size: 13px; }
#tagcloud .tag3 { font-size: 15px; }
#tagcloud .tag4 { font-size: 17px; }
#tagcloud .tag5 { font-size: 19px; }
#tagcloud .tag6 { font-size: 21px; }
#tagcloud .tag7 { font-size: 23px; }
#tagcloud .tag8 { font-size: 25px; }
#tagcloud .tag9 { font-size: 27px; }

.lastCommentsBoxHeader {background-image:url(/_signs/lastCommentsHeaderBackground.png);	margin-top:-7px; padding-top:7px;}
#lastComments {line-height:1.5; padding:0px 10px; background-color:#f5f5f5;}
.lastCommentTeaser {padding:10px 0px 12px 0px;}
.lastCommentTeaser h2 {margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; padding-bottom:4px;}
.lastCommentTeaser h3 {margin:0px; font-size:10px; color:#999999; font-weight:normal;}
.lastCommentTeaser a {font-weight:normal}