@charset 'UTF-8';

/*CSS für Medienblogger*/

* {
margin: 0;
padding: 0;	
}
*/

/**
 * default sectors
 */
html {
}

body {
	font-size: 10px;
	background: url(images/bg.png) repeat-x center 0;
	font-family: Arial, Helvetica, sans-serif;
}

h2 { font-size: 180%; }
li { list-style: none; }
.story { overflow: hidden; }

/* Layout */
#content-wrapper {
	width: 91.5em;
	margin: 5em auto 0;
	overflow: hidden;
}


/* @group Header */

#header { margin-top: 6em; }

/* @group Logo */

#logo {
	width: 91.5em;
	margin: auto;
	background: url(images/logo-bg.png) no-repeat;
	padding: 0.8em 0.5em;
}
#logo a {
	text-decoration: none;
	text-transform: uppercase;
	color: #949494;
}
#logo a span { color: #2bdee0; }

/* @end Logo*/

/* @group Main-Navi */

#main-navi {
	background: #fff;
	border-bottom: 1px dotted #9b9b9b;
	border-top: 1px dotted #9b9b9b;
}

#main-navi ul {
	overflow: hidden;
	margin: auto;
	width: 91.5em;
}
#main-navi li {
	display: block;
	float: left;
	padding: 1em;
}

#main-navi li.first { padding-left: 0; }
#main-navi .page_item a {
	font-size: 120%;
	color: #707070;
	text-decoration: none;
	font-weight: bold;
}
#main-navi .current_page_item a, #main-navi .page_item a:hover { color: #2d2d2d; }

/*Suchfeld*/
#main-navi .suchfeld {
	float: right;
	padding: 0.7em 0;
}

#main-navi .suchfeld .s {
	margin-right: 0.5em;
	width: 235px;
	padding: 0.1em;
	font-size: 120%;
}

/* @end */

/* @end */

/* @group Content */
#content {
	width: 56.3em;
	float: left;
}

.post { 
	background: #fff; 
	clear: both;
	margin-top: 1em; }
.post h2 { 
	padding: 0.4em 0 0; 
	font-family: Georgia, times, serif;
	font-weight: normal;
	font-size: 23px;
	}

.post h2 a {
	color: #2d2d2d;
	border: none;
}
.post p, address{
	padding: 0 1.2em 1.2em 1.2em ;
	font-size: 130%;
	color: #2d2d2d;
	line-height: 1.5em;
	font-style: normal;
}
.post p img {
	float: left;
	margin: 0 1em 1em 0;
}
/* @group Postheader */

.comment-category {
	position: absolute;
	right: 0.9em;
}
.comment-category p {
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 !important;
	float: right;
}
.comment-category a, .comment-category a:hover { border-bottom: none !important; }


