@charset 'utf-8';

/*
Theme Name: Apfelnews.eu
Theme URI: http://apfelnews.eu/
Description: Magazin Layout für ein Mac Magazon
Version: 3.0
Author: Markus Thömmes
Author URI: http://markusthoemmes.de
*/

@import url(reset.css);

/**
 * Designstylesheet
 *
 * Typographie und Layout Stylesheet
 *
 * @project Name
 * @version 1.0
 * @author Markus Thömmes
 */

body {
	font-family:"Lucida Grande","Arial",sans-serif ;
	color:#333333 ;
	font-size:12px ;
	background:#2E3741 ;
}

strong {
	font-weight:bold ;
}

em {
	font-style:italic ;
}

a {
	color:#0166FF ;
	text-decoration:none ;
}

a:hover {
	text-decoration:underline !important ;
}

/**
 *@section	Gesamtwrapper
 */

#wrapper_gesamt {
	width:999px ;
	margin:0 auto ;
}

/**
 *@section	Header
 */

#header {
	position:relative ;
}

#header h1 {
	height:125px ; width:211px ;
	background:#2E3741 url(img/logo.png) no-repeat ;
	margin:0 0 0 25px ;
	text-indent:-9999px ;
}

#header h1 a {
	display:block ;
	height:125px ; width:211px ;
}

#header p {
	font-family: "Helvetica Neue","Arial",sans-serif ;
	font-size:11px ;
	color:#FFF ;
	text-transform:uppercase ;
	position:absolute ;
	right:45px ; top:5px ;
}

#header p a {
	color:#FFF ;
	font-weight:bold ;
	text-decoration:none ;
}

#header .werbung img { 
width: 468px;  
height: 60px;  
position: fixed;  
right: 10%;  
margin-right: 40px;  
top: 20px; 
}

.bannerright {
	width: 728px; 
	height: 90px; 
	position: absolute; 
	right: -0.5%; 
	margin-right: 5px; 
	top: 30px; 
	overflow: hidden;
}

/**
 *@section	Navigation
 */

#navigation {
	height:40px ;
	background:#CE0D8D url(img/bg_navi.png) no-repeat ;
	padding:0 25px ;
	position:relative ;
}

#navigation li {
	float:left ;
	margin:8px 25px 0 0 ;
}

#navigation a {
	float:left ;
	display:block ;
	color:#FFF ;
	font-weight:bold ;
	text-decoration:none ;
	height:24px ;
	line-height:24px ;
	padding:0 7px ;
}

#navigation a:hover {
	background:url(img/navi_left_over.png) no-repeat ;
	text-decoration:none !important;
}

#navigation li:hover {
	background:url(img/navi_right_over.png) right top no-repeat ;
}

#navigation input {
	border:none ;
	border-top:1px solid #C7C6C7 ;
	background:#FFF ;
	height:22px ; width:132px ;
	padding:5px 5px 0 5px ;
	position:absolute ;
	top:6px ; right:60px ;
	font-family:"Lucida Grande","Arial",sans-serif ;
	font-size:12px ;
	color:#666666 ;
	font-weight:bold ;
}

#navigation .submit {
	border:none ;
	height:28px ;
	width:37px ;
	background:url(img/navi_button_search.png) no-repeat ;
	position:absolute ;
	top:6px ; right:24px ;
}

/**
 *@section	Inhaltswrapper
 */

#wrapper_inhalt {
	background:#FFF ;
	float:left ;
	padding:15px 0 5px 0 ;
	width:999px ;
}

/**
 *@section	Inhalt
 */

#inhalt {
	float:left ;
	border-right:1px solid #CBCBCB ;
	padding:0 9px 0px 15px ;
	width:653px ;
}

.rubrik {
	margin:10px 0 20px 0 ;
	float:left ;
}

.rubrik h4,
.rubrik_head h4,
.artikel_head h4 {
	color:#666666 ;
	font-size:11px ;
	font-weight:bold ;
	border-bottom:1px solid #CECECE ;
	margin:0 0 7px 0 ;
}

.rubrik h4 a {
	color:#666666 ;
}

.artikel {
	position:relative ;
}

