/*

Theme Name: Festiwelt
Description: Design und Anpassungen von <a href="http://www.newmediamen.de">newmediamen</a>.
Version: 1.0
Author: newmediamen - Berlin
Author URI: http://www.newmediamen.com
Tags: right sidebar, two columns, black, white, fixed width, valid CSS, valid XHTML, widgets ready, rounded corners, web 2.0, red, blue, gravatars, 
*/

/*
Geaendert newmediamen.de (c) 2010/02/28
*/



* {
list-style:none;
margin:0;
padding:0;
}

body {
font:55% Arial, serif;
background:#030508 url(./images/hintergrund.jpg) repeat-x fixed;
}

/*
img {
border:0;
float:left;
padding:3px;
border: 1px solid #abced7;
}
*/

div#wrapper {
width:920px;
margin:0 auto 0;
border: 0px solid red;
background: url(./images/sternenhimmel.png) 165px -50px no-repeat;
}

div#masthead {
width:920px;
height: 115px;
position:relative;
top: 20px;
border: 0px solid green;
}


.festiweltlogo {
border: 0px solid white;
float: right;
margin: 0 55px 0 0;
}


/* Tagline */


/* Pages Navigation */
div#masthead ul {
float: left;
position:relative;
z-index:2;
margin: 58px 0 0 50px;
border: 0px solid yellow;
text-shadow: 0px 2px #000;
}

div#masthead ul li a {
color:#fff;
text-decoration:none;
display:block;
font: 10px/10px Arial,Helvetica,sans-serif;
text-transform:uppercase;
letter-spacing: 1px;
text-align: center;
padding: 15px 0px 24px 0;
width: 112px;
border: 0px solid red;
}

div#masthead ul li.current_page_item {
background: url(./images/menue-on.png) no-repeat;
}

div#masthead ul li.current_page_item a:hover {
background: url(./images/spacer.png);
}

div#masthead ul li a:hover {
background: url(./images/menue-over.png) no-repeat;
color: #ff2000;
}

/* Banner image dropshadow
div#masthead_image {
background:url(./images/image_bg.png) center no-repeat;
width:724px;
height:148px;
clear:both;
position:relative;
z-index:1;
padding:8px 22px;
}
 */


a {
outline:0;
}

div#content {
width: 830px;
margin: 37px 0 0 37px;
padding: 0px 0 0 17px;
background:url(./images/glasrand-folge.png) repeat-y;
border: 0px solid yellow;
}

.glasrandoben{
width: 843px;
height: 17px;
margin: 20px 0 0 37px;
border: 0px solid red;
float: left;
}

/* Main Content */

div#main {
width:574px;
float:left;
padding: 0 0px 0px 0;
border: 0px solid green;
}

.startseite-intro{
background: url(./images/startseite-introtext.png) no-repeat;
width: 401px;
height: 209px;
margin: 0 0 -20px 0;
border: 0px solid red;
padding: 30px 70px 0 103px;
font: normal 14px/19px Georgia,Times,Times New Roman,serif;
color: #8ca2cc;
text-shadow: 0px 1px #000;
}


h1 {
font: normal 26px/26px Georgia,Times,Times New Roman,serif;
margin: 0 0 10px 0;
color: #f42e21;
letter-spacing: 3px;
text-transform: uppercase;
text-shadow: 0px 2px 5px #000, 0px 0px #f0a2a2;
}

.startseite-intro h2 {
font: normal 16px/16px Georgia,Times,Times New Roman,serif;
margin: 50px 0 0px 0;
color: #f42e21;
letter-spacing: 3px;
text-transform: uppercase;
text-align: left;
border: 0px solid red;
} 
 
 
h1 a {
position:absolute;
width:300px;
height:30px;
left:40px;
top:15px;
font-weight:700;
text-decoration:none;
color:#cf2d00;
}

/* Main header on single pages */
h2.header {
text-transform: uppercase;
font: 23px/23px Georgia,Times,Times New Roman,serif;
color:#008cc7;
position:relative;
margin: 0 16px 0px 0px;
padding: 0px 0 0 0;
width: 315px;
border: 0px solid red;
float: right;
}


div#main h2.header a {
text-decoration:none;
text-transform: uppercase;
font: 23px/23px Georgia,Times,Times New Roman,serif;
color:#008dc6;
}

h2.header span {
position:relative;
background:#FFF;
padding-right:5px;
bottom:7px;
}

/* Secondary headline above comments and comment form */
div#main h3 {
color:#cf2d00;
margin:15px 0 5px;
}

div#main p {
color:#343434;
font: 14px/19px Arial,Helvetica,sans-serif;
margin:10px 0;
}



div#main a {
color: #ff2000;
text-decoration:none;
}



