@charset "UTF-8";



/*

Theme Name: Isenberg

Description: A custom theme for Thomas Isenberg

Author: Daniel Klug, Daniel Lozynski

Version: 1.0

Tags: Spd, Berlin, Mitte, Politik, Abgeordnerter

*/



/* get rid of image borders inside links */

a img{

    border:0px;

}

/* classes to hide/show elements */

.hidden{

    display:none;

}

.visible{

    display:block;

}

/* and a fix for floating elements */

.clearfix:after {

    content:".";

    display:block;

    height:0;

    font-size:0;

    clear:both;

    visibility:hidden;

}

/* link styles */

a{

    text-decoration:none;

    color:#e2001a;

}

a:hover{

    text-decoration:none;

    color:#960000;

}

a:visited{

    text-decoration:none;

    color:#e2001a;

}

/* list styles */

ol{

    list-style:none;

}

ul{

    list-style:none;

    display:inline;

}

ul li{

    display:inline;

}

ul li a{

    color:#e2001a;

}

ul li a:hover{

    color:#960000;

}

h1,h2,h3,h4{

    font-weight:bold;

}

html,body{

    height:100%;

    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;

    font-size:12px;

    color:#000000;

    /* set blue blackground color */

    background-color:#d2dde8;

    /* and add the space image on top of it */

    background-image:url('images/bg_spacer.jpg');

    /* repeat that image over the width of the page */

    background-repeat:repeat-x;

}

#back{

    width:1050px;

    height:100%;

    margin:auto;

    position:relative;

}

#isenberg{

    float:left;

    /*position absolute on the screen */

    position:absolute;

    left:0px;

    z-index:10;

    width:499px;

}

#isenberg img{

    float:left;

}

#balloon{

    float:left;

    display:inline;

    /* 398px - 40px padding */

    width:358px;

    /* 126px - 55px padding */

    height:71px !important;

    min-height:71px;

    background-image:url('images/balloon.png');

    /* position absolute on the screen */

    position:absolute;

    top:340px;

    left:0px;

    z-index:30;

    padding:20px;

    padding-top:35px;

    /* text settings */

    font-weight:bold;

}

#balloon p{

    height:71px;

    display:table-cell;

    vertical-align:middle;

    text-align:center;

}

#head{

    margin-left:370px;

    padding-top:140px;

    padding-left:50px;

    padding-right:60px;

    padding-bottom:30px;

}

#head h1#title{

    font-family:"Arial Black",Arial,sans-serif;

    font-weight:bold;

    font-size:44px;

    text-shadow: #000000 0px 0px 7px;

}

#head h1#title a{

    color:#ffffff;

}

#head h2#slogan{

    font-weight:bold;

    color:#ffffff;

    font-size:22px;

    text-shadow: #000000 0px 0px 5px;

    margin-left:20px;

}

#head img#logo{

    position:relative;

    float:right;

    display:inline;

    margin-top:-140px;

}

#main{

    width:660px;

    background-color:#ffffff;

    -moz-box-shadow:0px 0px 5px #000000;

    -webkit-box-shadow:0px 0px 5px #000000;

    box-shadow:0px 0px 5px #000000;

    -moz-border-radius:20px;

    -webkit-border-radius:20px;

    border-radius:20px;

    margin-left:370px;

    position:relative;

    z-index:20;

    min-height:45%;

    height:auto !important;

    height:45%;

    padding-bottom:150px;

}

#menu{

    position:relative;

    z-index:21;

    min-height:39px;

    height:39px;

    background-image:url('images/menu_spacer.jpg');

    -moz-border-radius-topleft:20px;

    -moz-border-radius-topright:20px;

    -webkit-border-top-left-radius:20px;

    -webkit-border-top-right-radius:20px;

    border-radius-topleft:20px;

    border-radius-topright:20px;

    /* pie */

    border-radius:20px 20px 0px 0px;

}



#menu a{

    font-size:13px;

    font-weight:bold;

    color:#999999;

}

#menu a:hover{

    color:#e2001a;

}

#menu ul li{

    position:relative;

    float:left;

}

#menu ul li a{

    float:left;

    display:inline;

    padding:11px;

    overflow:hidden;

    border-right:1px solid #dad9d9;

}