.artikel .vorschaubild,
.rubrik_artikel .vorschaubild,
.artikel_eintrag .vorschaubild,
.related_artikel .vorschaubild {
	border:1px solid #EBEBEB ;
	width:200px ;
	height:179px ;
	display:block ;
	text-align:center ;
	line-height:179px ;
	margin:0 9px 0 0 ;
	float:left ;
}

.artikel .vorschaubild img,
.rubrik_artikel .vorschaubild img,
.artikel_eintrag .vorschaubild img,
.related_artikel .vorschaubild img {
	vertical-align:middle;
}

.artikel .vorschaubild img {
	max-height:174px ;
	max-width:195px ;
}

.artikel h2 a,
.rubrik_artikel h2 a {
	font-size:18px ;
	font-weight:bold ;
	color:#0066FF ;
	text-decoration:none ;
}

.artikel .meta, 
.rubrik_artikel .meta,
.artikel_head .meta {
	font-size:11px ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	text-transform:uppercase ;
	display:block ;
	margin:3px 0 0 0 ;
}

.artikel .meta a,
.rubrik_artikel .meta a,
.artikel_head .meta a {
	font-weight:bold ;
	color:#333 ;
	text-decoration:none ;
}

.artikel p,
.rubrik_artikel p,
.artikel_eintrag p {
	line-height:1.5em ;
	margin:15px 0 0px 0 ;
	text-align:justify ;
}

.artikel .weiter,
.rubrik_artikel .weiter,
.related_artikel .weiter {
	color:#FF6600 ;
	font-weight:bold ;
	text-decoration:none ;
	background:url(img/icon_weiter.png) no-repeat ;
	height:19px ;
	padding:0 0 0 25px ;
	text-align:right ;
	float:right ;
	margin:10px 0 10px 0 ;
}

.artikel .weiter span {
	color:#666666 ;
	font-weight:normal ;
}

.list_topartikel {
	border-top:1px dotted #CCCCCC ;
	color:#666 ;
	float:left ;
	width:100% ;
}

.list_topartikel li {
	border-bottom:1px dotted #CCCCCC ;
	padding:5px 0 5px 20px ;
	background:url(img/icon_list.png) no-repeat ;
}

.list_topartikel a {
	color:#333 ;
	text-decoration:none ;
	float:left ;
}

.klein {
	width:321px ;
	margin:10px 5px 5px 0 ;
}

.klein h2 a {
	font-size:14px ;
}

.klein .vorschaubild {
	height:121px ; width:121px ;
	line-height:121px ;
}

.klein .vorschaubild img {
	max-height:116px ;
	max-width:116px ;
}

.klein p {
	font-size:11px ;
	margin:10px 0 5px 0 ;
}

.klein .weiter {
	top:165px ;
}

.klein .list_topartikel {
	width:321px ;
}

.klein .list_topartikel li {
	font-size:11px ;
	float:left ;
	width:301px ;
}

/**
 *@section	Rubrikansicht
 */
 
.rubrik_head {
	padding:0 0 0 0 ;
}
 
.rubrik_head h3 {
	font-size:15px ;
	font-weight:bold ;
	float:left;
	margin:5px 0 0 30px ;
}

.rubrik_head img {
	vertical-align:middle ;
	padding:1px ;
	border:1px solid #EBEBEB ;
}

.rubrik_head p {
	margin:10px 10px 10px 30px ;
	line-height:1.5em ;
}

.rubrik_head ul {
	float:right ;
	font-size:11px ;
	margin:5px 0 5px 0 ;
}

.rubrik_head ul li,
#pagenavi2 ul li {
	float:left ;
	background:url(img/pagenavi_right.png) right top no-repeat ;
	margin:0 3px 0 0;
}

.rubrik_head ul a,
.rubrik_head span,
#pagenavi2 ul a,
#pagenavi2 span {
	float:left ;
	display:block ;
	color:#666666 ;
	font-weight:bold ;
	text-decoration:none ;
	height:24px ;
	line-height:24px ;
	padding:0 10px ;
	background:url(img/pagenavi_left.png) no-repeat ;
}

