/*
Theme Name: di-wp-2010
Theme URI: http://die-infoseiten.de/
Description: di-wp-2010
Version:2.0
Author: Karsten Oehlert
Author URI: http://die-infoseiten.de/
Tags: header,widgets
*/



body {
background:#FFFFFF url(images/bg-body.gif) repeat-x scroll 0 0;
color:#333333;
font-family:Arial,Verdana,Sans-Serif;
font-size:12px;
line-height:1.35em;
margin:0;

	}
	
p {}
a:link, a:visited {color: #333;	text-decoration:none}
a:hover {	color:#669933;	}
a:active {	color:#333333;text-decoration:underline;	}
hr {display: none;}
small {font-size: 0.9em;padding:3px 1px;}

/****** Images ****************************/


img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }

	
		
/*===============Seite================*/

#page { 
width:960px;
margin:0 auto;
font-size:1em;
padding:0;
	}

#header { 
background:#FFFFFF url(images/bg-header.gif) no-repeat scroll 0 0;
height:150px;
margin-bottom:30px;
padding-bottom:0;
width:960px;
	}
#headerbild {float:right;}

#headerbild a{}
#headerbild img{ border:0 none;margin:0;padding:0;}	
#header-quiz { 
background-image:url(images/bg-header-quiz.gif);
height:150px;
margin-bottom:30px;
padding-bottom:0;
width:960px;
	}

#headertext {
color:#7F0000;
font-size:16px;
padding-left:142px;
padding-top:69px;
	}
/*
#branding {where the logo sits
background-image:url(images/backgrounds/bg_branding.png);
height:140px;
margin-bottom:10px;
padding-bottom:10px;
width:1024px;
	}

.left {float:left;	}
.right {float:right;}
*/

/*===============leftcol================*/

.leftcol {float:left;padding-right:25px;width:460px;}
.leftcol h3{
background-color:#F5F5DC;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:solid;
border-width:1px 2px 2px 1px;
margin-bottom:5px;
margin-top:0;
padding:1px 0 1px 5px;
text-transform:uppercase;
}
.leftcol h3 a{color:#7F0000;}

.leftcol-u{margin-top:20px;}

.leftbox-o {padding:0;}
.leftbox-o ul{margin-left:0}
	
.leftbox-o h2{
background-color:#F5F5DC;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
font-size:1em;
font-weight:bold;
letter-spacing:0.2em;
margin-bottom:5px;
margin-top:0;
padding:1px 0 1px 10px;
text-transform:uppercase;
}	

.leftbox-o h2 a{
color:#7F0000;
}	
.leftbox-l {padding:0;}
.leftbox-limg {float:left;margin-right:15px;}
.leftbox-l ul{
color:#7F0000;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
.leftbox-l ul li{
margin-bottom:5px;
margin-top:0;
padding:1px 0 1px 5px;
}

.berichte{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 20px 20px;
padding:0;
}		
.berichte li{
color:#7F0000;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin:0;
padding:1px 0 1px 0;;
}
.berichte li a{}

/*===============rightcol================*/

.rightcol {float:right;padding-left:5px;text-align:justify;width:470px}
#rightbox-o {float:right;padding:0;width:470px;}

#rightbox-o ul{margin-left:0}
	
#rightbox-o h2{
background-color:#F5F5DC;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
font-size:1em;
font-weight:bold;
letter-spacing:0.2em;
margin-bottom:5px;
margin-top:0;
padding:1px 0 1px 10px;
text-transform:uppercase;
}	

#rightbox-l {
float:left;
padding:5px 10px 15px;
width:470px;
}

#rightbox-l ul{
color:#7F0000;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
padding-bottom:20px;
padding-left:25px;
}
#rightbox-l ul li{}

#rightbox-r {
float:right;
width:220px;
}

#rightbox-r ul{
color:#7F0000;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
padding-bottom:20px;
padding-left:0;
}
#rightbox-r ul li{}

.rightcol-box {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
margin-bottom:15px;	}
.rightcol-box h3{
background-color:#F5F5DC;
border-bottom:1px solid #CCCCCC;
color:#7F0000;
font-size:1em;
margin-top:0;
padding:1px 0 1px 10px;
text-transform:uppercase;
}
.rightcol-box h3 a {color:#7F0000;}

.rightcol-text {padding:0 10px 5px;}
.rightcol-text h1{font-size:1.05em;padding:0 0 5px;text-align:left;text-transform:none;}
.rightcol-text h1 a{font-size:1.05em;}
.rightcol-text h2, h2 a, h2 a:link, h2 a:visited{}
.rightcol-text h3{
background-color:#FFFFFF;
border-bottom:0 none;
color:#333333;
letter-spacing:0;
padding:0;
text-transform:none;}
	
/******************************************
*   Sidebar                         
******************************************/

.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
	}

.subnav li a:link, .subnav li a:visited {
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
	}
		
.subnav li a:hover, .subnav li a:active {
	background: #F4F4EC;
	text-decoration:none;
	}
	
#sidelist li {
	list-style:none;
	}
	
.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:10px;
	}

#sidelist .children {
	background:#F4F4EC;
	}

#sidelist .children li {
	background: #F4F4EC;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#F4F4EC;
	color: #666;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#000;
	}


/******************************************
*   dikunde                         
******************************************/

#dikunde{	border:1px solid #DDDDDD;float:left;margin-bottom:15px;padding:10px;width:100%;}
#dikunde h2{margin:0;	}		
#dititel{	}
#dikom{	}
#diinhalt{margin-top:5px;	}

