/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:10px Verdana, Arial, sans-serif; color:#000; background:#FFF url(img/body_background.jpg) repeat-x; min-width:955px; }
a:link, a:visited { color:#d4000f; text-decoration:none; }
a:focus, a:hover, a:active { color:#990f26; text-decoration:underline; }
fieldset,img { border:0; }
form *,input { font:10px Verdana, Arial, sans-serif; }

/* Layout Formatierungen */
div#wrapper { width:955px; position:relative; left:50%; margin-left:-477px; }
div#header { background:url(img/header.jpg) no-repeat; height:228px; position:relative; }
object#swf { height:228px; width:563px; position:absolute; left:0px; top:0px; }
div#loggedin { position:absolute; left:585px; top:110px; color:#FFF; }
div#loggedin a { color:#EEE; }
form#notloggedin { position:absolute; left:577px; top:107px; background:url(img/notloggedin.jpg) no-repeat; height:41px; width:170px;}
form#notloggedin input { border:0; background:transparent; position:absolute; left:8px; color:#878787; font-size:10px; }
form#notloggedin input#loginemail { width:90px; top:3px; }
form#notloggedin input#loginpassword { width:90px; top:23px; }
form#notloggedin input#loginsubmit { width:42px; height:40px; left:114px !important;  }
form#notloggedin input#loginsubmit:hover,form#notloggedin input#loginsubmit:active { background:url(img/button_hover.jpg) no-repeat 0 -1px; }
form#notloggedin a { position:absolute; display:block; color:#FFF !important; top:43px; } 
form#notloggedin a#register { left:0px; border-right:1px solid #FFF; padding-right:5px; } 
form#notloggedin a#sendpassword { left:80px; } 
div#equal { background:url(img/content_background.jpg) repeat-y; }
div#left, div#center, div#right { float:left; overflow:hidden; }
div#left { width:172px; }
div#navigation { background:url(img/navigation.jpg) no-repeat; font-size:11px; font-weight:bold; }
div#navigation ul { padding-top:36px; margin-bottom:15px; }
div#navigation ul li { height:24px; line-height:24px; background:url(img/navigation_list.jpg) no-repeat; text-indent:30px; }
div#navigation ul li a:hover , div#navigation ul li a:active{ padding-left:1px; }
h2#shoutbox { background:url(img/h2_shoutbox.jpg) no-repeat; height:32px; }
ul#shouts li { padding: 5px 10px; }
ul#shouts li h3{ font-size:11px; }
ul#shouts li.shoutbox1 { background:url(img/shoutbox2.jpg) no-repeat left bottom; }
ul#shouts li.shoutbox2 { background:url(img/shoutbox1.jpg) no-repeat left bottom; }
ul#shouts li:last-child { background:url(img/shoutbox2.jpg) no-repeat left -1px; }
form#shoutform { background:url(img/shoutbox_form.jpg) no-repeat; height:104px; position:relative; }
form#shoutform input { border:0; background:transparent; width:140px; position:absolute; left:15px;}
input#shoutname { top:27px; }
input#shouttext { top:54px; }
input#shoutsubmit { top:73px; width:40px !important; color:#d4000f;  }
div#center { width:595px; }
div#content { width:555px; margin:0 18px;}
div.headline { clear:both; height:50px; background:url(img/headline.jpg) repeat-x left -5px; position:relative; }
div.headline div.date { position:absolute; left:7px; bottom:8px; width:39px; height:39px; background:url(img/date.jpg) no-repeat; text-align:center; font-family:Tahoma; color:#FFF; text-transform:uppercase; }
div.headline div.date span.day { font-size:18px; line-height:23px; }
div.headline h2 { position:absolute; left:52px; bottom:26px; font-size:13px; color:#d4000f; }
div.headline h3 { position:absolute; left:52px; bottom:14px; font-size:10px !important; color:#959595; font-weight:normal; }
div.headline a.email { position:absolute; right:22px; bottom:26px; background:url(img/options.jpg) no-repeat; display:block; width:16px; height:11px; }
div.headline a.print { position:absolute; right:10px; bottom:26px; background:url(img/options.jpg) no-repeat -16px 0; display:block; width:12px; height:11px; }
div.headline a.comments { color:#959595 !important; position:absolute; right:10px; bottom:9px; background:url(img/comments.jpg) no-repeat; padding-left:30px; line-height:18px;}
div.head{ clear:both; height:50px; background:url(img/headline.jpg) repeat-x left -5px; position:relative; }
div.head h2 { position:absolute; left:10px; top:13px; font-size:13px; color:#d4000f; }
div.head h3 { position:absolute; left:10px; top:28px; font-size:10px; color:#959595; font-weight:normal; }
div.text, p.text { padding:5px; padding-bottom:20px; line-height:150%; background:url(img/foot.jpg) repeat-x bottom left; }
div.text p { margin-bottom:7px; }
img.left { float:left; margin:2px 10px 5px 5px; }
div#special { background:url(img/special.jpg) no-repeat; height:142px; position:relative; }
div#special img { position:absolute; left:21px; top:20px; height:100px; width:548px; }
div#right { width:176px; }
div#right div.box { background:url(img/box.jpg) no-repeat; padding:10px 13px 0 10px; font-size:11px; line-height:140%; }
div#right div.box dt { float:left; clear:both; width:108px; }
div#right div.box dd { text-align:right; padding-right:10px; font-weight:bold; }
span.orange { color:#EA5D0E; }
span.red { color:#E3001A; }
span.green { color:#678813; }
div#right div.box_end { background:url(img/box_end.jpg) no-repeat; height:22px; }
h2#spnsrs { background:url(img/h2_sponsoren.jpg) no-repeat; height:28px; }
h2#mediapartner { background:url(img/h2_mediapartner.jpg) no-repeat; height:26px; }
h2#clans { background:url(img/h2_clans.jpg) no-repeat -4px -4px; height:26px; }
h2#anmeldestatus { background:url(img/h2_anmeldestatus.jpg) no-repeat; height:26px; }
div#footer { clear:both; background:url(img/footer.jpg) no-repeat; height:108px; position:relative; color:#C9C9C9; }
div#footer ul { position:absolute; left:15px; top:52px; list-style:none; font-weight:bold; }
div#footer ul li { float:left; border-right:1px solid #C9C9C9; padding:0 7px; }
div#footer ul li a:link, div#footer ul li a:visited { color:#C9C9C9; }
div#footer ul li a:hover, div#footer ul li a:active { color:#FFF; }
p#copyright { position:absolute; left:22px; top:65px; }
p#credits { position:absolute; left:22px; top:78px; }
div#footer p a { color:#FFF !important; font-weight:bold;}
a#gnomlink { display:block; width:145px; height:32px; position:absolute; left:783px; top:55px;}


/* Allgemeine Klassen */
.clear,.cms_clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
.nobg { background:none !important; }
.noborder { border:0 !important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


div#center hr { border:0; }
div#center dt img,div#center label img,div#center td img { vertical-align:middle; }
/* Tabellenseiten */
div#center table { width:99% !important; border-collapse:collapse; margin:5px 3px 10px 3px; font:11px Arial,Verdana,sans-serif;}
div#center table tr th { border:1px dotted #D0D0D0; height:25px; line-height:25px; border-bottom:2px solid #C93535; }
div#center table tr th a { color:#000; font-weight:bold; }
div#center table tr td {  padding:5px 5px; border:1px dotted #D0D0D0;}
div#center table tr.row1 td { background:#EEE; }
div#center table tr.row2 td { background:#E8E8E8; }
div#center table tr td a { color:#000; font-weight:bold; }
span.mceEditor { float:left; width:100%; display:block; }
span.mceEditor table { margin-bottom:0 !important; }
span.mceEditor table.mceLayout td { border-bottom:0 !important; padding:0 !important; }
span.mceEditor  { border-bottom:1px solid #BBB; }


div#content h3 { font-size:11px;  }
div#content h4 { font-size:11px;  }
/* Formulare */
div#center form { margin:5px 0 10px 0; }
div#center form * { font-family:inherit; font-size:inherit; }
div#center form fieldset { border:0; }
div#center form fieldset legend { display:none; }
div#center form fieldset label { float:left; clear:both; cursor:pointer; min-width:100px; text-indent:5px; line-height:35px; }
div#center form fieldset input[type=submit] { padding:3px; width:auto !important; }
div#center form fieldset input { width:150px; background:#FFF; border:1px solid #000; padding:4px; margin:4px; }
div#center form fieldset input:hover,div#center form fieldset textarea:hover { background:#EEE; border:1px solid #444; }
div#center form fieldset input:focus,div#center form fieldset textarea:focus { background:#DDD; border:1px solid #888; }
div#center form fieldset select { width:150px; background:#FFF; border:1px solid #000; padding:3px; margin:4px; }
div#center form fieldset option { background:#EEE; border-bottom:1px solid #444; padding:2px; }
div#center form fieldset textarea { width:97%; padding:4px; border:1px solid #000; margin:4px;}
/* Listen */
div#center ul,div#center ol, div#center dl { margin:5px 0; width:100%; overflow:hidden; }
div#center ul li { list-style:square inside; margin:0 10px 0 10px; line-height:150%; }
div#center ol li { list-style:decimal inside; margin:0 10px 0 0; line-height:150%; }
div#center dl dt, div#center dl dd { margin:3px; border:1px solid #DDD; min-height:22px; line-height:22px; margin-bottom:3px; }
div#center dl dt { padding-left:5px; width:120px; background:#CCC; }
div#center dl dd { margin-top:-27px; padding-left:130px; }

/* Kommentare */
div#center div.comment_avatar { margin-left:3px; float:left; padding:10px 10px; width:120px; text-align:center;}
div#center div.comment_text { margin-right:3px; float:left; min-height:140px; border-left:3px solid #DDD; padding: 10px 10px 10px; width:380px; }
div#center div.comment_signatur { margin:0 3px; clear:both; background:#FFF; border-top:3px solid #DDD; border-bottom:3px groove #000; color:#000; padding:5px 5px 10px; overflow:hidden; }
div#center div.comment_signatur img{ max-width:500px; max-height:100px; }

div#center blockquote { background:#DDD; border:1px solid #000; padding:5px; margin:5px; }

/* Blätterfunktion */
div#center div.page_select { line-height:30px; text-align:right; margin:5px 3px; border-bottom:1px dotted #8E8E8E; border-top:1px dotted #8E8E8E;}
div#center div.page_select a.page_inactive { border:1px solid #C2B79B; padding:3px 5px; margin:1px; background:#FFF; color:#000 !important; }
div#center div.page_select a.page_inactive:hover { background:#C0C0C0; color:#444 !important; }
div#center div.page_select span.page_active { border:1px solid #A7A090; background:#D9D9D9; padding:3px 5px; margin:1px; color:#000; font-weight:bold; }

ul#cms_profil li { float:left; border:1px dotted #C2B79B; margin:3px 0px 3px 5px !important; padding:2px 4px; list-style:none !important; background:#C2B79B; }
ul#cms_profil li:hover {  background:#C0C0C0; }
.cms_gallery_image { margin:5px 15px;}