body { height: 101%; }
strong { font-weight: bold; }

/* ------------ */

#pagewrapper * { cursor: url('/img/layout/stinkefinger.gif'), url('/img/layout/stinkefinger.cur'), auto; }
#pagewrapper a, #pagewrapper a * { cursor: url('/img/layout/stinkefinger.gif'), url('/img/layout/stinkefinger.cur'), pointer; }
#pagewrapper input[type="text"], #pagewrapper input[type="password"], #pagewrapper textarea { cursor: text; }



/* SCHRIFT und TEXT */

/*
	Titel: Impact,Charcoal,sans-serif (letter-spacing: -0.05em)
	Rest: Verdana,Arial,sans-serif
*/

body { font-family: Arial,Helvetica, sans-serif; font-size: 12px; line-height: 1.2em; background-color: black; }

h3.title, h3.articletitle { font-family: Impact,Charcoal,sans-serif; font-size: 36px; line-height: 0.8em; text-transform: lowercase; }

h3#title_community, h3#title_sponsoren { font-size: 32px; }
div.sidelink-box h3.title { font-size: 32px; line-height: 0.8em; }
div.sidelink-box h4 { font-family: Impact,Charcoal,sans-serif; font-size: 13px; line-height: 0.8em; text-transform: lowercase; }

#header div#claimline { font-family: Arial,Helvetica, sans-serif; font-size: 15px;  line-height: 0.8em; text-transform: lowercase; }

#middle_col #socialmedialine .socialmediabox a, #footer a { font-family: Impact,Charcoal,sans-serif; font-size: 18px; line-height: 0.8em; text-transform: lowercase; text-decoration: none; }
#middle_col #socialmedialine .socialmediabox a { line-height: 30px; }

div.sidelink-box, div.sidelink-box a { color: white; }



/*
h1.title, h1.title a { font-family: Impact,Charcoal,sans-serif; font-size: 36px; line-height: 0.8em; text-transform: lowercase; }
*/
h2.title, h2.title a, h2.heading_title, h2.heading_title a { font-family: Impact,Charcoal,sans-serif; font-size: 36px; line-height: 0.8em; text-transform: lowercase; }
h2.title_underline, h3.title_underline { border-bottom: 1px solid black; padding-bottom: 10px; margin-bottom: 10px; }

h3.heading_title, h3.heading_title a { font-family: Impact,Charcoal,sans-serif; font-size: 36px; line-height: 0.8em; text-transform: lowercase; margin-top: 6px; }

div.monthly_archive h4 { font-weight: bold; margin-bottom: 6px; }
div.monthly_archive ul li { margin-bottom: 4px; }


div.heading_title { font-family: Impact,Charcoal,sans-serif; font-size: 16px; line-height: 0.9em; text-transform: lowercase; }
div.listing_heading_title { font-family: Impact,Charcoal,sans-serif; font-size: 32px; line-height: 0.9em; text-transform: lowercase; }



div.frontteaser div.article_title { font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 0.9em; text-transform: lowercase; }

div.frontteaser-double div.article_title { font-family: Impact,Charcoal,sans-serif; font-size: 56px; line-height: 0.9em; text-transform: lowercase; }

div.frontteaser-double div.heading_title { font-family: Impact,Charcoal,sans-serif; font-size: 32px; line-height: 0.9em; text-transform: lowercase; }

div.frontteaser-double p { font-size: 166%; line-height: 1.2em; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }




/* Menu */
ul#navigation li { font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 0.9em; text-transform: uppercase; margin-top: 6px; }

ul#navigation li ul li { font-size: 16px; line-height: 1em; text-transform: lowercase; margin-left: 6px; margin-top: 0; }

#left_col h4.newest_comment_title { font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 0.9em; text-transform: uppercase; margin-top: 40px; margin-bottom: 6px; }
#left_col h4.biglink  { font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 0.9em; text-transform: uppercase; margin-bottom: 6px; }

