/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		* {
			margin: 0;
			padding: 0;
		}

		html {
			height:100%;
		}
		
		body {
			height:100%;
			min-height:100.01%;	
			font: 0.81em Verdana,sans-serif;
			color: #333;
			background: url('../img/bg_all.gif') repeat-x 100% top #0f4367;
			text-align: center;
			min-width: 970px;
		}
		
		input, textarea, select {
			background: #fff; 
		}

		a:link, a:visited {
			color: #2c74a6;
			text-decoration: none;
		}

		a:hover {
			color: #de9342;
			text-decoration: underline;
		}

		.clear {
			clear: both;
		}

/*
	Print Only
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#p_only, .p_only2,  .p_h2 {
			display: none; 
		}

/*
	Frame Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#frame {
			width: 970px;
			margin: 30px auto 0 auto;
			text-align: left;
			background: url('../img/bg_content.gif');
		}

		#shadow_left {
			float: left;
			width: 11px;
			height: 571px;
			background: url('../img/bg_left.gif');
		}

		#shadow_top {
			float: left;
			width: 948px;
			background: url('../img/bg_top.gif') no-repeat;
		}

		#shadow_right {
			float: left;
			width: 11px;
			height: 571px;
			background: url('../img/bg_right.gif'); 
		}

/*	-------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#header {
			display: block;
			margin: 11px 0 2px 0;
			border-bottom: 2px solid #f6ae61;
			background: url('../img/bg_eck.gif') no-repeat;
		}

		#header #height {
			display: block;
			height: 90px;
		}

		#height #logo {
			float: left;
			display: inline;
			width: 170px;
			height: 80px;
			margin: 5px 53px 0 10px;
			background: url('../img/df_logo.jpg') no-repeat;
		}

		#login {
			float: right;
			display: inline;
			width: 280px;
			height: 70px;
			margin: 10px 10px 0 0;
			background: url('../img/bg_login.gif') no-repeat;
		}

		#login form {
			width: 270px;
			margin: 13px 0 0 10px;
		}

		#row1 {
			padding-bottom: 8px;
		}

		#login .input {
			float: left;
			display: inline;
			width: 100px;
			margin-left: 70px;
		}

		#login .input input {
			width: 100px;
			border: 1px solid #a3a3a3;
		}

		#login .label {
			float: left;
			display: inline;
			background: #f1f1f1;
			width: 60px;
			margin: 2px 0 0 -170px;
			font: bold 0.92em Arial,sans-serif;
			color: #a3a3a3;
		}

		#login .submit {
			float: left;
			display: inline;
			margin-left: 10px;
		}

		#login .submit input {
			font: bold 0.92em Arial,sans-serif;
			border: 1px solid #a3a3a3;
			background: #fff;
			color: #a3a3a3;
		}

		#login .link {
			float: left;
			display: inline;
			margin: 2px 0 0 10px;
			font: 0.92em Arial,sans-serif;
		}

/*
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#navigation {
			display: block;
		}

		#navigation span {
			float: left;
			display: block;
			height: 90px;
			width: 1px;
			background: url('../img/navi_trenner.jpg') no-repeat;
		}

		#navigation a:link, #navigation a:visited {
			float: left;
			display: block;
			padding: 50px 8px 10px 8px;
			text-decoration: none;
			font: 1.38em Arial,sans-serif;
			color: #a3a3a3;
			background: #fff;
		}

		#navigation a:hover {
			float: left;
			display: block;
			padding: 50px 8px 10px 8px;
			text-decoration: none;
			font: 1.38em Arial,sans-serif;
			color: #333;
			background: url('../img/navi_bg.jpg') #fff repeat-x;
		}

/*
	Live-Filter
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#live {
			display: block;
			color: #333;
			background: #f6ae61;
		}

		#live h3 {
			float: left;
			display: inline;
			width: 100px;
			font: bold 1.38em Arial,sans-serif;
			margin: 5px 0 0 10px;
		}

		#live #submit {
			float: right;
			display: inline;
			width: 100px;
			text-align: right;
			margin: 3px 10px 0 0;
		}

		#live #submit input {
			border: 1px solid #494746;
			background: #fff;
			color: #333;
			font: bold 1.23em Arial,sans-serif;
		}

		#live #filter {
			display: block;
			text-align: center;
		}

		#live #filter input {
			width: 560px;
			border: 1px solid #494746;
			font: 1.23em Arial,sans-serif;
			margin: 5px 0 5px 0;
		}

/*
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#footer {
			width: 970px;
			height: 51px;
			background: url('../img/bg_eck2.gif') no-repeat bottom;
		}

		#footer div {
			width: 948px;
			border-top: 2px solid #f6af61;
			margin: 0 11px 0 11px;
			text-align: center;
			padding: 6px 0 0 0;
			font-size: 0.92em;
		}

/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*
	Startseite
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#s_left {
			float: left;
			display: inline;
			width: 558px;
			margin: 10px 0 10px 0;
		}

		#s_left .s_teaser {
			display: block;
			width: 558px;
			height: 220px;
			}

		#s_left .s_rahmen {
			display: block;
			padding: 5px 0 0 10px;
			margin-bottom:25px;
		}

		.s_rahmen h3 {
			font: bold 1.38em Arial;
			padding-bottom: 3px;
		}

		.s_rahmen .s_leftc {
			float: left;
			font-size: 0.92em;
			color: #a3a3a3;
		}

		.s_rahmen .s_rightc {
			float: right;
			font-size: 0.92em;
			color: #a3a3a3;
		}

		.s_rahmen .s_mainc {
			display: block;
			font: normal 0.92em/1.5 Arial,sans-serif;
			text-align: justify;
			padding-top: 4px;
		}

		#s_right {
			float: right;
			display: inline;
			width: 360px;
			margin: 10px 10px 10px 0;
		}

		#s_right h3 {
			font: bold 1.38em Arial;
			padding-bottom: 3px;
		}

		#s_right .s_leftc {
			float: left;
			font-size: 0.92em;
			color: #a3a3a3;
		}

		#s_right .s_rightc {
			float: right;
			font-size: 0.92em;
			color: #a3a3a3;
		}

		#s_right .s_mainc {
			display: block;
			font: normal 0.92em/1.5 Arial,sans-serif;
			text-align: justify;
			padding-top: 4px;
		}

		#s_right .s_bottomc, .s_rahmen .s_bottomc {
			display: block;
			border-top: 1px dotted #a3a3a3;
			background: #f1f1f1;
			margin: 8px 0 25px 0;
			padding: 3px 2px 3px 2px;
			color: #2c74a6;
			font-size: 0.92em;
		}

/*
	Artikel
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#a_left {
			float: left;
			display: inline;
			width: 608px;
			margin: 10px 0 10px 0;
		}

		#a_teaser {
			display: block;
			height: 220px;
		}

		#a_head {
			padding: 10px 0 4px 10px;
			text-align: center;
			font: bold 1.69em Arial;
			color: #2c74a6;
		}

		#a_head2 {
			padding: 0 0 10px 10px;
			font: italic 0.92em Arial;
			text-align: center;
		}

		#a_left #main_c {
			text-align: justify;
			padding-left: 10px;
			line-height: 1.5;
		}

		.screen_l {
			float: left;
			width: 230px;
			margin: 0 20px 0 -10px;
		}

		.screen_l a {
			display: block;
			width: 230px;
			height: 120px;
		}

		.screen_l span {
			display: block;
			text-align: justify;
			padding: 7px 0 7px 10px;
			font: 0.85em/1.4 Arial,sans-serif;
			color: #004080;
		}

		#pages {
			display: block;
			text-align: right;
			padding: 3px 1px;
			margin-bottom:10px;
			background-color:#f1f1f1;
		}

		#kommentare {
			display: block;
			margin-top: 20px;
			padding-left: 10px;
		}

		#kommentare h2 {
			font: bold 1.69em Arial,sans-serif;
			color: #2c74a6;
		}

		#a_right {
			float: right;
			display: inline;
			width: 310px;
			margin: 10px 10px 10px 0; 
		}

		#al_right {
			float: right;
			display: inline;
			width: 360px;
			margin: 10px 10px 10px 0;
		}

		#game_infos {
			display: block;
			border-bottom: 1px dotted #a3a3a3;
			padding-bottom: 5px;
			font: 0.85em/1.5 Arial,sans-serif;
			line-height:1.8em;
		}

		#game_infos strong {
			display: block;
			margin-bottom: 3px;
			font-size: 1.18em;
		}

		#game_infos img {
			float: left;
			width: 113px;
			height: 160px;
			margin: 0 5px 0 0;
		}

		#game_infos span {
			display: block;
			font-weight:bold;
			background: #f1f1f1;
		}

		#more_infos {
			display: block;
			text-align: right;
			font-size: 0.85em;
			background: #f1f1f1;
			padding: 3px 2px 3px 2px;
			margin-bottom:20px;
		}

		#a_right h3, #al_right h3, #sd_right h3 {
			color: #2c74a6;
			font: bold 1.23em Arial,sans-serif;
		}

		#a_right .a_head, #al_right .a_head, #sd_right .a_head {
			font: bold 1.15em Arial,sans-serif;
			padding:7px 0 0 7px; 
		}

		.a_unter {
			font: normal 0.92em Arial,sans-serif;
			color: #a3a3a3;
			padding:0 0 0 7px;
		}

		.a_text {
			display: block;
			font: 0.92em/1.5 Arial,sans-serif;
			text-align: justify;
			padding:0 0 7px 7px; 
		}

		#more_artikel {
			display: block;
			text-align: right;
			border-top: 1px dotted #a3a3a3;
			margin-top: 7px;
			font-size: 0.85em;
			background: #f1f1f1;
			padding: 3px 2px 3px 2px;
		}

/*
	Blogeintrag
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#blog_info {
			display: block;
			font: 0.85em/1.5 Arial,sans-serif;
		}

		#blog_info strong {
			display: block;
			margin-bottom: 3px;
			font-size: 1.18em;
			color: #2c74a6;
		}

		#blog_info img {
			width: 16px;
			height: 16px;
			margin-right: 2px;
			border: 0; }

		#ad {
			text-align: center;
			color: #a3a3a3;
			font-size: 0.92em;
		}

/*
	Overview
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.a_liste {
			display: block;
			margin-bottom: 5px;
			line-height: 1.5;
		}

		.a_liste a:link, .a_liste a:visited {
			display: block;
			color: #2c74a6;
		}

		.a_liste a:hover {
			display: block;
			text-decoration: none;
			color: #a3a3a3;
		}


/* 
     Spieleliste 
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -     */ 
 
          #gd_list { 
               display: block; 
               padding: 10px; } 
 
          #gd_list .title { 
               display: block; 
               border-bottom: 1px solid #b1b1b1; 
               padding-bottom: 2px; 
               font-weight: bold; } 
 
          #gd_list .c_1 { 
               float: left; 
               width: 215px; 
               margin-right: 5px; } 
 
          #gd_list .c_2 { 
               float: left; 
               width: 150px; } 
 
          #gd_list .c_3 { 
               float: left; 
               width: 150px; } 
 
          #gd_list .c_4 { 
               float: left; 
               width: 257px; } 
 
          #gd_list .listing { 
               display: block; 
               border-bottom: 1px solid #b1b1b1; 
               background: #f1f1f1; 
               padding: 5px 0 5px 0; } 
 
          #gd_list .listing2 { 
               display: block; 
               border-bottom: 1px solid #b1b1b1; 
               padding: 5px 0 5px 0; }