/*  **************** SITES *************  */
.h3sites {
font: 22px/22px Georgia,Times,Times New Roman,serif;
color:#008dc6;
position:relative;
margin: 0 0 20px 0px;
padding: 0px 0 0 0;
border: 0px solid red;
}

.textkastensites {
position:relative;
margin: 0 0 30px 0px;
padding: 0px 70px 0 0;
border:0px solid red;
font: 14px/18px Arial,Helvetica,sans-serif;
}

/*  **************** ARTIKEL *************  */

.kalender{
background: url(./images/datum.png) no-repeat;
float: left;
width: 59px;
height: 59px;
border: 0px solid green;
}

.monat{
text-transform: uppercase;
font: bold 13px/13px Arial,Helvetica,sans-serif;
text-shadow: 0px 0px #333, 0px 1px #444;
color:#fff;
width: 59px;
text-align: center;
margin: 10px 0 0 0;
display: block;
border: 0px solid red;
}

.datum{
font: bold 29px/29px Arial,Helvetica,sans-serif;
text-shadow: 0px 0px #999, 0px 2px #000;
color:#fff;
width: 59px;
margin: 0px 0 0 0;
text-align: center;
display: block;
border: 0px solid red;
}

.plakat{
width: 128px;
height: 171px;
display: block;
margin: -6px 15px 0 17px;
padding: 4px 0 0 4px;
/* background: url(./images/plakate-hintergrund.png) no-repeat; */
float: left;
border: 0px solid red;
}


.plakat img{
border: 1px solid #bbb;
box-shadow: 0px 2px 6px #999;
-moz-box-shadow: 0px 2px 6px #999;
-webkit-box-shadow: 0px 2px 6px #999;

}

.article {
margin: 30px 0 0px 0px;
padding: 0 0 0 20px;
border-bottom: 0px solid #ddd;
background: url(./images/artikel-verlauf.png) bottom no-repeat;
overflow: hidden;	/* IE7 Hack */
}



.keinverlaufunten {
background: none;
}

.filmbeschreibung{
float: left;
width: 305px;
color:#343434;
font: 14px/19px Arial,Helvetica,sans-serif;
margin: 20px 0 10px 0;
border: 0px solid red;
}


.wannwo{
font: bold 12px/15px Arial,Helvetica,sans-serif;
border-top: 1px dotted #eee;
margin: 18px 0 15px 0;
padding: 20px 0 0 0;
display: block;
}


.wannwo a:active {
color: #000;
font: bold 12px/15px Arial,Helvetica,sans-serif;
}

.wannwocolor{
color: #8ca2cc;
}

.article {
border: 0px solid red;
}

.article img{
margin:2px 12px 2px 2px;
}


.article blockquote {
border-left:1px dotted #390363;
background:#d6dee0;
margin:0 15px;
line-height:50%;
color:#4b474f;
padding:1px 15px;

}

.article ul,.article ol {
font-size:1.2em;
color:#3e0d55;
margin-left:15px;
}

.article ul li {
padding-left:15px;
background:url(./images/square.png) 0 center no-repeat;
margin:5px 0;
}

.article ol {
margin-left:30px;
}

.article ol li {
list-style:decimal;
margin:10px 0;
}

.article ol li ol {
font-size:1em;
margin-left:15px;
}

#main p.byline {
color:#459804;
text-align:right;
font-size:11px;

}

ul.article_footer {
text-align:right;
background:url(images/form_bg.jpg) repeat-x top left;
border:1px solid #DADADA;
line-height:1.5;
border-width:1px;
margin:10px 0;
padding:5px 10px;
}

ul.article_footer li {
font-size:0.9em;
display:inline;
background:none;
border-left:1px solid #DADADA;
margin-left:5px;
padding-left:10px;
}

ul.article_footer li.first {
border-left:0;
}




/* ****************Secondary Content (SIDEBAR)****************/
div#secondary {
float:left;
padding: 0px 0px 0px 35px;
min-height: 670px;
border: 0px solid red;
background:url(./images/sidebar-schatten.jpg) no-repeat;
}

div#secondarypages {
float:left;
padding: 0px 0px 0px 35px;
min-height: 670px;
width: 200px;
border: 0px solid red;
background:url(./images/sidebar-schatten2.gif) no-repeat;
}

div#secondary ul#sidebar {
color:#0a6804;
padding-bottom:10px;
margin:15px 0 20px;
border: 0px solid red;
}

div#secondary ul#sidebar li {
font-size:1.2em;
line-height:1.5em;
margin:5px 0;
}


/* Sidebar headers */
div#secondary h2 {
text-transform:uppercase;
font: 12px/12px Georgia,Times,Times New Roman,serif;
letter-spacing: 1px;
color:#008cc7;
margin: 30px 0 10px 0;
border-bottom:1px dotted #d6dee0;
padding-bottom:3px;

}