#menu ul li:first-child a{

    -moz-border-radius-topleft:20px;

    -webkit-border-top-left-radius:20px;

    border-radius-topleft:20px;

    /* pie */

    border-radius:20px 0px 0px 0px;

}

#menu ul li a:visited{

    display:block;

    padding:11px;

    overflow:hidden;

}

#menu ul li a:hover{

    background-color:#ffffff;

    background-image:none;

}

#menu ul li.current-menu-item a,#menu ul li.current_page_ancestor a{

    background-color:#ffffff;

    background-image:none;

    border-bottom:1px solid #ffffff;

    color:#e2001a;

}



#bumper{

    position:relative;

    z-index:22;

    min-height:33px;

    height:33px;

}



#submenu{

    padding-top:10px;

    position:relative;

    z-index:22;

    /* 33px - 10px padding */

    min-height:23px;

    height:23px;

    background-image:url('images/submenu_spacer.jpg');

    text-align:center;

}

#submenu ul li{

    border-right:1px solid #dbdbdb;

}

#submenu ul li:last-child{

    border:0px;

}

#submenu ul li a{

    padding:3px;

    padding-right:4px;

    display:inline;

    overflow:hidden;

    color:#000000;

    font-weight:bold;

}

#submenu ul li a:hover{

    color:#e2001a;

}

#sidebar{

    position:relative;

    z-index:19;

    margin-top:140px;

    width:300px;

    margin-left:-330px;

    float:left;

    padding-bottom:50px;

	padding-right:75px;

}

.socialmedia-buttons{

    margin-top:10px;

    margin-bottom:20px;

    margin-left:30px;

}

.socialmedia-buttons a{

    display:inline;

}

#leftlinks{

    float:left;

}

#content{

    padding-top:30px;

    padding-right:50px;

    padding-left:50px;

    line-height: 1.5;

}



#notification{

    margin-bottom:30px;

}

#notification fieldset{

    padding:20px;

    padding-top:15px;

    background-color:#ebe9ea;

    -moz-box-shadow:0px 0px 5px #000000;

    -webkit-box-shadow:0px 0px 5px #000000;

    box-shadow:0px 0px 5px #000000;

    -moz-border-radius:20px;

    -webkit-border-radius:20px;

    border-radius:20px;

}

#notification legend{

    font-weight:bold;

    font-size:16px;

    color:#e2001a;

}

#footerwrapper{

    position:relative;

    z-index:30;

    margin-top:-109px;

    margin-left:370px;

    padding-bottom:50px;

}

#footer{

    padding-top:65px;

    padding-right:50px;

    /* 109px - 65px padding */

    height:44px;

    min-height:44px;

    /* 660px - 50px padding */

    width:610px;

    text-align:right;

    background-color:#f4f4f4;

    background-image:url('images/foot_spacer.jpg');

    background-repeat:repeat-x;

    background-position:bottom;

    -moz-border-radius-bottomleft:20px;

    -moz-border-radius-bottomright:20px;

    -webkit-border-bottom-left-radius:20px;

    -webkit-border-bottom-right-radius:20px;

    border-radius-bottomleft:20px;

    border-radius-bottomright:20px;

    /* pie */

    border-radius:0px 0px 20px 20px;

}

#footer img#skyline{

    position:relative;

    z-index:31;

    float:left;

    margin-left:50px;

    margin-top:-64px;

    display:inline;

}

#footer ul li{

    border-right:1px solid #dbdbdb;

}

#footer ul li:last-child{

    border:0px;

}

#footer ul li a{

    padding:3px;

    padding-right:4px;

    display:inline;

    overflow:hidden;

    color:#000000;

    font-weight:bold;

}

#footer ul li a:hover{

    color:#e2001a;

}



/* class to enable pie behavior for elements in ie */

.pie{

    behavior:url('/PIE.htc');

}

.menu-item{

    behavior:url('/PIE.htc');

}



.article{

    margin-bottom:30px;

    border-bottom:1px dotted #000000;

}

.article:last-child{

    border-bottom:0px;

}

.article h2{

    font-size:14px;

    color:#000000;

}

