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

css fuer highlyoverrated.info
mehrspaltiger Text
oder auch nimma [11.01.2011]

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

* {
    padding:0;
    margin:0;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
display: block;  
} 

body
{
    background:#fbfbfb;
	font: medium Georgia, serif;
	text-align:center;
}
html>body {
	font: 95% Georgia, serif;
	}
img {
    border:0;
}
h1 {
	font-weight: bold;
	font-size: 22px;
	line-height: 24px;
	font-family: helvetica,arial,sans-serif;
	color: #993300;
	margin:12px 0;
}
h2 { font-size:16px;
	line-height:18px;
	margin:18px 0 6px 0;
}
h3 {
	margin-bottom:12px;
}
h4 { 
	font-size:16px;
	line-height:18px;
	margin:18px 0 6px 0;
	}

h6 {
    font-size:16px;
    padding: 0 0 12px 0;
}
p, li, h3, #content {
    font-size: 16px;
    line-height: 24px; 
}
blockquote {
    margin: 2px 2px 2px 2px;
    background:#fbfbfb;
    padding:6px;
	padding-bottom:2px;
    border: solid 2px #eaeaea;
    border-top: solid 12px #eaeaea;
}
blockquote, blockquote p {
    font-size:16px;
    line-height:20px;
   	text-indent:0 !important;
	font-style:italic;
}
code {
    background:#fbfbfb;
    display:block;
    margin:6px 6px 6px 0;
    padding:6px;
	text-align:left;
	text-indent:0;
	font-size:11px;
	line-height:14px;
	border-left: solid 6px #eaeaea;
}
strong {
    font-weight:bold;
    letter-spacing:1px;
}
small, figcaption {
    font-size: 10px;
    line-height: 11px; 
	font-family:Verdana, Arial;
	display:block;
	}
figcaption {
	text-indent:0;
	}
#container {
    position:relative;
    width: 96%;
	max-width:1600px;
	min-width:780px;    
	margin: 110px auto 10px auto;
    text-align:left;
}
/*------------
header
-------------*/
header {
    height: 100px;
 	background:url(/blog/images/highlyoverrated-bg-flip.png) no-repeat;
	text-align:left;
	position:absolute;
	top:0;
	width:100%;
}
article header, section header {
	height: auto;
 	background:none;
	position:relative;
	width:auto;

}
header h1 {
    font-weight: normal;
    font-family:verdana, arial, sans-serif;
    font-size: 24px;
	color:white;
	letter-spacing:6px;
	padding:2px 0 3px 0;
	color:white;
	margin:12px;
}
article h1, section h1 {
	font-weight: bold;
	font-size: 22px;
	line-height: 24px;
	font-family: helvetica,arial,sans-serif;
	color: #993300;
	margin:12px 0;
	letter-spacing:normal;
}
header h2 {
    font-weight: normal;
	font-family:verdana, arial, sans-serif;
    font-size: 1em;
    font-style: italic;
	padding:2px 0 3px 0;
	color:white;
	margin:12px;
}
/*-------------
LINKS
--------------*/
a {
    color: #930;
    text-decoration: none;
}
a:hover {
    text-decoration:underline;
}
header a  {
   text-decoration:none;
   color:white;
	}
header a:hover {
	text-decoration:underline;
   background:black;
   color:white;
   	}
article header a {
    color: #930;
    text-decoration: none;
}
article a:hover {
    text-decoration:underline;
    color: #930;
	background:none;
}
nav a {
	color:black;
	text-decoration:underline;
}
aside nav a {
	text-decoration:none;
}
.related_articles a {
	text-decoration:underline; 
	}



/*-------------
content
(max-width etc. über #container)
--------------*/
#content {
    margin: 0 145px 0 0;
    padding: 0px 20px 0 20px;
}
#homegrid { /*startseite 2spaltig */
	text-align: justify;
	-moz-column-rule: 1px solid #999;
	-moz-column-count: 2;
	-moz-column-gap: 12px;
	-webkit-column-rule: 1px solid #999;
	-webkit-column-count: 2;
	-webkit-column-gap: 12px;
	-webkit-column-rule: 1px solid #999;
	column-count: 2;
	column-gap: 12px;
	column-rule: 1px solid #999;
}
#anreisser p {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	}
#articlecore {
	text-align: justify;
	/* -moz-column-rule: 1px solid #999;
	-moz-column-count: 3;
	-moz-column-gap: 12px;
	-webkit-column-rule: 1px solid #999;
	-webkit-column-count: 3;
	-webkit-column-gap: 12px;
	-webkit-column-rule: 1px solid #999;
	column-count: 3;
	column-gap: 12px;
	column-rule: 1px solid #999; */
 } 
