/*
Theme Name: Magazeen
Theme URI: http://smashingmagazine.com/
Description: A bold magazine theme from <a href="http://wefunction.com">Function</a> &amp; <a href="http://smashingmagazine.com">Smashing Magazine</a>.
Version: 1.0
Author: Spencer
Author URI: http://wefunction.com/
Tags: magazine, light, link, blue, two column, widgets, jquery

	The CSS, XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.

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

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#fff;
	font:0.75em Arial, Helvetica, sans-serif; color:#5e6568;
	line-height:19px;
	text-align:center;
	font-size:100.01%;
}
a:link, a:active {
	text-decoration:none;
	color:#222;
}
a:hover, a:visited:hover, a:visited:hover:after {
	color:#f00;
}
a:visited {
	color:#000;
	text-decoration:none;
}
#alles {
	text-align:left;
	margin:0 auto;
	width:1000px;
}
img { border:0; margin:0; padding:0; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
	font-family: Georgia, Helvetica, Arial;
	font-style:italic;
	font-weight:normal;
	margin:0; padding:0;
	color:#111;
}
h1 { font-size:45px; line-height:1.1em; border-bottom:1px dotted #666;
padding-bottom:0.2em; }
h2 { font-size:28px; line-height:1.14em; border-bottom:1px dotted #666;
padding-bottom:0.2em; }
h3 { font-size:22px; line-height:1.1em;border-bottom:1px dotted #666;
padding-bottom:0.2em; }
h4 { font-size:18px; line-height:1.1em; border-bottom:1px dotted #666;
padding-bottom:0.2em;}


ul, li {
	list-style-image:none;
	list-style-type:none;
	margin:0 0 0px;
	padding:0;
}
p {
	font-family: Georgia, Times, serif;
}


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

#header {
	background:#fff;
	/*background:#e2bf89;*/
	
}

#menu { padding-top:15px; 	margin-left:16px;}
#menu a, #topmenu a:visited { font-family: Tahoma,Arial,sans-serif; font-size: 11px; letter-spacing: 1px; color: #777; font-weight: bold; text-decoration: none; text-transform:uppercase;}
#menu a:hover { color:#000; }
#menu ul { list-style-type:none; padding:0; display:inline; }
#menu ul li { padding:0; display:inline; margin-right:20px; }

#logo {
	margin-top:31px;
	padding-bottom:20px;
	margin-left:16px;
	float:left;
}
#telefon * {
	float:right;	
	font:Georgia, Times;
	margin:32px 14px 0 0;
	padding:0;
	border:none;
}
a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {
	margin:13px 15px 0 0; padding:0;
	width:16px; height:17px;
	background:url(images/rss.png) no-repeat top center;
	text-indent:-9999px; display:block; outline:0;
}


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

#feature {
	background:#fff;
	width:650px;
	float:left;
	margin-top:30px;
}
.singlecol {
	background:#fff;
	width:634px;
	float:left;
	margin-top:30px;	
	padding-left:16px;
}
#angebote {
	background:#fff;
	width:650px;
	float:left;
	border-bottom:1px dotted #999;
	padding:19px 0 0 16px;	
}
#c3 {
	background:#fff;
	width:317px;
	float:right;
	padding:30px 0 50px 16px;
	background:#eee;
}
#c1 {
	background:#fff;
	width:317px;
	float:left;
	clear:left;
	padding-top:30px;
	padding-left:16px;
}
#c2 {
	float:left;	
}
#sidebar {
	background:#fff;
	width:301px;
	float:right;
	padding:30px 16px 50px 16px;
	background:#eee;
}


/*  Feature  -----------------------------  */

#feature {
	background:#fff;
	border-bottom:1px dotted #999;
	margin-top:0;
	padding:26px 0 0 16px;
}
#feature .post {
	margin-bottom:32px;
	width:96%;
}
#feature .post h1 {
	letter-spacing:0px;
}
#feature .post h1 a {
	color:#111;
}
#feature .post h1 a:hover, #feature .post h1 a:visited:hover  {
	color:#f50;
}
#feature p.post-info {
	font-size:11px;
	font-family:Georgia,Times;
	font-style:italic;
	letter-spacing:0.1em;
	width:100%;
	margin-top:5px;
	color:#777;
	margin-bottom:0px;
}
#feature .post-intro {
	font-family:Georgia, Times;
	font-size:16px;
	color:#777;
	line-height:1.5em;
}
#feature .post-intro p {
	padding:0;
	margin:0;
}
#feature .post img {
	max-width:40%;
	height:auto;
	margin-bottom:6px;
	float:left;
	margin-right:11px;
	margin-top:5px;
}


/*  Blog  --------------------------------- */ 

div#blog {
	background:#eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#blog .post {
	padding-bottom:40px;
}

/*  Grund  --------------------------------- */ 

div#grund {
	background:#fff;
}
div#grund .post {
	padding-bottom:40px;
}


/*  c2er  --------------------------- */

.c2er {
	width:295px;
	margin-top:16px;
	padding-left:16px;
	padding-top:16px;
}