.rubrik_head ul a:hover,
.rubrik_head span:hover,
#pagenavi2 ul a:hover,
#pagenavi2 span:hover {
	background:url(img/pagenavi_left_over.png) no-repeat ;
	color:#FFF;
}

.rubrik_head ul li:hover,
#pagenavi2 ul li:hover {
	background:url(img/pagenavi_right_over.png) right top no-repeat ;
}

.rubrik_head .current,
#pagenavi2 .current {
	background:url(img/pagenavi_right_over.png) right top no-repeat ;
}

.rubrik_head .current span,
#pagenavi2 .current span {
	background:url(img/pagenavi_left_over.png) no-repeat ;
	color:#FFF ;
}

.rubrik_head .extend:hover, 
.rubrik_head .pages:hover,
#pagenavi2 .extend:hover,
#pagenavi2 .pages:hover {
	background:url(img/pagenavi_right.png) right top no-repeat ;
}

.rubrik_head .extend span:hover,
.rubrik_head .pages span:hover,
#pagenavi2 .extend span:hover,
#pagenavi2 .pages span:hover {
	color:#666666 ;
	background:url(img/pagenavi_left.png) no-repeat ;
}

#pagenavi2 {
	border-top:1px dotted #CCC ;
	padding:10px 0 0 0 ;
}

#pagenavi2 ul {
	float:right ;
}

.rubrik_artikel {
	padding:15px 0 5px 0 ;
	border-top:1px dotted #CCC ;
}

.rubrik_artikel .vorschaubild {
	width:150px ; height:125px ;
	line-height:125px ;
	margin-top:10px ;
}

.rubrik_artikel .vorschaubild img {
	max-width:145px ;
	max-height:120px ;
}

.tags {
	font-weight:bold ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	text-transform:uppercase ;
	margin:5px 0 0 0 ;
}

.tags li {
	display:inline ;
	margin:0 10px 0 0 ;
}

.tags a {
	color:#0066FF ;
	text-decoration:none ;
	font-weight:normal ;
}

/**
 *@section	Artikelansicht
 */
 
.artikel_head {
	border-bottom:1px dotted #CCC ;
	padding:0 0 10px 0 ;
}

.artikel_head h1 {
	font-size:20px ;
	color:#0066FF ;
	font-weight:bold ;
}

.artikel_eintrag .vorschaubild {
	width:250px ;
	height:200px ;
	line-height:200px ;
}

.artikel_eintrag .vorschaubild img {
	max-height:195px ;
	max-width:245px ;
}

.artikel_eintrag h2 {
	font-size:18px ;
	font-weight:bold ;
	margin:15px 0 0 0;
}

.artikel_eintrag h3 {
	font-size:15px ;
	font-weight:bold ;
	color:#FF6600 ;
	margin:15px 0 0 0;
}

.artikel_eintrag a {
	color:#0066FF ;
	text-decoration:none ;
}

.artikel_eintrag a:hover {
	text-decoration:underline ;
}

.artikel_eintrag img {
	padding:5px ;
	border:1px solid #DBDBDB ;
	margin:0 5px 0 0 ;
}

.artikel_eintrag ul li {
	list-style:disc ;
	margin:0 0 0 20px ;
	line-height:1.7em ;
}

.artikel_eintrag ol li {
	list-style:decimal ;
	margin:0 0 0 20px ;
	line-height:1.7em ;
}

.artikel_eintrag blockquote {
	background:#E9F8FB ;
	padding:10px 20px 20px 20px ;
	border:1px solid #CFDEE1 ;
	color:#366799 ;
}

.artikel_eintrag table {
	border-top:1px solid #CCCCCC ;
	border-left:1px solid #CCCCCC ;
}

.artikel_eintrag th, .artikel_eintrag td {
	border-right:1px solid #CCCCCC ;
	border-bottom:1px solid #CCCCCC ;
}

.artikel_eintrag th {
	background:#0166FF ;
	text-align:center ;
	padding:10px ;
	color:#FFF ;
	font-weight:bold ;
}

.artikel_eintrag td {
	padding:5px ;
}

