html{   font-family:'Calibri';
        background-color: green;
        overflow: scroll;/*Scrollbar immer anzeigen um springen vorzubeugen*/
}


#wrapper    {width: 380px; margin: auto; text-align: left;}
#header        {height: 100px; width: 380px;}
#main       {width: 150px; padding: 20px; float: left;background-color: white;border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;}
#sidebar    {width: 120px; padding: 5px; padding-top: 20px; float: left;background-color:#f2f2f2; border-top-left-radius: 20px;
border-bottom-left-radius: 20px;}
#banner {position:fixed;top:45px;right:0px;width:43px;height:150px;}
#footer        {
    clear: both; 
    height: 20px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    list-style: none;
    background-color: #f2f2f2;
    
}
#footer a{
    color:#545454;
    list-style: none;
    font-size: 12px;
}

#post {
    background-color:#ededed;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    margin-bottom: 40px;
    padding:5px;
}

#headline {
    background-color: #d8d8d8; 
    border:1px solid black; 
    font-weight: bold;
    font-size: 12px;
    padding:5px;
}
#headline a{

    font-size: 20px;

}
#headline .date{

    font-size: 14px;

}

/*Excerp Style*/
.autoexcerpt_thumb{float:left; margin-right:10px;}


/*Navigation */
/*Page items*/

.page_item { margin-left: -20px; list-style: none; text-transform: uppercase;
            ;border-bottom: 1px solid black;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-                   transition: all 0.3s;transition: all 0.3s;}
.page_item:hover{background-color:#2f5ca0;}
.page_item a{ display: block; padding:8px;}
.page_item a:hover {color:white;}

.current_page_item {background-color:#2f5ca0;}
.page_item.current_page_item a {color:#fff;}

.page_item { margin-left: -20px; list-style: none; text-transform: uppercase;
            ;border-bottom: 1px solid black;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-                   transition: all 0.3s;transition: all 0.3s;}
.page_item:hover{background-color:#2f5ca0;}
.page_item a{ display: block; padding:8px;}
.page_item a:hover {color:white;}

.current_page_item  {background-color:#2f5ca0;}
.page_item.current_page_item a {color:#fff;} /*Nur wenn beides gilt also cat-item und current-cat*/

/*Unterpunkte */
.page_item.current_page_item .children .page_item{ list-style: none;border-top: 1px solid black;border-bottom: none; text-transform: uppercase;display:block;}/* nur wenn cat-item Unterklasse von children ist*/

/*.cat-item.current-cat .children .cat-item{ list-style: none;border-top: 1px solid black;border-bottom: none; text-transform: uppercase;font-family:'Arial'; display:block;} nur wenn cat-item Unterklasse von children ist*/

.page_item.current_page_parent .children .page_item{ list-style: none;border-top: 1px solid black;border-bottom: none; text-transform: uppercase;display:block;}/* nur wenn cat-item Unterklasse von children ist*/


.children .page_item.page_item{display:none;}
.children .page_item:hover{background-color:#2f5ca0;} /* nur wenn cat-item Unterklasse von children ist*/
.children .page_item a{ display: block; padding:8px;}
.children .page_item a:hover {color:white;}


.page_item.current_page_item .children .page_item{background-color:#f2f2f2;}
.page_item.current_page_item .children .page_item a{color:#545454;}
.page_item.current_page_item .children .page_item:hover{background-color:#2f5ca0;}
.page_item.current_page_item .children .page_item a:hover{color:#fff;}

/*Cat- ITems*/
/*Oberpunkte*/
.cat-item { margin-left: -20px; list-style: none; text-transform: uppercase;
            ;border-bottom: 1px solid black;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-                   transition: all 0.3s;transition: all 0.3s;}
.cat-item:hover{background-color:#2f5ca0;}
.cat-item a{ display: block; padding:8px;}
.cat-item a:hover {color:white;}

.current-cat  {background-color:#2f5ca0;}
.cat-item.current-cat a {color:#fff;} /*Nur wenn beides gilt also cat-item und current-cat*/

/*Unterpunkte */
.cat-item.current-cat .children .cat-item{ list-style: none;border-top: 1px solid black;border-bottom: none; text-transform: uppercase;display:block;}/* nur wenn cat-item Unterklasse von children ist*/

/*.cat-item.current-cat .children .cat-item{ list-style: none;border-top: 1px solid black;border-bottom: none; text-transform: uppercase;font-family:'Arial'; display:block;} nur wenn cat-item Unterklasse von children ist*/

.cat-item.current-cat-parent .children .cat-item{ list-style: none;border-top: 1px solid black;border-bottom: none; text-transform: uppercase;display:block;}/* nur wenn cat-item Unterklasse von children ist*/


.children .cat-item.cat-item{display:none;}
.children .cat-item:hover{background-color:#2f5ca0;} /* nur wenn cat-item Unterklasse von children ist*/
.children .cat-item a{ display: block; padding:8px;}
.children .cat-item a:hover {color:white;}


.cat-item.current-cat .children .cat-item{background-color:#f2f2f2;}
.cat-item.current-cat .children .cat-item a{color:#545454;}
.cat-item.current-cat .children .cat-item:hover{background-color:#2f5ca0;}
.cat-item.current-cat .children .cat-item a:hover{color:#fff;}


/*gupaSliderBild*/
#gupaSliderBild {
				position: relative;
				width: 150px;
				height: 350px;
				overflow: hidden;
			}
#gupaSliderBild div.content {
				position: absolute;
				width: 150px;
                height:300px;
				padding: 0px;
                background-color:#282828 ;
    
			}
#gupaSliderBild .gupaSliderBtn {
				position: absolute;
                top: 300px;
			}

#gupaSliderBild .inactive {
				position: absolute;
				color: #AAA;
				cursor: default;
				top: 322px;
			}
.attachment-post-thumbnail.wp-post-image{
                positon: absolute;
                display: block;
                margin-left: auto;
                margin-right: auto; 
                z-index: 3;
}

#gupaSliderBild div.contentText {
                
}
#gupaSliderBild .contentText #post {
    position: absolute;
    top:175px ;
    left:50px;
    height:100px;
    width:100px;
    background-color: #585858;
    padding:5px; 
    overflow: hidden;
    color:white;
    opacity: 0.75;
}

#gupaSliderBild .contentText #headlineHome {
    position: absolute;
    top:155px ;
    left:50px;
    height:10px;
    width:100px;
    background-color: #d8d8d8; 
    border:1px solid black;
    font-weight: bold;
    font-size: 12px;
    padding:5px;
    opacity: 0.75;
    color:white;
    overflow: hidden;
}

/* Allgemeiner Style */
a:link {  text-decoration:none;color:#545454; }
a:visited {  text-decoration:none;color:#545454;}