/*
Theme Name: BUNDjugend
Theme URI: http://www.bundjugend.de
Description: Standardfarbton
Version: 1.0
Author: BUNDjugend
Author URI: http://www.bundjugend.de
*/

/******************************************
*   HTML Elements
******************************************/

body {
  background:url('images/background.gif')  #CBEFFF;
}

* {
  font-family:Verdana, Sans-Serif;
  margin:0px;
  padding:0px;
}

body, select, input, textarea {
  font-size:12px;
  line-height:1.5em;
}

p {
  margin: 10px 0px;
}


a {
  color:#3396CF; /* hellblau */
}

img {
  border:none;
}

a:link, a:visited {
  text-decoration:none
}

small {
  font-size: 11px;
}



/******************************************
*   General Structure
******************************************/

#page {
  width:875px;
  margin:0px auto;
  background-color:#FFFFFF;
}

#top {
  height:175px;
}

#container {
  margin:0px 10px 0px 10px;
}

#content {
  width:600px;
  float:left;
  padding:10px 10px 10px 0px;
  margin:0px;
}

#sidebar {
  width:225px;
  float:right;
}

#footer {
  clear:both;
  margin: 0 auto;
  font-size:10px;
  text-align:center;
  padding-top:15px;
}

/******************************************
*   Top
******************************************/

#top {
  background:url('images/banner/rotate.php');
}

#top a {
  display:block;
  width:100%;
  height:100%;
}

/******************************************
*   Navigation
******************************************/

/* Inspiriert vom Suckerfish-Menü: http://www.alistapart.com/articles/dropdowns/ */

#nav {
  font-size:12px;
}

#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav li {
  float: left;
  position: relative;
  border-left:2px solid #fff;
}

#nav a {
  text-align:center;
  text-decoration: none;
  text-transform:uppercase;
  font-weight:bold;
  color:#FFFFFF;
  background:#252DA3; /* dunkelblau */
  display: block;
  padding:6px 0px;
  margin:0px;
}

#nav a:hover, #nav li li a:hover, #nav li li a:active, #nav .current_page_item a:hover {
  background:#3396CF; /* hellblau */
}

#nav .current_page_item a, #home .on {
  background:#B30044; /* rot */
}

#nav .current_page_item li a {
  background:#252DA3; /* dunkelblau */
}

#nav li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  width:192px;
}

/* Eigenschaften wieder zurücksetzen, wird vom IE ignoriert (außer IE7) */
#nav li > ul {
  top: auto;
  left: auto;
}

/* Nur für den IE7 - Eigenschaften wieder setzen */
*+html #nav li ul {
  top: 30px;
  left: 0px;
}

#nav li:hover ul, #nav li.over ul {
  display: block;
}

#nav li li {
  border-top: 1px solid #fff;
  border-left:none;
}

#nav li li a {
  font-weight:normal;
  font-size:12px;
  color:#FFF;
  text-align:left;
  text-transform:none;
  width:190px !important;
  padding:5px 5px;
}

#nav div.break {
  clear:both;
}


/******************************************
*   Sidebar
******************************************/

#sidebar {
  margin-top:20px;
}

#sidebar .sidebar_widget {
  margin:10px 0px 0px 0px;
}

#sidebar, #sidebar input, #sidebar, #sidebar select {
  font-size:11px;
}

#sidebar .newsletter {
  border:1px solid #B30044; /* rot */
}

#sidebar .newsletter h3 {
  background:#B30044; /* rot */
}

#sidebar .newsletter input {
  margin:2px;
  padding:2px 0px;
  width:215px;
  border:1px solid #B30044; /* rot */
  color:#999999;
}

#sidebar .newsletter input.button {
  color:#fff;
  background: #B30044; /* rot */
  padding:1px;
  border:none;
  width:100px;
}

#sidebar .newsletter input.button:hover {
  background:#3396CF; /* hellblau */
}

#sidebar .newsletter select {
  margin:2px;
  padding:2px 0px;
  width:217px;
  border:1px solid #B30044; /* rot */
  background-color:#FFFFFF;
}

#sidebar h3 {
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:5px;
  margin:0px;
  background:#3396CF; /* hellblau */
}