.comment-nr {
	color: #000;
	font-size: 190%;
	padding: 0.4em 0.4em 0.5em 0.25em;
	width: 50px;
}
.comment-nr a { color: #1b1b1b !important; }
.comment-nr span {
	background: url(images/comment-bubble.png) left center no-repeat;
	padding: 0 0 0 1.2em;
}

.post-header .slash,
.story .more-link  { 
	border: none !important;
	text-decoration: none;}
.catarchiv {
	padding: 0.6em 1em;
	margin-bottom: 1em;
}

.page-template h3 {
	margin-bottom: 0.5em;
} 

h2.site, .post h2.site {
	background: url(images/site.png) no-repeat;
	padding: 0.7em 0.7em 0.7em 1em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

h2.archive.Medienkompetenz { background: url(images/catarchiv-medienkompetenz.png) no-repeat; }
h2.archive.Webszene { background: url(images/catarchiv-webszene.png) no-repeat; }
h2.archive.Netzpolitik { background: url(images/catarchiv-netzpolitik.png) no-repeat; }
h2.archive.Social { background: url(images/catarchiv-social-media.png) no-repeat; }

.comment-category p { overflow: hidden !important; clear: both; }

.comment-category .comment-nr a { float: left; }

/*Medienkompetenz*/
.category-allgemein .comment-nr,
.Allgemein.catarchiv { background: url(images/comment-allgemein.png) no-repeat; }
.Allgemein.catarchiv { background: url(images/catarchiv-allgemein.png) no-repeat; }
.category-allgemein .comment-category a { color: #cccac7; }
.category-allgemein .post-header,
.category-allgemein .slash,
.category-allgemein .more-link  {
	border-bottom: 1px solid #e1dfdb;
	color: #949494;
}

/*Medienkompetenz*/
.category-medienkompetenz .comment-nr,
.Medienkompetenz.catarchiv { background: url(images/comment-medienkompetenz.png) no-repeat; }
.Medienkompetenz.catarchiv { background: url(images/catarchiv-medienkompetenz.png) no-repeat; }
.category-medienkompetenz .comment-category a { color: #2BDEE0; }
.category-medienkompetenz .post-header,
.category-medienkompetenz .slash,
.category-medienkompetenz .more-link  {
	border-bottom: 1px solid #66fdff;
	color: #2BDEE0;
}

/*Webszene*/
.category-webszene .comment-nr { background: url(images/comment-webszene.png) no-repeat; }
.Webszene.catarchiv { background: url(images/catarchiv-webszene.png) no-repeat; }
.category-webszene .comment-category a { color: #9eef12;	 }
.category-webszene .post-header,
.category-webszene .slash,
.category-webszene .more-link { 
	border-bottom: 1px solid #9eef12;
	color: #9eef12; 
}

/*Netzpolitik*/
.category-netzpolitik .comment-nr { background: url(images/comment-netzpolitik.png) no-repeat; }
.Netzpolitik.catarchiv { background: url(images/catarchiv-netzpolitik.png) no-repeat; }
.category-netzpolitik .comment-category a { color: #ffe400;	 }
.category-netzpolitik .post-header,
.category-netzpolitik .slash,
.category-netzpolitik .more-link { 
	border-bottom: 1px solid #ffe400;
	color: #ffe400; 
}

/*Social Media*/
.category-social-media .comment-nr { background: url(images/comment-social-media.png) no-repeat; }
.Social.catarchiv { background: url(images/catarchiv-social-media.png) no-repeat; }
.category-social-media .comment-category a { color: #ff675a; }
.category-social-media .post-header,
.category-social-media .slash,
.category-social-media .more-link { 
	border-bottom: 1px solid #ff675a;
	color: #ff675a; 
}


.post-header {
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
}

.post-header p {
	padding: 0.2em 1.2em 0.5em 0;
	color: #949494;
}
.post-header .meta {
	font-size: 110%;
}

.post-header a {
	color: #949494;
	border-bottom: 1px dotted #949494;
}

.post-header a:hover {
	text-decoration: none;
	border-bottom: 1px solid #949494;
}

.post-header .avatar {
	float: left;
	margin: 1.2em 2.2em 1.2em 1.2em;
	padding: 1px;
	border: 1px solid #cdcdcd;
}

.post-header-content {
	float: left;
	width: 70%;
}

/* @group Comments */

.comment-header {
	padding: 0.9em;
	border-bottom: 1px solid #dedcdc;
}
.comment-header img {
	float: left;
	padding: 1px;
	border: 1px solid #949494;
	margin-right: 1em;
}

.comment-header .author {
	font-size: 130%;
	color: #2d2d2d;
}

.comment-header .date {
	font-size: 110% ;
	color: #949494;
}
.commentlist .comment { background: #fff; }

.no-comments {
	background: #fff;
	font-size: 180%;
	padding: 0.9em;
}
.comment .content { margin: 0.9em 0.9em 0.9em 4.5em; }
.comment .content p { font-size: 120%; padding-bottom: 1em; }

/* Formular */
#formular { 
	margin-top: 1em;
	background: #fff; 
}
#formular .form-body{
	font-size: 130%;
	padding: 0.9em;
	overflow: hidden;
	margin-bottom: 1em;
}

#formular .form-header {
	padding: 0.9em;
	border-bottom: 1px solid #dedcdc;
}
#formular .form-header p {
	color: #949494;
	font-size: 110%;
}

#formular .form-body input, #formular .form-body textarea {
	border: 1px solid #c0c0c0;
	border-top: 1px solid #858585;
	width: 50%;
	padding: 0.2em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}
#formular .form-body textarea {
	width: 97%;
	padding: 0.2em 0.5em;
}

#formular .form-body input.comment-submit {
	width: auto;
	float: right;
	font-size: 13px;
}
#formular .form-body p { margin: 0.5em 0; }
#formular .form-body label {
	display: inline;
	margin-left: 1em;
}

