/*
Theme Name: Demokratie24
Description: Angepasstes Thema fuer Demokratie24
Version: 2
Author: Mathias Fischer
Author URI:

*/

/*-----------------------------------------------
Seite insgesamt
-----------------------------------------------*/
.noie{display:none}
.noie[class]{display:inline}
html, body, textarea{ scrollbar-base-color:#636363;}
body {margin:0px;padding:0px;background:url(http://www.demokratie24.de/wp-upload/Image/bg.gif);}

body * {font-family:verdana,sans-serif;color:#222;margin:0px;padding:0px;}

#page {font-size:15px;float:left;}

h1,h2,h3,h4,h5,h6 {}
a {color:#0D87C1;text-decoration:none;}
a:hover {color:#0D87C1;;text-decoration:underline;}
hr {display:none;}
ul {list-style:none;}

.xml{ display:block; padding-left:40px; background:url(http://blog.idemokratie.de/images/xml.gif) no-repeat left top; margin:1px; font-size:14px; text-decoration:none; text-align:left;}


/*-----------------------------------------------
Geometrie
-----------------------------------------------*/
#page {width:775px;position:relative;left:15px;top:15px;margin-bottom:30px;}
  #headertext{width:755px; margin:10px;height:45px;}
  #headersubimg {width:755px;}
  #toplink {width:755px;}
  #content {float:right;width:500px;margin-right:10px;_margin-right:5px;}
  #sidebar,.spalte{float:right;width:245px;margin-right:10px;}
  #service{position:absolute;left:790px;top:0px;}

/*-----------------------------------------------
Farben
-----------------------------------------------*/
#page
  {background:white;}

#headersubimg,#content,#sidebar li li,.spalte li li
  {background:#EFEFEF;}/*helles Grau*/
  
#headertext
  {background:#666;}/*dunkles Grau*/

#toplink
  {background:#9c9c9c;}/*mittleres Grau*/

#sidebar h2,#content a h2,#content h3 a,#content h2 a,#content h2,#mitreden h2
 {background:#17a7ee;}/*Blau*/

#sidebar a,#mitreden a
 {color:#0D87C1;}/*Text-dunkles Blau*/

#sidebar .top,#mitreden .top
 {background:#b8e5fc;}/*helles Blau*/

#nav li:hover a,#nav li.over a,#toplink .page_item a:hover,#informieren h2,.informieren a h2,.informieren h3 a,.informieren h2 a,#informieren h2,.informieren h2
 {background:#eda915 !important;}/*Orange*/

#informieren a,.informieren a
 {color:#C58B0E}/*Text-Orange*/

#s,#searchsubmit,#informieren .top
 {background:#FAE5B8}/*helles Orange*/

.mitmachen a h2,.mitmachen h3 a,.mitmachen h2 a,#mitmachen h2,.mitmachen h2
 {background:#f45f0b !important;}/*Rot*/

#mitmachen a,.mitmachen a
 {color:#C24D0B;}/*Text-Rot*/

#mitmachen .top
 {background:#fbcfb6}/*helles Rot*/





/*-----------------------------------------------
Kopf
-----------------------------------------------*/
#header{}
  #headerimg {float:right;}
    #headerimg img {border:0px;}
  #headerimgleft {float:left;}
    #headerimgleft img{border:0px;}
  #headersubimg{position:relative;clear:both;margin:auto;_margin-left:10px;margin-bottom:10px;margin-top:10px; overflow:hidden;}

#page > #header{padding-top:1px;}


#headertext h1,#headertext .description
  {font-size:18px;font-family:sans-serif;color:#fff;margin-left:150px; padding-top:10px; text-align:center;}
#headertext h1{display:none;}

/*---------------------------------
Navigation
----------------------------------*/

#toplink{float:left;margin-left:5px;}
#header > #toplink{ margin-left:10px;}

#nav {float:left; border-right:1px solid #fff;}

#toplink li.page_item a{display:block; text-decoration:none; padding:2px 4px; font-size:14px; color:#fff; border-left:1px solid #fff; font-weight:bold;}
#nav li:hover a,#nav li.over a,#toplink .page_item a:hover{ color:#fff;}

#nav li li a{min-width:16em; border:1px solid #fff; border-bottom:0px; font-weight:normal !important; background:#dedede !important; color:#636363 !important;}
#nav li li a:hover{ background:#efad18 !important; color:#fff !important;}
#nav .page_item{float:left; display:block; position:relative;}

#nav{position:relative; list-style:none; display:inline; margin:0px; padding:0px; z-index:1000;}

#nav li.page_item li{float:none; display:inline; margin:0px; padding:0px;}
#nav li ul{ display:none; position:absolute; left:0px; width:auto; background:#fff; opacity:0.95;}
#nav li:hover ul,#nav li.over ul{ display:block;}
#nav li:hover ul ul,#nav li.over ul ul{ display:none;}


/*-----------------------------------------------
Blog
-----------------------------------------------*/
#content{}
  #content a h2,#content h2,#content h3 a,.entrytext h3
    {display:block; text-decoration:none; font-weight:normal; font-size:17px; clear:both;color:white;border-top:10px solid white;padding:2px 10px;}
    #content h2 a{color:white;text-decoration:none;}
    #content ul h2 {background:none;border:0px;padding:0px;}
  #content ul{list-style-type:circle; padding-left:2em;}
  #content ol{padding-left:2em;}

  #content h3 {font-size:16px;padding:5px 10px;}
  #content img{clear:both;border:0px; margin:0px 10px 10px 0px;}

  #content .post small{ display:block; text-align:left; text-decoration:none; padding:1px 10px; color:#636363;}

  #content .entry,#content .entrytext{ font-size:1em;}
  #content p{ padding:5px 10px;}
  #content .postmetadata{ display:block; font-size:0.8em; text-align:left;}

#author,#email,#url,#comment,#submit{ width:30em; display:block; font-size:10pt; border:1px solid #999; background:#fff; padding:1px;}

/*-----------------------------------------------
Autoren
-----------------------------------------------*/

	  .autoren p{display:block; background:#b8e5fc; height:100px; text-decoration:none; margin:10px; font-size:12px; color:#0D87C1; border:1px solid #0D87C1;}
	  .autoren a{text-decoration:none;font-size:12px;color:#0D87C1;font-weight:bold;}
	  


/*-----------------------------------------------
Seitenleiste
-----------------------------------------------*/
#sidebar,.spalte{overflow:hidden;font-size:0.9em;}
    #sidebar li li,.spalte li li{padding:10px;background-repeat:no-repeat;}
  #sidebar h2,.spalte h2{font-size:1em; color:#fff; border-top:10px solid #fff; padding:2px 10px;}
  #sidebar img,.spalte img{border:0px;margin:0 2px 2px 0px;}
  #sidebar .description,.spalte .description{padding-bottom:1em; font-size:0.8em;}


#sidebar li li{background-image:url(/images/mitreden_spitze10grau.gif)}
li#informieren li,#informieren li li,.informieren li li{background-image:url(/images/informieren_spitze10grau.gif) !important}
li#mitreden li,#mitreden li li,.mitreden li li{background-image:url(/images/mitreden_spitze10grau.gif) !important}
li#mitmachen li,#mitmachen li li,.mitmachen li li{background-image:url(/images/mitmachen_spitze10grau.gif) !important}

.spalte li.top{background-repeat:no-repeat !important;padding-top:10px !important;}
#sidebar li li.top{background-image:url(/images/mitmachen_spitze20blau.gif) !important;}
#sidebar li li.top_mitreden{background-image:url(/images/mitreden_spitze20blau.gif);background:#b8e5fc; !important;}
#informieren li li.top{background-image:url(/images/informieren_spitze20gelb.gif) !important;}
#mitreden li li.top{background-image:url(/images/mitreden_spitze20blau.gif) !important;}
#mitmachen li li.top{background-image:url(/images/mitmachen_spitze20orange.gif) !important;}

#sidebar li li li{background:none !important;padding:2px !important;}

#mitmachen {_margin-right:5px;}

#s,#searchsubmit{ border:solid 1px #999; font-size:12px; padding:1px; margin-top:1em;}
#s{width:10em; font-size:13px}

/*-----------------------------------------------
Footer
-----------------------------------------------*/
#footer{clear:both; font-size:0.8em; text-align:center; border-top:1px solid #444; margin:1em; margin-top:2em; padding:10px;}

/*-----------------------------------------------
Servicespalte
-----------------------------------------------*/
#service ul{margin:0px;padding:0px;}
#service li{background:#fff; width:160px; overflow:hidden; border:10px solid #fff; margin-bottom:10px;}
#service img{border:0px; margin:2px 0px 2px 0px;}

/*---------------------------------------------
RSS Feed Includes
----------------------------------------------*/

ul#politikerscreen{ background:#e3e9ef !important; padding:0px !important; margin:0px !important; width:160px; overflow:hidden;}
  #politikerscreen li{ background:#e3e9ef url(/wp-upload/Image/politikerscreen_bullet.gif) 7px 8px no-repeat; display:block; width:150px; margin:0px !important; padding:3px; padding-left:16px; font-size:10px; border:0px; border-bottom:#ccd0d6 solid 1px;}
  #politikerscreen li a{ text-decoration:none; color:#174880;}
  #politikerscreen li a:hover{ text-decoration:underline; color:#000;}

ul#politikagenda{ background:#e3e9ef !important; padding:0px !important; margin:0px !important; width:160px; overflow:hidden;}
  #politikagenda li{background:#e3e9ef url(/wp-upload/Image/politikagenda_bullet.gif) 7px 8px no-repeat; display:block; width:150px; margin:0px !important; padding:3px; padding-left:16px; font-size:10px; border:0px; border-bottom:#ccd0d6 solid 1px;}
  #politikagenda li a{ text-decoration:none; color:#174880;}
  #politikagenda li a:hover{ text-decoration:underline; color:#000;}

ul#hauptstadtwahl{background-image: url(/wp-upload/Image/hauptstadtwahl_icon_rot.gif);background:#fff !important; padding:0px !important; margin:0px !important; width:245px; overflow:hidden;}
  #hauptstadtwahl li{background-image: url(/wp-upload/Image/hauptstadtwahl_icon_rot.gif) 3px 7px 3px 3px no-repeat;background:#fff; display:block; width:245px; margin:0px !important; padding:3px; padding-left:16px; font-size:10px; border:0px;}
  #hauptstadtwahl li a{ text-decoration:none; color:#CC0000;}
  #hauptstadtwahl li a:hover{ text-decoration:underline; color:#CC0000;}