.artikel_eintrag .tags {
	margin:30px 0 0 0 ;
	clear:both ;
}

.artikel_eintrag .tags a {
	font-weight:normal ;
}

.artikel_foot {
	padding:5px 0 ;
	border-top:1px dotted #CCC ;
	border-bottom:1px dotted #CCC ;
	margin:5px 0 10px 0 ;
	float:left ;
	width:100% ;
	position:relative;
}

.artikel_tw_fb {
	padding:5px 0 ;
	border-top:1px dotted #CCC ;
	border-bottom:1px dotted #CCC ;
	margin:5px 0 10px 0 ;
	float:left ;
	width:100% ;
	position:relative;
}


.artikel_foot h4 {
	font-weight:bold ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	font-size:11px ;
	text-transform:uppercase ;
	margin:0 0 5px 0 ;
}

.artikel_foot img {
	background:#FFF ;
	padding:2px ;
	border:1px solid #DEDEDE ;
	float:left ;
	margin:0 5px 0 0 ;
}

.artikel_foot p {
	font-size:11px ;
	line-height:1.5em ;
	width:420px ;
	text-align:justify ;
	margin:0 0 0 0 ;
}

.artikel_foot .szwidget {
	position:absolute ;
	right:0px ;
	top:10px ;
}

.bewerten {
	text-align:center ;
	width:90px ;
	position:absolute ;
	bottom:10px ;
	right:60px ;
}

.bewerten strong {
	font-weight:normal ;
	font-size:11px ;
	display:block ;
	margin:0 0 0 -20px ;
}

.related_artikel h4 {
	font-size:15px ;
	font-weight:bold ;
	color:#FF6600 ;
	margin:0 0 7px 0;
}

.related_artikel strong a {
	display:block ;
	font-size:14px ;
	color:#0265FF ;
	font-weight:bold ;
	margin:5px 0 0 0;
}

.related_artikel .meta {
	font-family: "Helvetica Neue","Arial",sans-serif ;
	text-transform:uppercase ;
}

.related_artikel li {
	border-bottom:1px dotted #CCCCCC ;
	padding:5px 0 5px 0 ;
	float:left ;
	font-size:11px ;
}

.related_artikel ol {
	border-top:1px dotted #CCCCCC ;
}

.related_artikel p {
	line-height:1.5em ;
	margin:5px 0 0 0 ;
}

.related_artikel .vorschaubild {
	line-height:120px ;
	width:120px ;
	height:120px ;
}

.related_artikel img {
	max-width:120px ;
	max-height:120px ;
}

.related_artikel a {
	font-weight:bold ;
	color:#333 ;
	text-decoration:none ;
}

/**
 *@section	Kommentare
 */
 
#comments {
	margin:20px 0 0 0 ;
	float:left ;
	width:651px ;
}

#comments a {
	color:#0066FF ;
	text-decoration:none ;
}

#comments a:hover {
	text-decoration:underline ;
}

#comments h4 {
	font-size:15px ;
	font-weight:bold ;
	color:#FF6600 ;
	margin:0 0 7px 0;
}

#comments h4 span {
	display:block ;
	font-size:11px ;
	text-transform:uppercase ;
	color:#323232 ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	font-weight:normal ;
}

#comments .comment, #comments .trackback {
	border-top:1px dotted #CCCCCC ;
	padding:20px 15px ;
	width:621px ;
	float:left ;
}

#comments .trackback a {
	font-weight:bold ;
	display:block ;
}

#comments .comment .author {
	float:left ;
	width:90px ;
	text-align:center ;
	border-right:1px solid #D1DAE3 ;
	padding:0 5px ;
}

#comments .comment .author a, #comments .comment .author span, #comments .comment .meta, #comments .trackback .meta {
	color:#333333 ;
	font-weight:bold ;
	text-decoration:none ;
	display:block ;
	margin:0 0 10px 0 ;
}

#comments .comment .author img {
	padding:2px ;
	border:1px solid #DEDFE1 ;
}

#comments .comment p {
	margin:0 0 0 100px ;
	line-height:1.5em ;
	border-left:1px solid #D1DAE3 ;
	padding:10px 0 0 10px ;
}