#comment-text {
	padding: 0.5em;
	margin-left: 0.1em;
}

/* @end */

/* @end */




/* @end */

/* @group Sidebar */

#sidebar {
	width: 30em;
	float: right;
}
/**********/
/*Autoren-Seite*/
/***********/

.autorlist li {
	float: left;
	width: 44.5%;
	margin-right: 1em;
	height: 100%;
}
.autorlist .container img, .autorlist .container img.avatar {
	height: 40px;
	width: auto;
	padding: 1px;
	margin-right: 1em;
}

.autorlist .autor-body { margin-bottom: 1.5em;  }
.autorlist .social-media-icons li { width: auto; }
.autorlist .social-media-icons ul {
	clear: none;
	float: left;
	margin-top: 1em;
}

.autorlist .social-media-icons { margin: 0; }
.autorlist .button {
	float: right;
}
.autorlist .autor-profil h3 {
	margin-bottom: 1em;
}
.autorlist .autor-profil a {
	color: #000;
}

.archive.author img.avatar {
	height: 80px;
	float: none;
}

.archive.author .article-list img {
	height: 40px !important;
} 

/**********/
/*Autorprofil-Seite*/
/***********/


.autor-profil {
	overflow: hidden;
	margin: 2em 0;
	background: #fff;
	padding: 1em;
}

.autor-header { margin-bottom: 2.5em; }
.autor-profil h3 {
	font-size: 180%;
	margin-bottom: 0.1em;
}
.autor-name-meta {
	color: #949494;
	font-size: 110%;
}
.container img {
	background-color: #fff ;
	padding: 3px;
	border: 1px solid #c7c5c0;
	width: 80px;
}

.archive .autor-body .right {
	margin-left: 7.5em;
}
.autor-body .right { 
	font-size: 135%; 
	margin-left: 4em;
	line-height: 1.5; 
}
.autor-body .right p {
	margin-bottom: 0.5em;
	height: 100%;
}

.autor-profil .button {
	text-align: center;
	font-size: 11px;
	margin: 1em 0;
}
.autor-body .button a { color: #fff; }
#content ul {
	clear: both;
}
.post-header.autor-site {
	margin-top: 1em;
	border-bottom: none;
}

/**********/
/* Social Media - Icons */
/***********/
.social-media-icons { margin-top: 1em; }
.social-media-icons ul {
	overflow: hidden;
	clear: both;
}
.social-media-icons li {
	float: left;
	margin: 0.5em 0.2em;
}
.social-media-icons a{ padding: 3px 9px; }
.social-media-icons .twitter { background: url(images/twitter-smi.png) no-repeat; }
.social-media-icons .xing { background: url(images/xing-smi.png) no-repeat; }
.social-media-icons .myspace { background: url(images/myspace-smi.png) no-repeat; }
.social-media-icons .flickr { background: url(images/flickr-smi.png) no-repeat; }
.social-media-icons .facebook { background: url(images/facebook-smi.png) no-repeat; }
.social-media-icons .mein { background: url(images/mein-smi.png) no-repeat; }
.social-media-icons .studi { background: url(images/studi-smi.png) no-repeat; }
.social-media-icons .youtube { background: url(images/youtube-smi.png) no-repeat; }

.social-media-icons .twitter:hover { background: url(images/twitter-smi-active.png) no-repeat; }
.social-media-icons .xing:hover { background: url(images/xing-smi-active.png) no-repeat; }
.social-media-icons .myspace:hover { background: url(images/myspace-smi-active.png) no-repeat; }
.social-media-icons .flickr:hover { background: url(images/flickr-smi-active.png) no-repeat; }
.social-media-icons .facebook:hover { background: url(images/facebook-smi-active.png) no-repeat; }
.social-media-icons .mein:hover { background: url(images/mein-smi-active.png) no-repeat; }
.social-media-icons .studi:hover { background: url(images/studi-smi-active.png) no-repeat; }
.social-media-icons .youtube:hover { background: url(images/youtube-smi-active.png) no-repeat; }