.article span.date{

    display: none;
    //font-size:10px;
    //margin-left:0px;

}

.article div.entry{

    margin-top:10px;

    margin-bottom:20px;

    text-align:justify;

}

.article p{

    margin-bottom:10px;

}



#karte{

position:relative;

height:200px;

margin-top:20px;

margin-bottom:20px;

}



.karte_hintergrund {position:absolute; z-index: 0;}



.button{

position:absolute;

width:120px;

height:20px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

z-index:2;

}



.button .information_alexanderplatz{

display:none;

}



.button:hover .information_alexanderplatz{

display:block;

}



.button .information_friedrichstadt{

display:none;

}



.button:hover .information_friedrichstadt{

display:block;

}



.button .information_luisenstadt{

display:none;

}



.button:hover .information_luisenstadt{

display:block;

}



.button .information_tiergarten{

display:none;

}



.button:hover .information_tiergarten{

display:block;

}



.button .information_bellevue{

display:none;

}



.button:hover .information_bellevue{

display:block;

}





.button .information_alt-moabit{

display:none;

}



.button:hover .information_alt-moabit{

display:block;

}



.button .information_moabit-nord{

display:none;

}



.button:hover .information_moabit-nord{

display:block;

}



.bezirk{

background-color:#F00;

padding:5px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

}



#friedrichstadt {margin-left: 260px; margin-top: 100px;}

#alexanderplatz {margin-left: 280px; margin-top: 30px;}

#luisenstadt {margin-left: 350px; margin-top: 65px;}

#tiergarten {margin-left: 120px; margin-top: 130px;z-index:1;}

#bellevue {margin-left: 110px; margin-top: 80px;}

#alt-moabit {margin-left: 30px; margin-top: 90px;}

#moabit-nord {margin-left: 100px; margin-top: 25px;}



#friedrichstadt_2 {margin-left: 260px; margin-top: -140px;}



.information_alexanderplatz{

position:absolute;

width:120px;

height:85px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index: 3;

}



.information_friedrichstadt{

position:absolute;

width:120px;

height:85px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index: 3;

}



.information_luisenstadt{

position:absolute;

width:120px;

height:85px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index: 3;

}



.information_tiergarten{

position:absolute;

width:120px;

height:85px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index:3;

}



.information_bellevue{

position:absolute;

width:120px;

height:70px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index: 3;

}



.information_alt-moabit{

position:absolute;

width:120px;

height:70px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index: 3;

}



.information_moabit-nord{

position:absolute;

width:120px;

height:70px;

min-height:20px;

cursor:pointer;

cursor:hand;

padding:5px;

text-align:center;

border:#000 solid thick;

background-color:#FFF;

margin-left: 5px;

margin-top: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-border-top-right-radius: 0px;

-moz-border-radius-topright: 0px;

border-top-right-radius: 0px;

-webkit-box-shadow: 0px 0px 5px #333333;

-moz-box-shadow: 0px 0px 5px #333333;

box-shadow: 0px 0px 5px #333333;

z-index: 3;

}



.clearfix:after {

content: ".";

display: block;

height: 0;

font-size: 0;

clear: both;

visibility: hidden;

}



#tor{

position:absolute;

z-index:1;

margin-left:225px;

margin-top:85px;

}



a.bezirk:link { font-weight:bold; color:white; text-decoration:none; }

a.bezirk:visited { font-weight:bold; color:white; text-decoration:none; }

a.bezirk:focus { font-weight:bold; color:white; text-decoration:underline; }

a.bezirk:hover { font-weight:bold; color:white; text-decoration:none; }

a.bezirk:active { font-weight:bold; color:white; text-decoration:none; }



p.realbr{

	margin-top:30px;

}



strong{font-weight: bold;}



.page img{margin:15px; margin-left:0px;}

.comment-body{background-color: #e7e7e7;}

#twitter-3{

	padding:10px;

}

#twitter-3 ul.tweets{

	width:300px;

}

#twitter-3 ul.tweets li{

	display:block;

}

.postmetadata {
	display: none;
}

/*
.post-teaser-block {
	display: none;
}
*/

.widget-area h3 {
	font-size: 18px !important;
	padding-top: 10px;
	padding-bottom: 5px;
	}