/* #articlecore img, #articlecore object, #articlecore embed,  */
#homegrid object, #homegrid embed {
	float:left;
	max-width: 98%;
	height:auto;
}
#articlecore p {
	text-indent:12px;
}
#content p img {
    border:2px solid #eaeaea;
    padding:2px;
}
#content .details img {
    border:0;
    padding:0;
}
#content ul {
    padding:0 0 0 12px;
    list-style-type:circle;
}
#content li {
    padding: 2px 12px 6px 0;
}
#accessibility {
    position: absolute;
    top: -10000px;
}
.vorzurueck {
    text-align:center;
    margin-top:6px;
}
.nachoben {
	clear:both;
	display:block;
	width:75%;
	text-align:center;
	letter-spacing:1px;
	border-bottom:solid 1px #999;
	margin:0 auto 6px auto;
	padding-bottom:6px;
	text-decoration:none !important;
	font-size:11px;
	}
/*--------------
sidebar
----------------*/
#suche {
    padding:0 0 0 4px;
    margin:0 -6px 0 0;
}
#suche fieldset {
border:0;
}

#sidebar-1 {
    display:none;
}
#sidebar-2 {
    float: right;
    width: 140px;
    margin:-16px 6px 0 5px;
	}
#sidebar-2 p, #sidebar-2 p, #sidebar-2 ul {
    line-height: 15px;
    font-size: 11px;
}
#sidebar-2 li {
    font-size:11px;
    line-height:14px;
    list-style-type:none;
}

#sidebar-2 ul {
    margin-top:12px;
    padding:0;
}
#sidebar-2 ul ul {
    margin-top:6px;
}
.related_articles li, .recent_comments li, .category_list li {
    font-weight:normal;
    padding:0 0 6px 0;
}
#content .related_articles {
	-moz-column-rule: 0px solid #999;
	-moz-column-count: 2;
	-moz-column-gap: 12px;
	-webkit-column-rule: 0px solid #999;
	-webkit-column-count: 2;
	-webkit-column-gap: 12px;
	column-count: 2;
	column-gap: 12px;
	column-rule: 0px solid #999;
 } 
.listen-titel {
    text-transform:uppercase;
    padding:2px;
    font-weight:bold;
}
#twitter_div h2.sidebar-title {
	font-size:11px;
	line-height:14px;
    text-transform:uppercase;
    padding:2px;
    font-weight:bold;
	font-style:normal;
}
.category_list li {
    margin-left:12px;
    padding:0 0 2px 0;
}
.category_list li:first-child {
    margin-left:0px;
    font-weight:bold;
}
#about img {
	width:50px;
	height:50px;
	}
/*--------------
footer
----------------*/
#foot {
    clear: both;
    margin-top: 15px;
    padding:10px;
    text-align: center;
}
#foot p {
    text-align:center;
}
#sidebar-2 a, #sidebar-1 a {
    color: #930;
}
#sidebar-2 a:visited, #sidebar-1 a:visited {
    color: #600;
}
/*------------
del.icio.us
-------------*/
ul.delicious {
    margin-top:-40px;
}
div.delicious-link, .delicious li, div.delicious-extended, div.delicious-tags  {
    display:inline;
}
div.delicious-tags {
    font-size:11px;
    line-height:8px;
    color:#999;
}
.delicious-tags a {
    color:#999;
}
/*------------
google reader list
-------------*/
.google-reader-list h3 {
	font-size: 10px;
	line-height: 12px;
	padding: 12px 0 2px 0;
	text-transform:uppercase;
}
.google-reader-list li {
	padding-bottom:6px; 
	}
.google-reader-list .f {
	font-size:10px;
}
	
/*
########################
allgemeine Defintionen
########################
*/

#content ol, #content ul {
    list-style-position:inside;
}