div#secondary h3 {
text-transform:uppercase;
font: 10px/10px Arial,Helvetica,sans-serif;
letter-spacing: 3px;
text-align: center;
color:#ccc;
margin: 30px 0 10px 0;
border:0px solid red;
padding:0px;
}

div#secondary a {
color:#466896;
text-decoration:none;
border-left: 0px solid #0895ad;
margin-bottom: 2px;
padding:3px 3px 3px 0px;
}

div#secondary a:hover {
text-decoration:none;
border-left: 0px solid #d03301;
padding:3px 3px 3px 0px;

}

div#secondary ul.children {
margin-left:5px;
padding-left:10px;
border-left:5px solid #EAEAEA;
}

div#secondary ul#sidebar li li {
font-size:1em;
}

div#secondary p {
line-height:1.5;
color:#666;
margin:5px 0;
}

.ueberuns {
margin: 0 0 0 -10px;
padding: 30px 25px 25px 0;
border: 0px solid red;
font: 11px/13px Arial,Helvetica,sans-serif;
}

.ueberuns p{
padding: 13px 0px 0px 0;
border: 0px solid red;
font: 11px/13px Arial,Helvetica,sans-serif;
}

.ueberuns h1{
border: 0px solid blue;
font: 10px/13px Arial,Helvetica,sans-serif;
text-transform: uppercase;
color: #bbb;
letter-spacing: 1px;
text-align: center;
text-shadow: 0px 0px;
}

.ueberuns h2{
border: 0px solid blue;
font: bold 10px/12px Arial,Helvetica,sans-serif;
margin: 20px 0 0px 0;
color: #008ccb;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 0px 1px 2px #bbb, 0px -1px #fff;

}

.ueberuns .textgrau{
color: #999;
}

.ueberuns .trennlinie{
border-top: 1px dotted #aaa;
margin: 20px 0 0 0;
}


.ueberuns a{
color: #e43227;
text-decoration: none;
}

.ueberuns a:active{
color: #000;
font: 11px/13px Arial,Helvetica,sans-serif;
}

/* Search input */
form#searchform {
position:relative;
height:20px;
margin-bottom:20px;
}

form#searchform input#s {
position:absolute;
top:0;
height:18px;
width:156px;
background:url(./images/form_bg.jpg) repeat-x;
border:1px solid #bcbcbc;
padding:5px;
}

input#search_submit {
position:absolute;
right:0;
}

select{
width: 165px;
}




/*  Footer */

#footer {
height: 180px;
width: 920px;
background: url(./images/glasrand-unten.png) 37px 0 no-repeat;
text-align:center;
margin:0 auto 0px;
border: 0px solid red;
}

ul#footer {
height: 180px;
width: 920px;
background: url(./images/glasrand-unten.png) 37px 0 no-repeat;
text-align:center;
margin:0 auto 0px;
border: 0px solid red;
}

ul#footer li {
display:inline;
margin-left:10px;
}

ul#footer li span {
position:absolute;
text-indent:-9999em;
}

ul#footer li a {
color:#e28602;
text-decoration:none;
}


ol.commentlist {
margin-top:15px;
color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
background:#F1F1F1;
margin:10px 0;
padding:10px;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
background:#EBF9FC;
}

textarea#comment {
width:500px;
}

#main p.comment_meta {
float:right;
margin:0;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
background:#FFF;
padding:20px;
}

body#commentspopup a {
color:#666;
}

body#commentspopup h1 a {
position:relative;
top:0;
left:0;
}

body#commentspopup h3 {
color:#555;
}

body#commentspopup p {
color:#555;
margin:10px 0;
}

body#commentspopup textarea {
width:340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignright {
float:right;
}


/* BILDUNTERSCHRIFT und BESCHREIBUNG */

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#fff;
padding: 10px 8px 0px 8px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin: 0px 11px 10px 2px;
background: url(./images/partnerlogo-verlauf.png) bottom no-repeat;
min-height: 190px;
float: left;
position: relative;
}

.wp-caption img {
border: 1px solid #eee;
margin:0;
padding:0;
}


.wp-caption-text {
border: 0px solid red;
font: 10px/12px Arial,Helvetica,sans-serif !important;
color: #999 !important;
position: relative;
text-align: center;
min-width: 140px;
margin-left: 5px !important;
}


.wp-caption-dd {
margin:0;
padding: 0 4px 5px 5px;
}





p.entry_info {
clear:both;
}



/* PAGINIERUNG - PLUGIN HAT Eigenes CSS */

div.navigation {
margin:0px 0 0px 0;
padding: 0 0 0px 0;
border: 0px solid red;
}



/* CSS Magic */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hide from IE Mac \*/
.clearfix {
display:block;
}

p,h2,h3,h4,h5,div#author h2 {
font-size:1.2em;
}

div#masthead ul li,.alignleft {
float:left;
}