/*  
Theme Name: Blogwerk Standard Theme (FOK)
Theme URI: http://blogwerk.com/
Description: Blogwerk Standard Theme
Version: 0.8b
Author: Milos Radovic
Author URI: http://superdeluxe.com/
*/

html,body{
margin:0;
padding:0
}

body{
	text-align: left;
	padding: 0;
	margin:0;
	background-color: #fff;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #000;
  	text-decoration:none;
	background:url(images/bkg_page.gif) #fff top repeat-y;
}


/*NAVIGATION*/

#top-menu{
	margin: 0 0 0 0px;
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	background:#EBEFF2;
/*	background:#E7E7E7; */
	color: #000;
	position:relative;
}

#top-menu span{
position:absolute;
top:0px;
right:5px;
}

#top-menu p{
padding:5px 20px;
margin:0;
}

#top-menu a{
	padding-right: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #4D4E5F;
}

#logonavi li {
float: left;
padding:0;
text-decoration: none;
}

/*LINKS*/

a{
	text-decoration: underline;
	color: #4D4E5F;
}

a:hover{
	text-decoration: none;
}


a img{
	border: 0;
}

/*ABSATZ*/

/*
em{ 
background-color:#F7F4DF;
font-style:normal;
}
*/
em{
	font-style: italic;
}

/*LAYOUT*/

#header{
text-align=center;
border:0;
position:relative;
padding:0;
background-color:#fff;
/*height:175px;*/
}

.inhalt{
margin:10px;
}

#container{
text-align:left;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
width:990px;
margin:0 auto 0 auto;
background:url(images/bkg_cont.jpg) #fff top repeat-y;
}

#containeralt{
text-align:left;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
width:990px;
margin:0 auto 0 auto;
background-color: white;
min-height: 500px;
}


#wrapper{
float:left;
width:100%;
}

#main{
margin-right:500px;
overflow: hidden;
line-height: 18px;
}

#main img{
border:1px solid #ddd;
margin:0 7px 2px 0;
}


#sidebar{

float:left;
width:320px;
margin-left:-500px
}

#sidebar2{

float:left;
width:180px;
margin-left:-180px;
}

#footer{
background-color:#ddd;
color:#444;
clear:left;
width:100%;
height:50px;
text-align:left;
}

#footer p{
margin:0;
padding:5px 10px;
}


.spotbox{
background-color:#F7F4DF;
border:1px solid #ddd;
padding:15px;
}

.sidebox{
background-color:#fff;
background:url(images/bkg_sidebox.gif) repeat-x;
border:1px solid #ddd;
padding:10px;
margin-bottom:15px;
}

/*-- Ueberschriften */

h1{
	margin: 0 0 12px;
	font-family: Arial;
	font-size: 28px;
	font-weight:bold;
	line-height: 36px;
	color: #005089;
}

h1 a{
	text-decoration: none;
color: #005089;
}

h1 a:hover{
	text-decoration: underline;
}

h2{     
   font-family: Verdana, Arial;
 font-size: 12px;
 color: #000;
 margin: 0 0 12px;
 font-weight:bold;
 line-height: 20px;
}

h2 a{
 text-decoration: underline;
 
}

h2 a:hover{
 text-decoration: none;
 color: #BABABA;
}

h3{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	border-bottom:px solid #ddd;
	color: #005089;
	padding:3px;
	margin:0 0 5px 0;
	background-color:#78BEFF;

}

h3 a{
	text-decoration: none;
	color: #ff2e9a;
}

h3 a:hover{
	text-decoration: underline;
}

.sidebox h3{
border:0;
margin:0;
padding:0;
}


/*LISTEN*/
ol,ul,li{
margin:0; 
padding:0;
list-style-type: none; 
position: relative;
}

ul { clear: both; }

li {padding:3px;}

#sidebar ul{
margin:0 0 20px 0;
}

#sidebar2 ul{
margin:0 0 20px 0;
}

.kategorie li{
background:url(images/bullet.gif) no-repeat left;
padding-left:15px;
}



.comments, .comments li {
line-height: 15px;
margin: 0; 
padding: 5px 0; 
clear: both;
}

#relatedposts li {
	list-style-type: disc;
	margin-left: 20px;
}

.top10 li {
	list-style-type: decimal;
	margin-left: 30px;
}



/*Post Definitionen*/

.commentlist ol, .commentlist ol li{
	list-style-type: none;
}

.commentlist ol{
	margin: 0 0 10px 0;
}

.commentlist ol li{
	margin-bottom: 5px;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 11px;
	background: #BABABA;
	color: #000;
}

blockquote{
	margin: 5px 0 5px 5px;
	border: 1px solid #e6e6e6;
	padding: 5px 10px;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	background: #fff;
	color: #333;
}