/**********/
/*Widgets*/
/***********/

.widget {
	background: #fff;
	padding-left: 0.9em;
	border: 1px solid #dedcdc;
	margin-bottom: 2em;
}

.widget h3 {
	font-size: 150%;
	padding: 0.3em 0;
	border-bottom: 1px solid #e5e3e3;
	margin: 0 0.9em 0 0;
}

h3 a {
color: #2D2D2D;	
}

.widget .content { margin-top: 0.9em; }

/*Meine Kategorien*/
#categorylist { 
	border: none;
	padding-left: 0; 
}
#categorylist li {
	background: #fff;
	border: 1px solid #dedcdc;
	padding: 0.3em 0.5em 0.3em 2.5em;
	margin: 0.3em 0;
}
#categorylist li.Allgemein { background: url(images/allgemein-dot.png) no-repeat 7px center; }
#categorylist li.Medienkompetenz { background: url(images/medienkompetenz-dot.png) no-repeat 7px center; }
#categorylist li.Social { background: url(images/social-media-dot.png) no-repeat 7px center; }
#categorylist li.Netzpolitik { background: url(images/netzpolitik-dot.png) no-repeat 7px center; }
#categorylist li.Webszene { background: url(images/webszene-dot.png) no-repeat 7px center; }
#categorylist .current-allgemein-allgemein {	
	background: #e1dfdb url(images/current-catitem.png) no-repeat 7px center !important;
	color: black;
}

#categorylist .current-medienkompetenz-medienkompetenz {
	background: #9ef7f6 url(images/current-catitem.png) no-repeat 7px center !important;
	color: black;
}
#categorylist .current-webszene-webszene  {
	background: #8bf223 url(images/current-catitem.png) no-repeat 7px center !important;
	color: black;
}

#categorylist .current-netzpolitik-netzpolitik{
	background: #fce222 url(images/current-catitem.png) no-repeat 7px center !important;
	color: black;
}

#categorylist .current-social-social-media {
	background: #FF4240 url(images/current-catitem.png) no-repeat 7px center !important;
	color: black;
}

#categorylist .current-social-social-media a span,
#categorylist .current-netzpolitik-netzpolitik a span,
#categorylist .current-webszene-webszene a span,
#categorylist .current-medienkompetenz-medienkompetenz a span {
	background: none !important;
	color: #000;
}

#categorylist a {
	font-size: 150%;
	font-weight: bold;
	color: #2d2d2d;
	background: url(images/cat-arrow.gif) no-repeat right center;
	display: block;
}
#categorylist a span{
	font-weight: normal;
	background: url(images/catlist-bg.png) no-repeat;
	padding-left: 3px;
}

#categorylist a:hover { text-decoration: none; }
#categorylist img {
	border: none;
	padding:0.2em 1em 0 0;
}

/*Follow us*/

#follow_us { overflow: hidden; }

#follow_us .text li {
	padding: 0 1.5em;	
	margin-bottom: 0.9em;	
}

#follow_us li { float: left; }
#follow_us li img {
	border-top: 1px solid #dfdddd;
	border-bottom: 1px solid #dfdddd;
	border-right: 1px solid #ecebeb;
}

#follow_us li.first img{ border-left: 1px solid #dfdddd; }

#follow_us li.last img { border-right: 1px solid #dfdddd; }

#follow_us img { border: none; }
#follow_us a {
	color: #2d2d2d;
	font-size: 130%;
}


/*Video*/
.widget_video { padding: 1em; }
.widget_video h3 {
	margin-bottom: 0.5em;
}

/*Newsletter*/
#news p {
	font-size: 120%;
	margin: 0 1.9em 0.9em 0
}

#news label {
	display: block;
	color: #949494;
	font-size: 110%;
	margin: 0 0.9em 0.9em 0;
	width: 80%;
}