#comments .trackback p {
	margin:10px 0 0 0 ;
}

#comments .comment .meta {
	margin:0 0 10px 120px ;
}

#comments .postauthor {
	background:#EFFFFF ;
}

#comments .zitieren {
	text-align:right ;
	margin:5px 0 0 0 ;
}

#comments .zitieren a {
	color:#FF6600 ;
	font-weight:bold ;
	background:url(img/icon_zitieren.png) no-repeat ;
	padding:0 0 0 20px ;
	height:20px ;
	float:right ;
}

#comments blockquote p {
	background:#EFFFFF ;
}

#kommentarformular {
	padding:50px 0 0 0 ;
	float:left ;
	width:651px ;
	border-top:1px dotted #CCCCCC ;
}

#kommentarformular form {
	border-top:1px dotted #CCCCCC ;
	padding:10px 0 0 0 ;
}

#kommentarformular p {
	margin:0 0 10px 0 ;
}

#kommentarformular input {
	width:200px ;
	height:18px ;
	border-top:1px solid #DEDEDE ;
	border-left:1px solid #DEDEDE ;
	border-right:1px solid #EEEEEE ;
	border-bottom:1px solid #EEEEEE ;
	font-family:"Lucida Grande","Arial",sans-serif ;
	padding:2px 0 0 0 ;
}

#kommentarformular textarea {
	font-family:"Lucida Grande","Arial",sans-serif ;
	font-size:12px ;
	width:640px ;
	border-top:1px solid #DEDEDE ;
	border-left:1px solid #DEDEDE ;
	border-right:1px solid #EEEEEE ;
	border-bottom:1px solid #EEEEEE ;
	height:150px ;
}

#kommentarformular label {
	color:#757772 ;
}

#kommentarformular .submit {
	background:url(img/comment_submit.png) ;
	width:184px ;
	height:32px ;
	border:0 ;
	cursor:pointer ;
	color:#FF6600 ;
	font-weight:bold ;
	font-size:12px ;
	line-height:32px ;
}

/**
 *@section	404 ERROR
 */

.error404 input {
	width:200px ;
	height:18px ;
	border-top:1px solid #DEDEDE ;
	border-left:1px solid #DEDEDE ;
	border-right:1px solid #EEEEEE ;
	border-bottom:1px solid #EEEEEE ;
	font-family:"Lucida Grande","Arial",sans-serif ;
	padding:2px 0 0 0 ;
}

.error404 .submit {
	background:url(img/comment_submit.png) ;
	width:184px ;
	height:32px ;
	border:0 ;
	cursor:pointer ;
	color:#FF6600 ;
	font-weight:bold ;
	font-size:12px ;
	line-height:32px ;
	margin:0 0 20px 0 ;
}

.error404 h2 {
	font-size:16px ;
	font-weight:bold ;
	color:#FF6501 ;
	margin:10px 0 10px 0 ;
}

.error404 li {
	list-style:disc ;
	margin:0 0 0 20px ;
	line-height:1.7em ;
}

.error404 li a {
	color:#0066FF ;
	text-decoration:none ;
}


/**
 *@section	Seitenlayout
 */

#inhalt .seite {
	border:0 ;
}

/**
 *@section	Sidebar
 */

#sidebar {
	float:left ;
	padding:0 6px 0 5px ;
	border-left:1px solid #CBCBCB ;
	margin:0 0 0 -1px ;
}

#sidebar .modul {
	width:310px ;
	margin:0 0 20px 0 ;
}

#sidebar .modul h3 {
	background:#006CFF url(img/sidebar_head.png) ;
	height:25px ;
	line-height:25px ;
	font-size:12px ;
	color:#FFF ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	text-transform:uppercase ;
	font-weight:bold ;
	text-align:right ;
	padding:0 15px 0 0 ;
}

#sidebar .body {
	border-left:1px solid #D6D6D6 ;
	border-right:1px solid #D6D6D6 ;
	padding:5px ;
}

#sidebar .foot {
	height:11px ;
	background:url(img/sidebar_foot.png) ;
}