#diplz{	}
#diweb{	float:right;font-weight:bold;margin-right:20px;}
#diweb a:link, #diweb a:visited{color:#870000	}	
#diweb a:hover{color:#669933	}	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #000;
	font-size: 1.8em;
	font-weight: normal;
	padding: 20px 0px 10px 0px;
	}

h1 {
font-size:1.1em;
color:#840000;
font-weight:bold;	
margin:0 10px 0 0;
padding:20px 0 0 0;
	}
	
h2 {
font-size: 1em;
color:#840000;
font-weight:bold;	
padding-bottom:0;
margin: 5px 0;
	}

h3 {
font-size: 1em;
letter-spacing:0.18em;
color:#840000;
font-weight:bold;	
margin-top:0;
margin-bottom:4px;
	}

h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

#sidebar h2, #sidebar h3 a {
font: 1em Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
margin-bottom:4px;
font-weight:bold;
color:#840000;
	}

#sidebar h3, #sidebar h2 {
border-bottom:1px solid #999999;
border-top:3px double #999999;
color:#840000;
font-size:1em;
letter-spacing:0.1em;
margin:0 0 5px;
padding:5px 0 5px 2px;
text-transform:uppercase;
	}

h3#respond {
	font-size:1.1em;
	border-top:1px solid #666;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h3 a:link, h3 a:visited {
	color: #7F0000;
	}

h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}

.leftcol-u h1{
font-size: 1em;
letter-spacing:0.18em;
color:#840000;
font-weight:bold;	
text-transform:uppercase;
margin-bottom:4px;
border-bottom:2px solid #DDDDDD}
.leftcol-u h1 a{color:#666666;font-size:1.1em;text-transform:uppercase;}
	
#content-page h1{
border-bottom:1px solid #888888;
padding-bottom:5px;
padding-top:8px;
text-transform:uppercase;}
#content-page h2{}
#content-page h3{}
#content-page h4{}
#content-page h5{}
#content-page h6{}	

#content-archive h1{padding-top:0;}
#content-archive h2{
font-size:1.02em;
letter-spacing:0.04em;
margin:10px 0 0;
padding-bottom:0;}
#content-archive h3{
border-bottom:1px solid #888888;
font-size:0.98em;
font-weight:bold;
letter-spacing:0.18em;
margin-top:0;
padding-bottom:5px;
padding-top:8px;
text-transform:uppercase;}
#content-archive h4{}
#content-archive h5{}
#content-archive h6{}


#box-text h1{
background-color:#F5F5DC;
border:1px solid #EEEEEE;
margin:5px 0 0;
padding:1px 0 1px 5px;
font-weight:normal;
}
#box-text h1 a{color:#840000;}
#box-text h1 a:hover{color:#669933;}
#box-text h2{}
#box-text h3{border:0 none;letter-spacing:0;text-transform:none;}
#box-text h4{}
#box-text h5{}
#box-text h6{}
	
/*=============Content==============*/

#content-home {	width:960px;}
#content {float:right;width:690px;}	
#content-page {	float:right;width:690px;}
#content-archive {	float:right;width:690px;}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}

/* Featured Articles formatting "leftcol" */

.feature {padding:3px 2px 2px 0;}
.feature p, .rightcol p { margin:0;	}

.leftcol img, .rightcol img {
	padding:1px;
	border:1px solid #999;
	}

.leftcol .feature {	border-bottom:1px solid #EEEEEE;margin-bottom:5px; }
.leftcol h1 {font-size:0.9em;margin-right:0;padding:0;text-transform:none;}
.leftcol h1 a{font-size:1.26em;font-weight:normal;}
/* Formating of the Leadstory stuff in the tabbed section */
			

/* =========Begin Images==============*/
p img {
padding: 0;
max-width: 100%;
}

a img {
border:1px solid #DDDDDD;
padding: 1px;
}

img:hover {
background-color:#054070;
}

img.centered {
border:1px solid #DDDDDD;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
border:1px solid #DDDDDD;
padding: 1px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
border:1px solid #DDDDDD;
padding: 1px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {float: right;}
.alignleft {float: left;}

#content-archive img{max-height:120px;max-width:120px;}
#content-archive img a{}
#content-archive img a:link{}
/*==========End Images=================*/



#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
	}

.title, a.title  {
font-size:1.1em;
font-weight:bold;
color: #840000;
letter-spacing:normal;
	}
		
#lead p {
	margin-bottom:10px;
	}


/* Formating of "rightcol" which is the column in the homepage middle ;-) */

.rightcol img {
float:left;
margin:3px 10px 4px 0;
max-height:120px;
max-width:120px;
	}

.leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
.rightcol .clearfloat {
	border-bottom:1px solid #999;
	padding:12px 0;
	}	
	


/* Post Formatting */

.entry {
	padding-bottom:10px;
	
	text-align:justify;
	}

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	list-style:square;
	margin-bottom:5px;
	
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}
	
#tags {}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:265px;
	}
	

#searchform { 	padding:0 5px 10px 0 	}

.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:block;
	}
	
	
/******************************************
*   Footer                        
******************************************/

.footer {
	margin: 0 auto;
	width: 900px;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
	color:#888888;
	}

.footer-top {
float:right;
font-size:13px;
font-weight:bold;
text-align:right;
width:960px;
	}

.footer-top a {
	color:#7F0000;
	}
.footer a {
	color:#888;
	}