/*
Theme Name: ab18sites
Theme URI: http://www.ab18sites.com
author: ab18sites.com
&copy; all rights reserved
theme inspired by mimbo magazine theme and polaroid theme and other magazine style themes
*/

/*
seitenweite einstellungen
*/
html,body {margin:0px; padding:0px; background:#fff;}
body {font:76% arial,sans-serif; background:#fff; color:#000;}
a {color: #cc0000; text-decoration: none;
}
a:hover {text-decoration: underline;}
input, select, textarea {border:1px solid #000; padding: 2px;}
ul {list-style:none; margin:0px; padding:0px;}
li {list-style:none;}
.current-cat {font-weight:bold; text-transform:uppercase;}
.current_page_item {font-weight:bold; text-transform:uppercase;}
img, img a, img a:visited {background:#f0f0f0; border:1px solid #000; text-decoration:none;}
img a:hover {border:1px solid #000; text-decoration:none;}
.fix {clear:both; height:1px; margin:-1px 0 0; overflow: hidden;}
.picleft {float:left; margin:3px 14px 10px 0; border:1px solid #000;}
.picright {float:right; margin:3px 0 10px 14px; border:7px solid #f2f2f2;}
.trenner {color:#fff; background-color:#fff; border-top:1px dotted #000; border-right:none; border-bottom:none; border-left:none; clear:left;}
small {font-size:90%;}

#mainbox {background: none; padding: 0 0 50px;}
/*
kopfnavi
*/
#topnavi-feed {background:#fff; height:54px; width:960px; margin:0 auto;}
ul.interaktiv {float:right; padding:25px 20px 0 0;}
.interaktiv li {float:left; font-weight:bold; line-height:25px; font-size:120%; letter-spacing:-1px; margin:0 20px 0 10px;}
.interaktiv li.feed {background:url(images/feed.gif) no-repeat left; padding:0 0 0 30px;}
.interaktiv li.mailfeed {background:url(images/mail.gif) no-repeat left; padding:0 0 0 30px;}
.interaktiv li a {color:#41484d;}

#innerbox {padding:0px; width:960px; border:1px solid #000; width:960px; margin:0 auto; background:#fff;}
/*
header
*/
#header {height: 80px;}
#blogtitle {width:600px; height:50px; float:left; padding-top:5px;}
#blogtitle h1 {font-size:220%; font-weight:bold; letter-spacing:-1px; margin:0px !important; padding:0 0 0 20px !important;}
#blogtitle h1 a {color:#c112109;}
.blogdescription {float:left; margin:0px !important; padding:0 0 0 20px !important; font-size:140%; font-style:italic; font-weight:bold;}
.search {float:right; height:30px; margin:20px 0 0; width:350px;}
.search input {border:1px solid #000; float:left; margin:4px 0 0 10px; padding:2px; width:270px;}
.search .button {margin:4px 0 0 10px; padding:1px; width:auto; border:1px solid #000;}
/*
headerbox
*/
#headerbox {background:#313131; height:200px;}
.boxlinksrahmen {float:left; width:350px;}
.boxrechtsrahmen {float:right; width:295px;}
.boxlinks {float:left; width:280px; height:149px; padding:20px 20px; color:#fff;}
.boxrechts {float:right; width:240px; height:149px; padding:20px 20px; color:#fff;}
.boxlinks h2, .boxrechts h2 {color:#cc0000; font-weight:bold; font-size:130%; text-transform:uppercase; margin:0 auto 4px auto;}
.boxlinks p, .boxrechts p {text-align:justify;}
#randombild {background:#313131; height:180px; margin:0 0 0 400px; position:absolute; top:140px; width:200px; text-align:center;}
#randombild h2 {color:#fff; letter-spacing:-1px; font-weight:bold; font-size:130%; text-transform:uppercase; margin:0 auto 4px auto;}
/*
navi pages
*/
#topnavi-pages ul {background:#ccc; line-height:30px; clear:all;}
#topnavi-pages li{background:#ccc; float:left; line-height:30px; padding:0 15px; text-transform:uppercase; font-weight:bold;}

#inhaltsbox {margin:30px 0 0;}
/*
text
*/
.textbox {width:500px; padding:10px; float:left;}
#inhaltsbox h2 {color: #777; font-size:140%; font-weight:bold;}
#inhaltsbox h2 a {color: #cc0000;}
#inhaltsbox h3 {color: #F2170B; font-size:160%; letter-spacing:-1px; margin-bottom:4px;}
#inhaltsbox h3 em {color:#C11209; font-style:normal;}
#inhaltsbox h4 {color:#C11209; font-size:130%; font-weight:bold;}
#inhaltsbox h4 a {color:#cc0000;}
#seitentitel {margin-top:20px; font-size:170% !important;}
.pagetitle{color:#41484d !important; font-size:14px!important; text-transform:uppercase; font-weight:bold !important; border-bottom:#41484d dotted 1px; padding-bottom:5px;}
.post {padding:15px 0 5px 0;}
.post h2 {font-size:160%; color: #777;}
post h2 a {font-size:160%; color: #cc0000;}
.postmetadata {margin:-10px 0 15px 0;}
.postmetadata a {color:#777;}
.postmetadata2 {margin:10px 0 15px 0;}
.postmetadata2 a {color:#777;}
.entry img {padding: 2px 2px 2px 2px; background:#f0f0f0; border:1px solid #000;}
.entry ul, .entry ol {margin:0 0 15px 15px;}
.entry ul li ul, .entry ol li ol {margin:0 0 0 10px;}
.entry ul li {list-style:disc inside !important;}
.entry ul li ul li {list-style:none;}
.entry .mylink {font-size:150%;}

.navigation {margin:20px 0 20px 0; text-align:center;}
/*
sidebar
*/
.sidebarbox {width:403px; float:right;}
.featured {height: 125px; margin:10px 0 30px;}
.featured img {display:block; float:left; margin:0 15px 0 15px;}
.featured img.last {margin:0;}
.sidebarlinks {float:left; width:180px;}
.sidebarrechts {float:right; width:180px;}
.premium {margin:0 0 0 -18px;}
ul.menu {padding: 0 0 15px;}
.menu li {border-bottom:1px dotted #000; padding:4px 0 5px 5px; color:#C11209;}
.menu li em, .menu li a em {color:#C11209; font-style:normal;}
.menu li a {color:#41484d;}
.menu li a:hover {text-decoration:none; color:#C11209;}
.tipp {padding: 10px 0 0;}
.tipp img {border:1px solid #000; float:left; height:auto; margin:3px;}
* html .tipp img {margin:0 3px;}
/*
Kommentare
*/
#comments {margin-top:60px;}
#commentform {margin:0; padding:0; line-height:14px;}
.nocomments {padding:10px;}
ol.commentlist {margin:10px 0; padding:0; list-style:none; line-height:14px;}
ol.commentlist cite {font-style:normal; font-weight:bold;}
ol.commentlist li {padding: 10px; border-top:1px dotted #F5857E;}
ol.commentlist li.alt {background:#ccc; border-top:1px dotted #000;}
ol.commentlist li.highlighted {background:#efefef; border-top:1px dotted #000;}
/*
Footer
*/
#footer {clear:both; background:#313131; color:#fff; margin:20px 0 0 0; text-align:left; padding:0px 10px 0 10px; height:40px; line-height:40px;}
#footer a {color: #fff;}
#footer img {border:none; vertical-align:middle;}
#abschluss { width:960px; margin:0 auto; background:#fff; background:#313131; height:7px;}
/*
index.php latest posts
*/
#latest-posts {margin:0 auto 30px auto; width:99%; list-style:none;}
#latest-posts li {float:left; width:99%; padding:6px; margin:0 10px 10px 0; border-bottom:1px dotted #000; list-style:none;}
#latest-posts img {padding:2px;}
#latest-posts p {margin:0px;}
.mylatestposts {font-size:120%; font-weight:bold;}
/*
Galeriestyle (du musst das stylesheet in includes/media.php entfernen)
*/
.gallery {margin:auto;}
.gallery-item {float:left; margin:5px; text-align:center; min-width:150px; min-height:160px; max-width:158px;}
.gallery img {padding: 2px 2px 2px 2px; background:#f0f0f0; border:1px solid #000;}
.gallery-caption {margin-left:0;}
/*
single.php rating
*/
.post-rating-box {height:70px; background:#ccc; padding:0 0 0 4px;}
.post-rating-box h3 {margin:4px 0 6px 0; font-weight:normal;}

/*
thumbnails
*/
.imgtfe {
margin:4px 8px 8px 0;;
}

.entry #feedlist ul {list-style:none !important; margin:15px 0 0 0; padding:0px;}
.entry #feedlist li {list-style:none !important; margin:20px 0 0 0; padding:0px;}
.entry #feedlist li p {margin:0px; padding:0px; text-align:left !important;}
.entry #feedlist li img {text-align:left !important; margin:6px 0 6px 0;}
.rssLinkListItemTitle {font-weight:bold; padding:20px 0 0 0;}

#translation_bar {background:#ccc;}