#sidebar .modul li {
	border-bottom:1px dotted #CCCCCC ;
	padding:5px 0 ;
}

#sidebar .modul li a {
	color:#000 ;
	text-decoration:none ;
}

/**
 *@section	App Store Tipps
 */

#sidebar #widget_app_store .body {
	padding:2px 0 10px 0 ;
}

#sidebar #widget_app_store li {
	height:45px ;
	padding:0 ;
	border:0 ;
	color:#FFF ;
	font-weight:bold ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	text-transform:uppercase ;
	padding:27px 0 0 20px ;
	margin:0 0 1px 0 ;
}

#sidebar #widget_app_store strong {
	font-size:14px ;
	display:block ;
}

#sidebar #widget_app_store li a {
	color:#FFF ;
	text-decoration:none ;
}

#sidebar #widget_app_store .appstore {
	color:#FF0048;
}

#sidebar #widget_app_store .link_rubrik {
	color:#000 ;
	font-weight:bold ;
	text-decoration:none ;
	float:right ;
	margin:2px 10px 0 0 ;
}

/**
 *@section	Sidebar Tabs
 */
 
#sidebar #widget_sidebar_tabs .body {
	padding:5px 0 ;
}

#sidebar #widget_sidebar_tabs .control li {
	border:none ;
	float:left ;
	padding:0 ;
	margin:0 0 10px 3px ;
	font-size:11px ;
}

#sidebar #widget_sidebar_tabs .control li a {
	display:block ;
	height:27px ;
	text-align:center ;
	background:url(img/button.png) no-repeat ;
	line-height:27px ;
	width:99px ;
	float:left ;
}

#sidebar #widget_sidebar_tabs .control li a:hover, #sidebar #widget_sidebar_tabs .control li .selected {
	background:url(img/button_over.png) no-repeat ;
	text-decoration:none !important ;
}

#sidebar #widget_sidebar_tabs .panel {
	padding:0 5px ;
}

#sidebar #widget_sidebar_tabs .panel a {
	color:#0066FF ;
	font-weight:bold ;
}

/**
 *@section	Sidebarmodul: Abonnieren
 */

#sidebar #widget_abonnieren h3 {
	height:8px ;
	background:url(img/sidebar_head_clean.png) ;
	font-size:16px ;
	color:#333 ;
	text-align:left ;
	padding:0 0 0 15px ;
	line-height:40px ;
	font-weight:normal ;
	text-transform:none ;
}

#sidebar #widget_abonnieren .body {
	padding:30px 0 0 0  ;
	line-height:1.5em ;
}

#sidebar #widget_abonnieren .body p {
	padding:0 5px 0 15px ;
}

#sidebar #widget_abonnieren .rss, #sidebar #widget_abonnieren .twitter {
	text-transform:uppercase ;
	text-decoration:none ;
	color:#0099FF ;
	font-weight:bold ;
	padding:20px 0 0 70px ;
	display:block ;
	height:53px ;
	background:url(img/rss.png) no-repeat ;
	float:left ;
	width:80px ;
	line-height:1em ;
}

#sidebar #widget_abonnieren .twitter {
	background:url(img/twitter.png) no-repeat ;
	width:50px ;
}

/**
 *@section	Sidebarwidget: ApfelTV
 */

#sidebar #widget_apfeltv .body {
	padding:1px 0 ;
}

/**
 *@section	Footer
 */

#footer {
	height:36px ;
	background:#2E3741 url(img/bg_footer.png) repeat-x ;
	color:#5C6E82 ;
	font-family: "Helvetica Neue","Arial",sans-serif ;
	text-transform:uppercase ;
	font-size:11px ;
	position:relative ;
	clear:both ;
}

#footer p {
	position:absolute ;
	right:20px ; top:10px ;
}

#footer a {
	color:#5C6E82 ;
	font-weight:bold ;
	text-decoration:none ;
}

#footer a:hover {
	text-decoration:underline ;
}

/**
 * @section Allgemeine Klassen
 */
 
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.clear {
	display:block ;
	width:100% ;
	clear:both ;
}

.kleinclear {
	display:block ;
	clear:both ;
}

.appstable {
	vertical-align:top;
}