img.left {
    float:left;
    margin-right:6px;
}
img.right {
    float:right;
    margin-left:6px;
}
img.center {
	display:block;
	margin:0 auto 6px auto;
	
}
#content h3 a {
    text-decoration:none;
    color:#930;
    font-weight:normal;
    font-size:22px;
    line-height:24px;
    font-family:helvetica, arial, sans-serif;
}
#content h3 a:hover {
    text-decoration:underline;
}
#content p {
    padding-bottom:12px;
}
.details {
	display:block;
	clear:left;
    font-size:11px;
    font-weight:normal;
    color:#999;
    padding-bottom:12px;
}
.details img {
    border:0;
    margin-right:4px;
}
.details a {
    color:#930;
}
time {
	display:block;
	text-align:right;
	font-size: smaller;
	color:#666;
	border-right:1px dotted #cfcfcf;
	padding:0 6px 0 0;
	margin-bottom:6px;
}
.caps {
    letter-spacing: 0.1em;
    font-size: 10px;
}
#content hr {
    color: #ccc;
    width: 66%;
    margin-top: 2em;
    margin-bottom: 2em;
}
img.divider {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.div-center { 
	margin:0 auto;
	text-align:center;
	}

/* ************
comments anzeige
************* */
.owner-entry {
    background:#fffff0;
    display:block;
}
.comments  li {
	    list-style-type:none;
		border-bottom:solid 1px #999;
		margin: 12px 0;
		min-height:70px;
}
.comments  li:last-child {
	border:none;
	}
.comments li p {
	width:460px;
	}
.comments li address  { 
	width:220px;
	font-size:smaller;
	font-style:normal;
	margin:6px 0;
	min-height:60px;
	float:right;

}
.comments .comment-autor img { 
	float:left;
	margin-right:6px;
}
.comments .comment-zeit { 
	display:block;
}

/*-----------------
comment-form
------------------*/
#txpCommentInputForm {
    background:#fbfbfb;
    border:solid 10px #eaeaea;
    padding:6px;
    margin-top:12px;
    font-size:12px;
	clear:both;
}
#txpCommentInputForm div.kontaktfelder {
	width:40%;
	float:left;
	padding-right:10px;
}
#txpCommentInputForm div.textfeld {
	width: 55%;
	float:right;
}

#txpCommentInputForm label {
    display: block;
	
}
#txpCommentInputForm input {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
#txpCommentInputForm textarea {
    display: block;
    height:120px;
	width:94%;
    margin-bottom: 10px;
}
#txpCommentInputForm input.button {
    width:80px;
}
#txpCommentInputForm br {
    clear: left;
}

.remember  {
    width:95px;
    margin:0;
    padding:0;
    float:left;
    display:block;
}
.remember input {
    width:24px !important;
	float:none;
}
/*---------------
Live-Search Plugin
----------------*/
#suche {
    font-size:11px;
}
#LSResult {
    position: absolute;
    left:396px;
    background:#fbfbfb;
    width: 300px;
    font-size:11px;
    filter:alpha(opacity=95);
	opacity:.95;
}
#LSShadow {
    padding: 6px;
    background:#eaeaea;
}
#LSRes {
    background:#fbfbfb;
}
.LSRow {
    padding: 0 5px 5px 5px;
}
#LSHighlight {
    background:#eaeaea;
}
#LSHeader {
    padding: 2px 2px 8px;
}
.lsDate {
    display: block;
    color: #555;
    font-size:10px;
}
/*----------------
Archiv
----------------*/
#rssCatArchive {
}
#rssCatList {
}
dt, .rssCcat {
    background:#fbfbfb;
}
dt {
    margin-top:12px;
}
#rssCatList ul {
    margin:0 12px 12px 48px;
    list-style-position:outside;
}
.rssSubdate {
    font-size:10px;
} 
/*-------------------
Kontaktformular
--------------------*/

#zemContactForm fieldset { border:0; }
#zemContactForm legend { font-weight:bold; font-size:128%; line-height: 140%; }
#content .zemError li { background: url(/images/65.gif) 2px 4px no-repeat; list-style:none; border:#c00 dotted 1px; padding:4px 0 4px 24px; margin:4px 0; }

/*-------------------
Hyphenator
--------------------*/
#HyphenatorToggleBox {
position:relative;
}