#news .textfeld { 
	width: 70%;
	margin: 0 0.5em 0.5em 0;
	font-size: 120%;
}
.button { 
	border: none;
	background: #989898;
	color: #fff !important;
	font-size: 120%;
	padding: 0.2em; }

/* @end */

/*Recent Comment*/

#get-recent-comments { padding-right: .9em; }
#get-recent-comments li a {
	color: #2d2d2d;
	font-size: 120%;
	line-height: 140%;
}
#get_recent_comments_wrap { margin: 1em 0 0; }
#get_recent_comments_wrap li {
	margin: 0 0 1em;
	clear: both;
}
#get_recent_comments_wrap li a { display: block; }
.rc_gravatar {
	float: left;
	margin: 0 .7em 0 0;
}
.rc_gravatar img {
	display: block;
	border: 1px solid #9b9b9b;
	padding: .1em;
}
.rc_comment_date, .rc_comment_date, .rc_comment_time { color: #9b9b9b; }


/*Textwidget - Linkliste*/
.widget_links { border-spacing: 0 1em; }
.widget_links li {
	margin: 1em 0 1em 1em ;
	padding-left: 1.5em;
	background: url(images/linklist.png) no-repeat left 4px;
}

.widget_links a{
	color: #2d2d2d;
	text-decoration: none;
	font-size: 120%;
}

.user-gravatar {
	float: left;
	padding: 1px;
	border: 1px solid #dedcdc;
}
.user-gravatar img {
	float: left;
}

/* @group Footer */

#footer {
	background: #fff;
	border-bottom: 1px dotted #9b9b9b;
	border-top: 1px dotted #9b9b9b;
	padding: 1em 0;
	margin: 0.5em 0;
}

#footer-content {
	width: 91.5em;
	margin: auto;
	overflow: hidden;
}
#footer-content p {
	color: #2d2d2d;
	float: left;
	font-size: 110%;
}
#footer-content a {
	color: #2d2d2d;
	text-decoration: none;
}

.oben {
	background: url(images/oben.png) no-repeat;
	padding: 0.2em 0.2em 0.5em 0.5em ;
	font-size: 110%;
}

/* @end */

/* @group showAuthor */

#showAuthor .autor-profil { margin: 0;  height: 100%; }
#showAuthor .autor-header { margin-bottom: 1em; }
#showAuthor .fl-right {
	font-size: 130%;
	width: 60%;
	margin-top: 0;
}
#showAuthor .fl-right a { color: #000; }
#showAuthor .button {
	margin: 0.2em;
	float: right;
}

#showAuthor .social-media-icons {
	padding-top: 1em;
	border-top: 1px solid #e5e3e3;
	overflow: hidden;
	display: block;
	clear: both;
}

.floated { overflow: hidden;}
.autor-body {
	overflow: hidden; clear: both;
}

/* @group Links */

a { 
	text-decoration: none;
	color: #21B6B8; }
a:hover, a:active { text-decoration: none; color:  #383d3d; }

/* @end */


/* @group Helper */

.fl-right { float: right; }
.fl-left { float: left; }
.clear {clear: both; }
.noDisplay { display: none; }


/* @end */


/* @group Pagebar */
.pagebar {
	background: url(images/pagebar-bg.png) no-repeat;
	font-size: 12px;
	color: #2c2c2c;
	padding: 0.01em 0 1em 0.5em;
	margin-top: 2em;
}

.pagebar a {
	color: #707070;
	font-weight: normal;
}
.pagebar a:hover, .pagebar a:active {
	color: #1b1b1b;
} 
.pagebar .this-page {
	font-weight: bold;
	color: #1b1b1b;
}
/* @end */

/* @group Archiv */ 
.month { margin: 1em; }
.month  a {
	color: #707070;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
}

.month a:hover, .articlelist a:hover {
	color: #000;
	text-decoration: none;
}
.articlelist li { padding: 0.2em 0; }
.articlelist span { font-weight: bold; }
.articlelist {
	margin-top: 3em;
	padding: 1em;
}

.articlelist h3 {
	font-size: 120%;
	margin-bottom: 1em;
}

.articlelist ul {
	background: #fff;
	padding: 1em;
}
.articlelist a { color: #707070; }