#sidebar h3 a {
   color:#FFFFFF;
   text-transform:uppercase;
}

#sidebar input {
  border:1px solid #3396CF; /* hellblau */
}

#sidebar input.button {
  color:#FFFFFF;
  background:#3396CF; /* hellblau */
}

#sidebar input.button:hover {
  background:#252DA3; /* dunkelblau */
}


#sidebar p {
  padding:2px;
  margin:0px;
}

#sidebar li {
  list-style:none;
  margin:5px 0px 5px 0px;
  padding:0px;
}

#sidebar li li {
  list-style:none;
  margin-left:10px;
  padding:0px;
}

#sidebar .aktt_tweets li {
  padding:5px 0px 0px 0px;
}

#sidebar .dates a {
  color:#000000;
}

#sidebar .more_dates a, #sidebar .aktt_tweet_time, #sidebar .aktt_more_updates a {
  font-size:10px;
  color:#3396CF; /* hellblau */
}


#sidebar p.socialmedia a {
  padding:10px 4px 10px 0px;
  float:left;
}

#sidebar p.socialmedia a div {
  width:32px;
  height:32px;
  margin:0px;
  padding:0px;
  background:url('images/icons_web20.png') no-repeat;
}

#sidebar p.socialmedia .rss {
  background-position:0px 0px;
}

#sidebar p.socialmedia .youtube {
  background-position:-32px 0px;
}

#sidebar p.socialmedia .flickr {
  background-position:-64px 0px;
}

#sidebar p.socialmedia .twitter {
  background-position:-96px 0px;
}

#sidebar p.socialmedia .studivz {
  background-position:-128px 0px;
}

#sidebar p.socialmedia .schuelervz {
  background-position:-160px 0px;
}

#sidebar p.socialmedia .facebook {
  background-position:-192px 0px;
}

#sidebar p.socialmedia .myspace {
  background-position:-224px 0px;
}

/******************************************
*   Headlines
******************************************/

.breadcrumb {
  padding:5px 0px 0px 0px;
  margin:0px;
  font-size:10px;
}

h1 {
  font-size:16px;
  font-weight:bold;
  color:#000000;
  padding:5px 0px 5px 0px;
  margin:0px;
  clear:both;
}

h2 {
  font-size:14px;
  font-weight:bold;
  color:#000000;
  padding:10px 0px 0px 0px;
  margin:0px;
  clear:both;
}

h3, h4 {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  padding:10px 0px 0px 0px;
  margin:0px;
  clear:both;
}

h1 a, h2 a, h3 a, h4 a {
  color:#000000;
}

h1 .edit a, h2 .edit a, h3 .edit a, h4 .edit a {
  font-size:10px;
  font-weight:normal;
  color:#3396CF; /* hellblau */
}



/******************************************
*   Teaser
******************************************/

.blogpost .blogauthor {
  font-size:10px;
  margin:0px;
  padding:0px;
  clear:both;
}

.blogpost .blogmetadata {
  font-size:10px;
  clear:both;
  border-top:1px dotted #3396CF; /* hellblau */
  margin:0px;
  padding:5px 0px 0px 0px;
}

.post {
  margin:5px 0px 10px 0px;
  padding-bottom:5px;
  border-bottom:1px dotted #3396CF; /* hellblau */
  clear:both;
}

.post h2 {
  font-size:14px;
  padding:0px 0px 5px 0px;
  margin:0px;
  clear:none;
}

.post p {
  font-size:11px;
  text-align:justify;
  margin:0px;
  padding:0px 5px 5px 0px;
}

.post a p.datedetails, .postbox a p.datedetails {
  font-size:10px;
  padding:0px;
  margin:0px;
  color:#000000;
}

.post img, .postbox img {
  float:left;
  margin:0px 5px 0px 0px;
  border:none;
}

.post hr, .postbox hr, .blogpost hr {
  width:0px;
  height:0px;
  margin:0px;
  padding:0px;
  border:0px;
  clear:both;
}

.leftcol .postbox, .rightcol .postbox {
  margin-left:0px;
  padding:0px;
}

.leftcol .postbox h2, .rightcol .postbox h2 {
  font-size:12px;
  color:#FFFFFF;
  text-transform:uppercase;
  margin:0px;
  padding:5px;
  background-color:#8CB61D; /* grün */
}