cite{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

.small { /*Angaben wie Autor, Datum etc. unterhalb des Titels */
	font-size: 11px;
	color:#4D4E5F;
}

.small a{ /*Angaben wie Autor, Datum etc. unterhalb des Titels */
	color:#4D4E5F;
}



.rss { padding:7px 0 0 20px; background: url(images/feed-icon-12x12.gif) no-repeat 0 6px;}
.blogwerk { padding:7px 0 0 20px; background: url(images/pfeil.gif) no-repeat 0 6px;}
.archiv { padding:7px 0 0 20px; background: url(images/pfeil.gif) no-repeat 0 6px;}
.neuerdings { padding:7px 0 0 20px; background: url(images/neuerdings_fav.gif) no-repeat 0 6px;}
.medienlese { padding:7px 0 0 20px; background: url(images/medienlese_fav.gif) no-repeat 0 6px;}
.anschaulich { padding:7px 0 0 20px; background: url(images/anschaulich_fav.gif) no-repeat 0 6px;}
.hogenkamp { padding:7px 0 0 20px; background: url(images/hogenkamp_fav.gif) no-repeat 0 6px;}
.blogwerkblog { padding:7px 0 0 20px; background: url(images/blogwerk_fav.gif) no-repeat 0 6px;}
.imgriff { padding: 7px 0 0 20px; background: url(images/imgriff_fav.gif) no-repeat 0 6px;}
.fokussiert { padding: 7px 0 0 20px; background: url(images/fokussiert_fav.gif) no-repeat 0 6px;}
.ronniegrob { padding:7px 0 0 20px; background: url(images/ronniegrob_fav.gif) no-repeat 0 6px;}
.medienkonvergenz { padding:7px 0 0 20px; background: url(images/medienkonvergenz_fav.gif) no-repeat 0 6px;}
.fraulich { padding:7px 0 0 20px; background: url(images/fraulich_fav.gif) no-repeat 0 6px;}
.netzwertig { padding:7px 0 0 20px; background: url(images/netzwertig_fav.gif) no-repeat 0 6px;}		

.print {
background:url(images/printer-green.gif) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;

}

.mrwong {
background:url(images/misterwong.png) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;
}

.yigg {
background:url(images/yiggicon3.png) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;
}


.delicious {
background:url(images/delicious.gif) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;

}

.digg {
background:url(images/digg.gif) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;

}

.mail {
background:url(images/email.gif) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;

}

.trackback {
background:url(images/trackback.gif) left top no-repeat;
margin: 0 0 0 5px;
padding: 0 0 0 18px;

}

.linkbar{ /*Delicios, Print, Icins */
background-color:#fff;
border:1px solid #ddd;
padding:5px;
font-size:12px;
}



/*BILDER*/

.favicon, .smallgravatar { padding: 2px; border: 1px solid #BABABA; background: #fff; margin: 0 5px 0 0; float: left; }
.blogfavicon { padding: 2px; border: 1px solid #b9dcec; background: #fff; margin: 0 5px 0 0; }
.smallgravatar { width: 25px; }
.gravatar { padding: 4px; border: 4px solid #2e4863; background: #fff; margin:10px 0 0 0;}


/* WERBUNG */

.werbung{
padding:0 0 10px 0;
text-align:center;
}


/* FORM ANGABEN */
input{
border:1px solid #ddd;
margin:4px 0 4px 0;
padding:4px;
font-size:11px;
}

select {
border:1px solid #eaeaea;
width:100%;
margin:5px 0 25px 0;
padding:4px;
}

 
.searchinput{
margin:0 0 15px 0;
}

#search { /*span id */

margin:5px 0 0 0;
}

#searchsubmit{
border:1px solid #444;
margin:4px 0 4px 0;
padding:3px;
font-size:12px;
width:60px;
}

#s{
width:235px;
}

/*---------------COMMENT AUSGABE---------------------*/
.datum { /*Hier wird das Datum im H2 formatiert */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		font-weight:normal;
		padding:0.5em 0 0 0;
		text-align:left;
		color:#DDD;
		margin:0;
		}
		
.kommentartext{
margin:0.5em 0 0 0;
}

.autorname{
text-transform:uppercase!important;
}

.kategorie { /*Hier wird das Datum im H2 formatiert */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		font-weight:bold;
		padding:0.5em 0 0 0;
		text-align:left;
		color:#00ADD9;
		margin:0;
		}
		
		.kategorie a:link, .kategorie a:visited{
			text-decoration:none!important;
			color:#D2412C!important;
		}

		.kategorie a:hover{
			text-decoration:underline!important;
			color:#D2412C!important;
		}
		
.kommentar { /*Hier wird der Kommentar im H2 formatiert */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		font-weight:bold;
		padding:0.5em 0 0 0;
		text-align:left;
		color:#00ADD9;
		margin:0;
		}
		
		.kommentar a:link, .kommentar a:visited{ /*Hier wird der Kommentar im H2 formatiert */
			text-decoration:none!important;
			color:#D2412C!important;
		}

		.kommentar a:hover{/*Hier wird der Kommentar im H2 formatiert */
			text-decoration:underline!important;
			color:#D2412C!important;
		}

.kommentar_box{ /*Hier wird die Box der Kommentare definiert */
background:#E7E7E7 url(pics/corner.gif) top no-repeat;
margin: 0 0 1em 0;
padding:1em;
border:1px solid #ccc;
font-size:100%;
font-weight:normal;
height:100%;
}

.kommentar_box img{/*Gravatarbilder in der Kommentar_Box werden definiert */
float:left;
display:inline; 
padding:3px;
border:2px solid #ccc;
background-color:#fff;
margin:0 1em 0.5em 0;
}

.kommentar_box h5{ 
font-size:110%; 
font-weight:normal; 
text-transform:uppercase;
margin-top:0;
}

.kommentar_box cite a{ 
font-style:normal; 
font-weight:bold;
color:#444;
text-decoration:underline!important;
}

.kommentar_box cite a:hover{ 
font-style:normal; 
font-weight:bold;
color:#78A400;
text-decoration:underline;
}

h4 {
		font-size: 220%;
		font-weight:normal;
		padding:0;
		text-align:left;
		color:#000033;
		margin:0 0 0.5em 0;
		}
h4 em {
    font-style: normal;
		font-weight:normal;
		color:#000033;
		padding:0;
		margin:0;
}

#ed_toolbar input#ed_bold
{ 
	font-weight: bold;
}

#ed_toolbar input#ed_italic
{ 
	font-style: italic;
}

.leaderboard {
width: 728px;
}

.inhalt ol { list-style: decimal; }
.inhalt ul li { background:transparent url(images/pfeil.gif) no-repeat scroll 0 6px; padding:7px 0 0 20px; }