/*  Angebote / Offers  -----------------------------  */

.offer { 
	width:191px;
	margin-bottom:15px;
	border-right:1px dotted #ccc;
	float:left;
	padding-right:7px;
	margin-right:17px;
}

.offer .imgmask {
	width:153px;
	height:113px;
	overflow:hidden;
	margin-bottom:6px;
}
.offer img {
	width:153px;
	height:auto;
}
.offer h3 a, .offer h3 {
	font-size:16px;
	font-family: Helvetica, Arial;
	color:#111;
	font-style:normal;
	padding:none;
	border:none;
	margin-bottom:20px;
}
.offer-content p {
	font-size:14px;
	font-family:Georgia, serif;
	font-style:italic;
	padding:0;
	margin:0;
}




/*  C1  -----------------------------  */

#c1 .post {
	margin-bottom:32px;
	width:92%;
}
#c1 p.post-info {
	font-size:11px;
	font-family:Georgia,Times;
	font-style:italic;
	width:100%;
	margin-top:6px;
	letter-spacing:0.09em;

}
#c1 .post-intro {
	font-family:Georgia, Times;
	font-size:14px;
	color:#777;
	margin-top:0px;
}
#c1 .post img {
	max-width:100%;
	height:auto;
	margin-bottom:6px;
}



/*  C2  ------------------------------ */


#c2 .post {
	margin-bottom:25px;
	width:92%;
}

#c2 .post-intro {
	font-family:Georgia, Times;
	font-size:14px;
	color:#777;
}
#c2 .post img {
	max-width:100%;
	height:auto;
	margin-bottom:6px;
}
#c2 .continue-reading {
	text-transform:uppercase;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:#000;
	float:right;
	letter-spacing:1px;
	margin-top:0px;
}



/*  C3  -----------------------------  */

#c3 .post {
	margin-bottom:25px;
	width:92%;
}
#c3 .post-intro {
	font-family:Georgia, Times;
	font-size:14px;
	color:#777;
}
#c3 .post img {
	max-width:100%;
	height:auto;
	margin-bottom:6px;
}
#c3 .continue-reading {
	text-transform:uppercase;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:#000;
	float:right;
	letter-spacing:1px;
	margin-top:0px;
}

.flag, .flagwhite { 
	margin-bottom:25px;	
}

.flagwhite a {
	color:#000;
	height:1000px;
	border:1px dotted #777;
	background-color:#fff;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	padding:7px 9px 7px 9px;
	font-weight:bold;
	font-family:verdana, arial;
}

.flag ul li a {
	color:#000;
	border:1px dotted #777;
	background-color:#ff9000;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	padding:7px 9px 7px 9px;
	font-weight:bold;
	font-family:verdana, arial;
}



/*  Single Page  -------------------------------------*/

#single .post-content, #single .post-content p {
	font-family: Georgia, serif;
	font-size: 14px;
	line-height:1.4em;
}
#single .post-content img {
	margin:10px 10px 10px 10px;
	max-width:95%;
	height:auto;
}
#single h1 {
	letter-spacing:0px;
}
.postdate {
	font-size:11px;
	font-family:Georgia,Times;
	font-style:italic;
	width:100%;
	margin-top:6px;
	letter-spacing:1px;
}


/*  Sidebar  -----------------------------  */

#sidebar .post {
	margin-bottom:20px;
}
#sidenews img {
	max-width:90%;
	height:auto;
	float:none;
}
#sidebar .post-box {
	font-family: Georgia, serif;
	font-size: 14px;
}


/*  Tagcloud  -------------------------------------*/

.tagcloud a {
	font-family:Georgia, Times;
	color:#336699;
	text-decoration:underline;
	line-height:1.1em;
}
.tagcloud a:hover {
	color:#f00;
}


/*  Archives  -----------------------------  */

#archive h1 {
	border:none;
}

#archive h3 {
	margin-top:20px;
}

#archive .post {
	margin-bottom:70px;
}
#archive .post img {
	margin:10px;
}




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

#footer {
	margin-top:50px;
	border-top:1px dotted #666;
	padding-left:16px;
}
.footcats {
	font-family: Tahoma,Arial,sans-serif; 
	font-size: 11px; 
	letter-spacing: 1px; 
	color: #777; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform:uppercase;
	margin-top:10px;
}
.footcats a {
	color: #777; 
}

#footer ul li {
	display:inline;
	margin-right:20px;
}
#footer .about {
	font-size:11px;
	margin-top:15px;
	float:left;
	margin-bottom:25px;
	letter-spacing:1px;
}
#footer .rss {
	float:right;
}
#footer a:hover { color:#000; }

/*  Questim-Frames  -----------------------------  */

.iframe_list select {
	visibility:hidden;
}

.iframe_list #pagination {
	visibility:hidden !important;
}


.clear {
	clear:both;
	float:none;
}



.alignright {
	float:right;
}
.alignleft {
	float:left;
}

.continue-reading {
	text-transform:uppercase;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:#000;
	float:right;
	letter-spacing:1px;
	margin-top:0px;
}