.leftcol .postbox h2 a, .rightcol .postbox h2 a {
  color:#FFFFFF;
}

.post a, .postbox a {
  color:#000000;
}

.postbox {
  margin:5px 0px 10px 0px;
  padding:5px;
  border-top:1px solid #8CB61D; /* grün */
  border-left:1px solid #8CB61D; /* grün */
  background:url('images/bg_postbox.png') bottom right no-repeat;
  clear:both;
}

.postbox h2 {
  font-size:14px;
  padding:0px 0px 5px 0px;
  margin:0px;
  clear:none;
}

.post span.datedetails, .postbox span.datedetails {
  font-weight:bold;
  font-size:10px;
}

.postbox p {
  font-size:11px;
  text-align:justify;
  margin:0px;
  padding:0px;
}

.postbox li {
  text-align:justify;
  list-style:none;
  margin:0px;
  padding:5px;
  height:80px;
  border-bottom:1px dotted #8CB61D; /* grün */
}

.postbox li.nr3 {
  border-bottom:none; /* grün */
}

.postbox li a {
  font-size:11px;
  color:#000000;
}

p.more {
  font-size:10px;
  margin:5px 0px;
  padding:0px;
}

/******************************************
*   Content
******************************************/

#content .entry h2, #content .entry h3 {
  clear:both;
}

#content .entry p {
  text-align:justify;
}

#content .entry ul, #content .entry ol {
  margin:10px 0px 10px 30px;
}

#content .entry ul.terminuebersicht {
  margin:10px 0px 10px 0px;
}

ul.terminuebersicht li {
  list-style:none;
  margin:10px 0px 0px 0px;
}

.leftcol, .rightcol {
  float:left;
  width: 292px;
}

.leftcol {
  margin-right:15px;
}

img.alignleft {
  float:left;
  margin:2px 5px 5px 0px;
}

img.alignright {
  float:right;
  margin:2px 0px 5px 5px;
}

span.icon {
  font-weight:bold;
  color:#B30044; /* rot */
}

span.go {
  font-weight:bold;
  color:#8CB61D; /* grün */
}

div.seperator {
  height:1px;
  background-color:#8CB61D; /* grün */
  margin:10px 0px;
}

.seperator hr {
  display:none;
}

.pagebar {
  margin-top:10px;
}

.pagebar a, .pagebar span{
  font-weight:bold;
  padding:2px 5px 2px 5px;
}

.pagebar a {
  font-weight:bold;
  border:1px solid #3396CF; /* hellblau */
}

.pagebar span {
  border:1px solid #000000;
}

.rss li {
  font-weight:bold;
}

.rss ul.children {
  margin-left:10px;
}

.rss ul.children li {
  font-weight:normal;
}


#searchform {
  padding:10px 0px 0px 0px;
  margin:0px;
}

#searchform input {
  padding:2px;
  width:160px;
}

#searchform input.button {
  padding:2px;
  border:none;
  width:43px;
}

/******************************************
*   Flickr-Plugin
******************************************/

/* Rahmen um Bildergalerien ausblenden */
div.flickr-gallery { border:none !important; }

/* Menü ausblenden */
div.flickr-gallery ul.ui-tabs-nav{ display:none !important; }

/******************************************
*   Socialable
******************************************/

div.sociable {
  clear:both;
  padding:20px 0px;
}

.blogpost div.sociable {
  border-bottom:1px dotted #3396CF; /* hellblau */
  margin:0px 0px 20px 0px;
  padding:0px 0px 5px 0px;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
  position: absolute;
  display: block;
  top: -5em;
  background: #ffe;
  border: 1px solid #ccc;
  color: black;
  line-height: 1.25em;
}

.sociable span {
  display: block;
}

.sociable ul {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

.sociable ul li {
  background: none;
  display: inline !important;
  list-style-type: none;
  margin: 0;
  padding: 1px;
}

.sociable img {
  float: none;
  width: 16px;
  height: 16px;
  border: 0;
  margin:0px 10px 0px 0px;
  padding: 0;
}

.sociable-hovers {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}

.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}