ul#newest_comments li { margin-bottom: 6px; }
ul#newest_comments li a.newest_comments_name { font-weight: bold; }


/* Suche */
div.search_errormessage { font-size: 14px; line-height: 1.2em; background-color: #f9a; padding: 4px; margin-top: 12px; overflow: hidden; border: 3px solid #f79; }




/* FRAMEWORK */

#pagewrapper { margin: 25px auto 30px auto; width: 1185px; text-align: left; border: 5px solid white; }

#header { text-align: left; background-color: black; color: white; width: 1185px; position: relative; }
#header h1 { overflow: hidden; background: url('/img/layout/logo_redesign2010_v4.jpg') no-repeat; width: 464px; height: 95px; margin: 10px; }
#header h1 a { width: 700px; height: 140px; display: block; }
#header h1 a span { display: none; }

#header div#claimline { color: white; background-color: black; padding: 10px; border-top: 5px solid white; border-bottom: 5px solid white; }


#fourcols { text-align: left; overflow: hidden; width: 1185px; background: #fff url('/img/layout/background_raster_1185px_schwarz.gif') repeat-y; clear: both; }
#fourcols #left_col { width: 185px; float: left; overflow: hidden; padding-bottom: 20px;  }
#fourcols #middle_col { width: 630px; float: left; overflow: hidden; padding-bottom: 32px; }
#fourcols #right1_col { width: 185px; float: left; overflow: hidden; padding-bottom: 20px; }
#fourcols #right2_col { width: 185px; float: left; overflow: hidden; padding-bottom: 20px;  }

#middle_col #middle_wrapper { overflow: hidden; }
#middle_col #middle_left_col { width: 300px; float: left; margin-right: 5px; overflow: hidden; }
#middle_col #middle_right_col { width: 300px; float: left; margin-left: 5px; overflow: hidden; }



#left_wrapper { margin: 6px 15px 0 10px; overflow: hidden; }
#middle_wrapper { margin: 0 10px; overflow: hidden; }
#right1_wrapper { margin: 6px 10px 0 15px; overflow: hidden; }
#right2_wrapper { margin: 6px 10px 0 15px; overflow: hidden; }

#middle_col #socialmedialine { background-color: black; color: white; padding: 10px; overflow: hidden; margin-bottom: 10px; }
#middle_col #socialmedialine a { color: white; }
#middle_col #socialmedialine .socialmediabox { float: left; width: 203px; overflow: hidden; }
#middle_col #socialmedialine .socialmediabox a img { border: 0px; margin-right: 4px; float: left; }



#footer { background-image: url('/img/layout/footer_raster_1185px_schwarz.gif'); padding: 6px 0 4px 200px; width: 985px; margin-top: -32px; }
#footer ul { overflow: hidden; width: 610px; margin-top: 10px; padding: 4px 0; }
#footer ul li { float: left; }
#footer ul li a { color: white; }
#footer ul li.cfli1 { width: 120px; }
#footer ul li.cfli2 { width: 120px; }
#footer ul li.cfli3 { width: 130px; }
#footer ul li.cfli4 { width: 60px; }
#footer ul li.cfli_last { width: 100px; float: right; text-align: right; margin-right: 10px }


#left_col img#universalTeaser { margin-top: 4px; }
#right_col #title_sponsoren { margin-bottom: 4px; }


/* Seitenlinks */

div.sidelink-box { margin-top: 4px; border-top: 2px solid white; padding-top: 14px; }
div.sidelink-box h3 { margin-bottom: 10px; }
div.sidelink-box a { display: block; }
div.sidelink-box a.image { line-height: 0; }
div.sidelink-box a.image img { margin-bottom: 10px; }
div.sidelink-box a.last-textlink { margin-bottom: 10px; }
div.first-sidelink-box { margin-top: 8px; border-top: 0px solid black; padding-top: 0px; }
div.last-sidelink-box { margin-bottom: 4px; border-bottom: 2px solid white; padding-bottom: 4px; }

div.sidelink-box ul#newest_comments a { display: inline; }
div.sidelink-box input[type="text"] { width: 150px; }

/* Portraits */
div.sidelink-box div.portraitbox  { overflow: hidden; }
div.sidelink-box div.portraitbox a img.portrait { float: left; margin-right: 6px; }
div.sidelink-box div.portraitbox h4 { margin-bottom: 4px; }
div.sidelink-box div.portraitbox a.facebook { background: url('/img/layout/facebook_13px.png') no-repeat; padding-left: 16px; margin-left: 56px; height: 13px; }
div.sidelink-box div.portraitbox a { font-size: 10px; line-height: 1em; }
div.sidelink-box div.portraitbox a.imgdownload { font-style: italic; margin-top: 2px; }


/* Werbebloecke */
#topad img { display: block; width: 994px; float: left; }
.contentbannerblock { text-align: center; margin: 10px 0; padding-top: 10px; border-top: 1px solid black; }







/* Text-Abstaende */
#middle_col h2.title { margin: 6px 0 20px 0; }



h2.heading_title { line-height: 1em; margin-top: 6px; }
.ht_underline { border-bottom: 1px solid black; padding-bottom: 10px; margin-bottom: 10px; }



/* Box-Styles */
.articleblock { overflow: hidden; border-top: 1px solid black; padding-top: 10px; margin-top: 10px; }
.articleblock .article_picture { float: left; width: 200px; margin: 0 10px 10px 0; }
.articleblock .article_picture_small { float: left; width: 100px; margin-right: 10px; }

.articleblock .article_textual_part_bigimg { float: left; width: 395px; }
.articleblock .article_textual_part_smallimg { float: left; width: 495px; }

.articleblock h3 { margin-bottom: 6px; line-height: 0.9em; }
.articleblock .article_header { font-size: 10px; margin-bottom: 4px; }
.articleblock p.articlefulltext { margin: 12px 0 24px 0; }
.articleblock p.articlefulltext a { text-decoration: underline; }
.articleblock p.articlefulltext a:hover { color: #444; }
.articleblock .article_footer { clear: both; font-size: 10px; margin: 10px 0; }

.articletext { font-size: 13px; line-height: 1.3em; letter-spacing: 0.03em; }

div.listing_heading_title { margin-bottom: 14px; }



/* Frontteaser */
.frontteaser { margin-top: 10px; overflow: hidden; clear: both; }
.frontteaser .heading_title { margin-bottom: 2px; }
.frontteaser .frontteaser_inner { border-top: 1px solid black; border-bottom: 1px solid black; overflow: hidden; padding: 4px 0 6px 0; margin-bottom: 10px; }
.frontteaser .frontteaser_inner div.picture { float: left; margin: 2px 8px 0 0; }
.frontteaser .frontteaser_inner div.article_secondcol { float: right; width: 190px; }
.frontteaser .frontteaser_inner div.article_title { margin-bottom: 6px; }
.frontteaser_big { clear: both; }



/* Frontteaser-Double */
.frontteaser-double { overflow: hidden; clear: both; }
.frontteaser-double .heading_title { margin-bottom: 4px; }
.frontteaser-double .frontteaser_inner { border-top: 1px solid black; overflow: hidden; padding-top: 4px; }
.frontteaser-double .frontteaser_inner div.picture { float: left; margin: 2px 8px 0 0; }
.frontteaser-double .frontteaser_inner div.article_secondcol { float: right; width: 390px; }
.frontteaser-double .frontteaser_inner div.article_title { margin-bottom: 6px; }
.frontteaser_big { clear: both; }



#middle_col img { border: 1px solid black; }
#middle_col a:hover img { border: 1px solid #ccc; }
#middle_col .frontteaser_big a img { border: none; }


/* Picture-Seite */
div#bigpicture_box { text-align: center; margin: 20px 0 10px 0; }


.picture_browsebar { overflow: hidden; width: 596px; background-color: #eee; border: 1px solid #ddd; padding: 2px 6px; }
.picture_browsebar .browse_previous { width: 100px; float: left; }
.picture_browsebar .browse_middle { float: left; width: 396px; text-align: center; }
.picture_browsebar .browse_next { width: 100px; float: right; text-align: right; }

div#backToArticle { text-align: center; margin-top: 12px; }


h1.title { margin: 10px 0; }


/* Heading-List: Comments-Form */
div.comment_fields {	clear: both; font-size: 11px; line-height: 1.2em; overflow: hidden; }
div.comment_fields_pinboard {	font-size: 12px; line-height: 1.2em; }

div.comment_fields div.commentbox { background-color: #eceff5; width: 100%; padding: 4px; margin-bottom: 2px; overflow: hidden; }
div.comment_fields div.commentbox div.namerow span.name { color: #000000; }
div.comment_fields div.commentbox div.namerow span.name a { color: #415e9c; }
div.comment_fields div.commentbox div.namerow span.date { color: #999999; }
div.comment_fields div.formcol1 { width: 340px; float: left; }
div.comment_fields div.formcol1 textarea.if_comment { width: 330px; height: 110px; font-size: 10px; }
div.comment_fields div.formcol2 { width: 250px; float: left; }
div.comment_fields div.formcol2 label { float: left; width: 45px; clear: both; padding-top:3px; }
div.comment_fields div.formcol2 input { width: 150px; font-size: 10px; margin-bottom: 4px; }
div.comment_fields div.formcol2 div.commentsubmit {  }
div.comment_fields div.formcol2 div.commentsubmit input { margin-top: 10px; width: auto; }
div.comment_errormessage { font-size: 14px; line-height: 1.2em; background-color: #f9a; padding: 4px; margin-bottom: 2px; overflow: hidden; border: 3px solid #f79; }
div.comment_successmessage { font-size: 14px; line-height: 1.2em; background-color: #8d8; padding: 4px; margin-bottom: 2px; overflow: hidden; border: 3px solid #595; }
div.start_expanded { display: block; }
div.start_collapsed { display: none; }

div.errormessage { font-size: 14px; line-height: 1.2em; background-color: #f9a; padding: 4px; margin-bottom: 6px; overflow: hidden; border: 3px solid #f79; }
div.successmessage { font-size: 14px; line-height: 1.2em; background-color: #8d8; padding: 4px; margin-bottom: 6px; overflow: hidden; border: 3px solid #595; }




div.kultteaser_block { margin-top: 12px; border-bottom: 1px solid black; height: 150px; overflow: hidden; }
div.kultteaser_block div.kultteaser_rubrik a { font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 0.9em; color: #a72; text-transform: lowercase; }
div.kultteaser_block div.kultteaser_inner { border-top: 1px solid black; padding: 6px 0; }
div.kultteaser_block div.kultteaser_inner div.kultteaser_image { float: left; margin-right: 6px; }
div.kultteaser_block div.kultteaser_inner div.kultteaser_title a { font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 0.9em; color: black; text-transform: lowercase; }
div.kultteaser_block div.kultteaser_inner div.kultteaser_text a { color: black; }



div.fullbanner_ad { text-align: center; margin: 10px 0; }


div#content-area { }
div#content-area  div.node-inner { overflow: hidden; border-bottom: 1px solid black; }


/* Participate-Seiten */
div.participate_steps div.active { font-weight: bold; }
div.participate_steps div.future { color: #888; }


/* Impressum */
div.editorbox { margin-bottom: 10px; clear: both; overflow: hidden; }
div.editorbox img { float: left; margin-right: 10px; }
div.editorbox div.editorname { font-size: 16px; line-height: 1.3em; }

/* Wallpaper */
div.wallpaperbox { overflow: hidden; margin-bottom: 10px; }
div.wallpaperbox img { float: left; margin-right: 10px; }
div.wallpaperbox div.wp_title { font-weight: bold; line-height: 1.8em; }

/* Facebook */
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }