/*  
Theme Name: News and Pics 3Col Deutsch
Author URI: http://www.Stefan-Laszczyk.de
Version: 1.0
Author: Stefan Laszczyk
Description: "News and Pics 3Col" ist eine Überarbeitung und Erweiterung von "RockinNewspaper 3 Column". 
Wesentliche Erweiterung ist ein Image-Rotator für den Header und die schattierte Darstellung der Blogtitels im Kopfbereich auf den bei jedem Aufruf der Seite wechselnden Fotos.
Man kann beliebig viele Pfade für geeigneten Breitbildern anlegen.
Außerdem wurden zusätzliche Seitenvorlagen erstellt und der Code insgesamt von Fehlern bereinigt.
Optisch hat sich relativ wenig geändert.

The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
Photo by Ville Miettinen, Stefan Laszczyk  used with permission.
*/

body {
	background: #ffffff;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
	}
a, a:visited{
	color: #3366ff;
	text-decoration: none;
	}
	
a:hover{
	color: #000000;
	text-decoration: underline;
	}

#container { 
	width: 960px; 
	background-color: #ffffff;
	text-align: left; 
	margin: 20px auto; 
	border: 1px solid #cccccc;
	z-index: 0;
	}

#title_black {
	position: relative; 
	padding: 0px 0px 0px 0px;
	font-family: Helvetica,Arial,sans-serif; 
	font-weight: bolder;
	text-align:right;
	//  
	left: 2px; 
	top: -100px; 
	width:938px; 
	height: 0px; 
	color: black; 
	z-index: 1;
}
#title_white{
	position: relative; 
	padding: 0px 0px 0px 0px;
	font-family: Helvetica,Arial,sans-serif; 
	font-weight: bolder;
	text-align:right;
	//
	left: 0px; 
	top: -102px; 
	width:940px; 
	height: 0px; 
	color: white; 
	z-index: 2;
}

#fontzoom{
	position: relative; 
	left: 0px; 
	top: 0px; 
	z-index: 3;
}

#menu { 
	position: relative; 
	top: -2px; 
	color: #000000;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 20px;
	line-height:30px;
	padding: 3px 15px  3px 15px;
	margin-bottom: 0px;
	text-align: left;
	border-top: 1px solid #3366ff;
	border-bottom: 1px solid #cccccc;
	}
#menu h2 {
	margin: 0px;
	padding: 3px 15px  3px 15px;
	}
		
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#menu ul {
	margin: 0px;
	padding: 0px;
	}
	
#menu ul li a {
	color: #3366ff;
	padding: 3px 15px  3px 15px;
	margin: 0px;
	text-decoration: none;
	}

#menu ul li a:hover {
	color: #ffffff;
	background: #3366ff;
	text-decoration: none;
	}


#content { 
	width: 440px; 
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 233px;
	margin-right: 0px;
	position:relative;
	padding: 5px 25px 15px 25px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	min-height: 660px;
	}
* html #content {
	height: 660px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#content p img{
	border: none;
	margin-right: 5px;
	margin-bottom: 3px;
	}
#content h1 {
	color: #cccccc;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#content h1 a  {
	color: #cccccc;
	text-decoration: underline;
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h2 {
	color: #3366ff;
	font-size: 22px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	}
#content h2 a  {
	color: #3366ff;
	text-decoration: none;
	}

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


#content h3 {
	color: #3366ff;
	font-size: 15px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 120%;
	border-bottom: 1px solid #cccccc;
	}
#content h3 a  {
	color: #3366ff;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #3366ff;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}


#ohnesidebars { 
	width: 910px; 
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	position:relative;
	padding: 5px 25px 15px 25px;
#	border-right: 1px solid #cccccc;
#	border-left: 1px solid #cccccc;
	min-height: 660px;
	}
* html #ohnesidebars {
	height: 660px;
	}
#ohnesidebars p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#ohnesidebars p img{
	border: none;
	margin-right: 5px;
	margin-bottom: 3px;
	}
#ohnesidebars h1 {
	color: #cccccc;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#ohnesidebars h1 a  {
	color: #cccccc;
	text-decoration: underline;
	}

#ohnesidebars h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#ohnesidebars h2 {
	color: #3366ff;
	font-size: 22px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	}
#ohnesidebars h2 a  {
	color: #3366ff;
	text-decoration: none;
	}

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


#ohnesidebars h3 {
	color: #3366ff;
	font-size: 15px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 120%;
	border-bottom: 1px solid #cccccc;
	}
#ohnesidebars h3 a  {
	color: #3366ff;
	text-decoration: none;
	}

#ohnesidebars h3 a:hover {
	color: #000000;
	text-decoration: none;
	}

#ohnesidebars ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#ohnesidebars ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#ohnesidebars li {
	margin: 0px;
	padding: 0px;
	}
	
#ohnesidebars ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#ohnesidebars ul li a {
	color: #3366ff;
	text-decoration: none;
	}

#ohnesidebars ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#ohnesidebars blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}


.postspace {
	background: #FFFFFF;
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	background: #FFFFFF;
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	background: #FFFFFF;
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar { 
	background: #ffffff;
	color: #000000;
	width: 195px;
	float: left; 
	float: left; 
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px 15px 15px 15px; 
	min-height: 660px;
	}
* html #l_sidebar {
	height: 660px;
        }

#l_sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}
#l_sidebar h2 {
	color: #3366ff;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 	1px solid #cccccc;
	}


#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#l_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
	padding: 0px 0px 0px 0px;
	}
	
#l_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	}

#l_sidebar ul li a:hover {
	color: #ffffff;
	background: #3366ff;
	}


#r_sidebar { 
	background: #ffffff;
	color: #000000;
	width: 195px;
	float: right; 
	position:relative;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px 15px 15px 15px; 
	min-height: 660px;
	}
* html #r_sidebar {
	height: 660px;
        }
#r_sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}
#r_sidebar h2 {
	color: #3366ff;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 	1px solid #cccccc;
	}


#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#r_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
	padding: 0px 0px 0px 0px;
	}
	
#r_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	}

#r_sidebar ul li a:hover {
	color: #ffffff;
	background: #3366ff;
	}
#footer { 
	background: #ffffff;
	padding: 20px 0px 20px 0px;
	text-align: center;
	border-top: 1px solid #cccccc;
	clear: both;
	}