/* 
     Spiele-Datenbank 
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -     */ 
 
          #list { 
               display: block; 
               text-align: center; 
               margin: 10px 0 0 0; 
               font: bold 1.15em Arial,sans-serif; } 
 
          #list a:link, #list a:visited { 
               color: #a3a3a3; 
               padding: 0 5px 0 5px; } 
 
          #list a:hover { 
               color: #2c74a6; } 
 
          #sd_left { 
               float: left; 
               display: inline; 
               width: 608px; 
               font: 0.92em/1.75 Arial,sans-serif; 
               margin: 10px 20px 10px 10px; 
               text-align: justify; } 
 
          #sd_left h2 { 
               font: bold 1.58em Arial,sans-serif; 
               margin-bottom: 5px; } 
 
          #sd_images { 
               float: left; 
               display: inline; 
               width: 113px; 
               line-height: 1; 
               margin: 3px 10px 0 0; 
               color: #2c74a6; } 
 
          #sd_images .pack { 
               width: 113px; 
               height: 160px; 
               margin: 1px 0 10px 0px; 
          } 
 
          #sd_images .usk { 
               width: 80px; 
               height: 80px; 
               margin: 0 0 20px 16px; 
          } 
 
          #sd_details { 
               float: left; 
               width: 475px; } 
 
          #sd_details .sd_what, #sd_details .sd_what2 { 
               float: left; 
               width: 110px; 
			   display: block;
               color: #2c74a6; } 
 
          #sd_details .sd_this, #sd_details .sd_this2 { 
               float: left; 
               width: 365px; 
			   display: block;
               text-align: justify; } 
 
          #sd_details .sd_what2, #sd_details .sd_this2 { 
               background: #f1f1f1; } 
 
          #sd_right { 
               float: left; 
               display: inline; 
               width: 300px; 
               margin: 10px 10px 10px 0; } 
 
          #sd_right .screen { 
               display: block; 
               width: 300px; 
               height: 100px; 
               margin-bottom: 5px; } 
 
          #sd_right .artikel { 
               font: bold 1.38em Arial,sans-serif; 
               color: #2c74a6; } 
 
          #sd_right .headline { 
               font: bold 1.38em Arial; 
               padding-bottom: 3px; 
               margin-top: 10px; } 
 
          #sd_right .what { 
               float: left; 
               color: #a3a3a3; 
               font-size: 0.92em; } 
 
          #sd_right .when { 
               float: right; 
               color: #a3a3a3; 
               font-size: 0.92em; } 
 
          #sd_right .text { 
               display: block; 
               font: normal 0.92em/1.5 Arial,sans-serif; 
               text-align: justify; 
               padding-top: 4px; } 
 
          #sd_right .blog { 
               font: bold 1.38em Arial,sans-serif; 
               margin-top: 20px; 
               color: #2c74a6; } 
 
          #sd_right .kats { 
               display: block; 
               border-top: 1px dotted #a3a3a3; 
               background: #f6f6f6; 
               margin: 8px 0 10px 0; 
               padding: 3px 2px 3px 2px; 
               color: #2c74a6; 
               font-size: 0.92em; } 
 
          .p_not { 
               display: block; } 
 
          .grey { 
               display: block; background: #f1f1f1; }