require "uri"
/*
Theme Name: OW 2009
Theme URI: http://www.online-werbung.de/
Description: Online-Werbung.de Spezialisten-Blog
Version: 1.0
Author: service & media online-werbung GmbH
Author URI: http://www.online-werbung.de/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* The CSS that's required to position the footer */

img, div {
	behavior: 				url(styles/iepngfix.htc);
	border:					0px;
}

* {
	margin: 				0;
	padding: 				0;
}

html {
	height: 				100%;
}

body  {
	background-color:		#c0c2c6;
	height: 				100%;
	margin:					0px;
	background-image:		url(bilder/basics/back-main.jpg);
	background-position:	center top;
	background-repeat:		repeat-x;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			17px;
	text-align:				center;
	text-decoration:		none;
	color:					#404040;
}

h1 {
	width:					676px;
	height:					30px;
	margin:					0 0 15px 0;
	padding:				15px 12px 5px 12px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				22px;
	line-height:			30px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#165085;
	background-image: 		url(bilder/content/hl-back-50.png); 
	background-position:	left center;
	background-repeat:		no-repeat;
	text-align:				left;
	display:				block;
	clear:					both;
}

h3 {
	width:					676px;
	height:					25px;
	margin:					0 0 15px 0;
	padding:				15px 12px 8px 12px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				18px;
	line-height:			25px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#165085;
	background-image: 		url(bilder/content/hl-back-50.png); 
	background-position:	left center;
	background-repeat:		no-repeat;
	text-align:				left;
	display:				block;
	clear:					both;
}

.pageContent p {
	width:					676px;
	margin:					0px 12px 10px 12px;
	font-size: 				12px;
	line-height:			18px;
	color:					#404040;
	clear:					both;
	float:					left;
}

a:focus { 
	outline: 				none;
}

a:link, a:visited  {
	color: 					#165085;
	text-decoration: 		none;
}

a:hover, a:active  {
	color: 					#165085;
	text-decoration:           none;
}

li {
	margin-left: 40px
}

#overall
{
	width: 					100%;
	background-image:		url(bilder/blog/back-content.jpg);
	background-position:	center bottom;
	background-repeat:		repeat-y;
	margin: 				0 auto;
	min-height: 			100%;
}

* html #overall
{
	height: 				100%;
}

#main {
	position: 				relative;
	background-image:		url(bilder/blog/back-main-center.jpg);
	background-position:	center top;
	background-repeat:		no-repeat;
	min-height: 			100%;
	}

* html #main	{
	height: 				100%;
	background-image:		url(bilder/blog/back-main-center.jpg);
	background-position:	center top;
	background-repeat:		no-repeat;
	}

#footer	{
	position: 				relative;
	margin: 				-140px auto 0 auto;
	}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer	{
	margin-top: 			-140px;
}

#footer-back {
	position:				relative;
	height:					190px;
	width:					100%;
	background-image:		url(bilder/blog/back-footer.jpg);
	background-position:	top center;
	background-repeat:		repeat-x;
}

#footer-back-center {
	position:				relative;
	height:					190px;
	width:					100%;
	background-image:		url(bilder/blog/back-footer-center.jpg);
	background-position:	top center;
	background-repeat:		no-repeat;
}


/* -------------------------------------------------------------- */

.clearer {
	clear: 					both;
	display: 				block;
	height: 				1px;
	width:					980px;
	margin-bottom: 			-1px;
	font-size: 				1px;
	line-height: 			1px;
}

/* MAIN ELEMENTS -------------------------------------------------------- */

#centerbox {
	position:				relative;
	width: 					980px;
	padding-bottom: 		140px;
	text-align:				left;
	display:				block;
}

#header  {
	position:				relative;
	width: 					980px;
	height:					110px;
	display:				block;
	overflow:				hidden;
}

#picbox  {
	position:				relative;
	width: 					980px;
	height:					330px;
	display:				block;
	overflow:				hidden;
}

#contentbox  {
	position:				relative;
	width: 					930px;
	margin-left:			25px;
	margin-right:			25px;
	display:				block;
	overflow:				visible;
}

#blog-main  {
	margin-right:			30px;
	width:					700px;
	float:					left;
	overflow:				visible;
}

.pageContent a {
	border-bottom: 			1px dotted #2377b8;
}

.pageContent a:hover {
	color: 					#000000;
    border-bottom: 			1px solid #000000;
}

#blog-sidebar  {
	width:					200px;
	float:					left;
	overflow:				visible;
}

.content-clearer {
	width:					930px;
	height:					1px;
	clear:					both;
}

/* HEADER --------------------------------------------------------------- */

#header-left {
	position:				relative;
	width: 					260px;
	height: 				115px;
	margin-left:			25px;
	padding-top:			3px;
	padding-bottom:			4px;
	float:					left;
	overflow:				hidden;
}

#header-center {
	position:				relative;
	width: 					410px;
	height: 				122px;
	text-align:				center;
	float:					left;
	overflow:				hidden;
}

#header-right {
	position:				relative;
	width: 					260px;
	height: 				115px;
	margin-right:			25px;
	padding-top:			3px;
	padding-bottom:			4px;
	float:					left;
	overflow:				hidden;
}

.ow-logo {
	margin-top:				10px;
}

.headerbox-fix  {
	position:				relative;
	height:					65px;
	width:					260px;
	background-image:		url(bilder/blog/headerbox-fix.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	text-align:				center;
	float:					left;
	overflow:				visible;
}

.headerbox-hl  {
	position:				relative;
	height:					15px;
	width:					244px;
	padding-left:			13px;
	padding-right:			13px;
	padding-top:			5px;
	padding-bottom:			2px;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	text-align:				left;
	color:					#1d649f;
	float:					left;
}

.rss-btn  {
	position:				relative;
	width:					250px;
	height:					31px;
	margin-top:				2px;
	margin-left:			5px;
	margin-right:			5px;
	float:					left;
}

.rss-btn a  {
	position:				relative;
	width:					200px;
	height:					15px;
	padding-top:			8px;
	padding-bottom:			8px;
	padding-left:			50px;
	background-image:		url(bilder/blog/rss-abo-btn.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	text-align:				left;
	color:					#1d649f;
	float:					left;
}

.rss-btn a:hover  {
	background-image:		url(bilder/blog/rss-abo-btn-over.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	text-decoration:		none;
	color:					#165085;
}

.rss-stats  {
	position:				relative;
	width:					250px;
	margin-left:			5px;
	margin-right:			5px;
	padding-top:			3px;
	font-size: 				9px;
	line-height:			11px;
	text-decoration:		none;
	text-align:				center;
	color:					#404040;
	float:					left;
}
.headerbox-suche  {
	padding-left:			13px;
	padding-right:			13px;
	padding-top:			2px;
	width:					244px;
	height:					auto;
	text-align:				left;
}

.suchfeld  {
	margin-right:			6px;
	width:					165px;
	height:					16px;
	padding-top:			5px;
	padding-bottom:			3px;
	padding-left:			10px;
	padding-right:			10px;
	background:				transparent;
	background-image:		url(bilder/header/formfeld-185.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	border:					0px;
	font-size: 				11px;
	line-height:			16px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

#suchbtn  {
	width:					43px;
	height:					24px;
	background-image:		url(bilder/header/btn-suche.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	float:					left;
}

#suchbutton  {
	width:					43px;
	height:					24px;
	background:				transparent;
	border:					0px;
	text-align:				left;
	text-indent:			-999em;
}

/* EINTRAG -------------------------------------------------------------- */

.eintrag {
	width:					710px;
	margin-left:			  -10px;
	padding-bottom:			10px;
	float:					left;
}

.eintrag .head {
	width:					710px;
	min-height:				70px;
	font-size:				11px;
	line-height:			15px;
	color:					#404040;
	background-image:		url(bilder/blog/hl-back.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
}

.eintrag .head .datum {
	width:					70px;
	height:					59px;
	padding-top:			11px;
	background-image:		url(bilder/blog/datumbox.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	font-size:				20px;
	line-height:			30px;
	font-weight:			bold;
	color:					#FFFFFF;
	text-align:				center;
	float:					left;
}

.eintrag .head .datum .monat {
	width:					70px;
	font-size:				11px;
	line-height:			16px;
	font-weight:			bold;
	color:					#404040;
	text-align:				center;
	float:					left;
}

.eintrag .head h2 {
	padding-top:			11px;
	font-size:				20px;
	line-height:			25px;
	font-weight:			bold;
	color:					#165085;
}

.eintrag .head .subline {
	padding-top:			5px;
}

.eintrag .body {
	width:					640px;
	margin-left:			70px;
	padding-top:			5px;
}

.eintrag .body a  {
	color: 					#165085;
	text-decoration: 		none;
         border-bottom: 1px dotted #2377b8;
}

.eintrag .body a:hover {

          color: #000000;
          border-bottom: 1px solid #000000;
}

.eintrag .body p {
	padding-bottom:			10px;
}

.eintrag .body .weiterlesen a {
	width:					70px;
	height:					20px;
	padding-top:			2px;
	padding-left:			30px;
	background-image:		url(bilder/blog/btn-weiterlesen.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size:				11px;
	color:					#165085;
	text-decoration:		none;
	float:					left;
         border-bottom:             0px;
}

.eintrag .body .weiterlesen a:hover {
	background-image:		url(bilder/blog/btn-weiterlesen-over.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	color:					#000000;
	text-decoration:		none;
}

.eintrag .body .kommentare a {
	width:					90px;
	height:					20px;
	padding-top:			2px;
	padding-left:			30px;
	background-image:		url(bilder/blog/btn-kommentare.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size:				11px;
	color:					#165085;
	text-decoration:		none;
	float:					right;
         border-bottom:              0px;
}

.eintrag .body .kommentare a:hover {
	background-image:		url(bilder/blog/btn-kommentare-over.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	color:					#000000;
	text-decoration:		none;
}

.eintrag .head a:hover {
	text-decoration:		none;
	color:					#000000;
}

.eintrag .head h2 a:hover {
	text-decoration:		none;
	color:					#404040;
}

/* SIDEBAR CONTENT ------------------------------------------------------ */

.sidebox  {
	width:					210px;
	margin-left:			-5px;
	margin-right:			-5px;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#3f3b3b;
	float:					left;
	overflow:				visible;
}

.sidebox .headline {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			15px;
	padding-bottom:			15px;
	background-image:		url(bilder/teaser/head.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			20px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#dfe6ed;
	display:				block;
}

.sidebox .body  {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	background-image:		url(bilder/teaser/back.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

.sidebox .footer  {
	width:					210px;
	height:					20px;
	background-image:		url(bilder/teaser/footer.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

.sidebox a:hover {
         text-decoration: underline;
}

.sidebox li a  {
	width:					176px;
	margin-left:			-52px;
	margin-right:			-12px;
	padding-left:			12px;
	padding-right:			12px;
	padding-top:			7px;
	padding-bottom:			5px;
	background-image:		url(bilder/navi/trenner.png);
	background-position:	left top;
	background-repeat:		no-repeat;	
	font-size:				11px;
	line-height:			12px;	
	color:					#404040;
	text-decoration:		none;
	display:				block;
}

.sidebox li a:hover {
	padding-left:			23px;
	color:					#000000;
	text-decoration:		none;
}

.sidebox li {
         list-style: none;
}
#navi-first {
	background:				transparent;
}

.rectangle {
	margin-left:			-2px;
	margin-right:			-2px;
	float:					left;
}

/* FOOTER ----------------------------------------------------------- */

#footer-content {
	width:					960px;
	height:					140px;
}



/* FOOTER ----------------------------------------------------------- */

#footer-content {
	width:					960px;
	height:					190px;
}

#footer-centerbox {
	width:					960px;
	height:					60px;
	float:					left;
}

.top-btn-center {
	width:					120px;
	height:					18px;
	margin-top:				21px;
	margin-left:			420px;
	float:					left;
}

.top-btn-center a {
	width:					120px;
	height:					16px;
	padding-top:			2px;
	background-image:		url(bilder/footer/btn-top.gif);
	background-position:	center top;
	background-repeat:		no-repeat;
	font-size: 				9px;
	line-height:			12px;
	font-weight:			bold;
	text-align:				center;
	text-decoration:		none;
	color:					#616367;
	float:					left;
}

.top-btn-center a:hover {
	color:					#1d649f;
}

#footer-dark {
	width:					960px;
	height:					130px;
	text-align:				left;
	float:					left;
}

.footer-dark-iconbox {
	width:					55px;
	height:					115px;
	padding-top:			15px;
	padding-left:			15px;
	float:					left;
}

.footer-dark-linkbox {
	width:					140px;
	height:					115px;
	padding-top:			15px;
	padding-left:			20px;
	background-image:		url(bilder/footer/trenner.png);
	background-position:	0px 10px;
	background-repeat:		no-repeat;
	float:					left;
}

.footer-dark-linkbox a {
	font-size: 				10px;
	line-height:			15px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#9ca1a7;
	display:				block;
}

.footer-dark-linkbox a:hover {
	text-decoration:		none;
	color:					#FFFFFF;
}

.footer-dark-right {
	height:					115px;
	padding-top:			15px;
	padding-right:			15px;
	float:					right;
	text-align:				right;
}

.footer-dark-right a {
	font-size: 				10px;
	line-height:			15px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#9ca1a7;
	display:				block;
}

.footer-dark-right a:hover {
	text-decoration:		none;
	color:					#FFFFFF;
}

.footer-ow {
	text-decoration:		none;
	color:					#2377b8;
}

/* KOMMENTARE ----------------------------------------------------------- */

.news .top h2 {
	padding-top:			11px;
	font-size:				16px;
	line-height:			23px;
	font-weight:			bold;
	color:					#165085;
}

.news .mid2 p {
	margin-left:			45px;
	margin-top:				10px;
}

.comment {
	padding-top:			11px;
	font-size:				16px;
	line-height:			23px;
	font-weight:			bold;
	margin-bottom:			10px;
	color:					#165085;
}

.commentPic {
	float: 					left;
	margin-right:			13px;
	margin-top:				3px;
}

#picbox-navi  {
	position:				absolute;
	z-index:				20;
	top:					0px;
	left:					0px;
	width:					980px;
	overflow:				visible;
}

#mainnavi  {
	position:				relative;
	width:					980px;
	height:					51px;
	background-image:		url(../../bilder/mainnavi/back.png);
	background-position:	center top;
	background-repeat:		no-repeat;
	overflow:				hidden;
	clear:					both;
}

#mainnavi .navcontent {
	position:				relative;
	width:					100%;
	height:					51px;
	clear:					both;
	text-align:				center;
}

#mainnavi a {
	position:				relative;
	float:					left;
}

#mainnavi .navcontent .trenner {
	position:				relative;
	height:					51px;
	width:					2px;
	float:					left;
}

#mainnavi .navcontent .icon-home {
	position:				relative;
	height:					20px;
	width:					20px;
	padding:				20px 20px 21px 31px;
	float:					left;
}

#mainnavi .navcontent .icon-feed {
	position:				relative;
	height:					20px;
	width:					20px;
	padding:				20px 31px 21px 20px;
	float:					left;
}

 
#navi-over  {
	position:				absolute;
	z-index:				100;
	top:					0px;
	left:					0px;
	width:					980px;
	height:					51px;
} 


/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

/* NAVI -------------------------------------------------------------- */

#picbox-navi  {
	position:				absolute;
	z-index:				20;
	top:					12px;
	left:					0px;
	width:					980px;
	overflow:				visible;
}

#mainnavi  {
	position:				relative;
	width:					980px;
	height:					51px;
	background-image:		url(bilder/mainnavi/back.png);
	background-position:	center top;
	background-repeat:		no-repeat;
	overflow:				hidden;
	clear:					both;
}

#mainnavi .navcontent {
	position:				relative;
	width:					100%;
	height:					51px;
	clear:					both;
	text-align:				center;
}

#mainnavi a {
	position:				relative;
	float:					left;
}

#mainnavi .navcontent .trenner {
	position:				relative;
	height:					51px;
	width:					2px;
	float:					left;
}

#mainnavi .navcontent .icon-home {
	position:				relative;
	height:					20px;
	width:					20px;
	padding:				20px 20px 21px 31px;
	float:					left;
}

#mainnavi .navcontent .icon-feedabo {
	position:				relative;
	height:					20px;
	width:					28px;
	padding:				20px 26px 21px 16px;
	float:					left;
}

/* PICBOX ----------------------------------------------------------------------------- */

#picbox-pic {
	position:				absolute;
	z-index:				1;
	top:					63px;
	left:					0px;
	width:					980px;
	height:					237px;
}

#picbox-over-left {
	position:				absolute;
	z-index:				10;
	top:					63px;
	left:					0px;
	width:					20px;
	height:					237px;
	overflow:				hidden;
}

#picbox-over-right {
	position:				absolute;
	z-index:				10;
	top:					63px;
	left:					960px;
	width:					20px;
	height:					237px;
	overflow:				hidden;
}

/* HEADLINE ----------------------------------------------------------------------------- */

.claim-main {
	position:				absolute;
	z-index:				2;
	top:					120px;
	left:					80px;
	width:					400px;
	height:					45px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				36px;
	line-height:			45px;
	text-decoration:		none;
	font-weight:			normal;
	color:					#ececec;
	text-align:				left;
	text-indent: 			-1000px;
	overflow:				hidden;
}

.claim-sub {
	position:				absolute;
	z-index:				3;
	top:					158px;
	left:					80px;
	width:					430px;
	height:					25px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				18px;
	line-height:			25px;
	text-decoration:		none;
	font-weight:			normal;
	color:					#2377b8;
	text-align:				left;
	text-indent: 			-1000px;
	overflow:				hidden;
}

.claim-main-blog {
	background-image:		url(bilder/headlines/main-blog.png);
	background-position:	top right;
	background-repeat:		no-repeat;
}

.claim-sub-blog {
	background-image:		url(bilder/headlines/sub-blog.png);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#facebook_like {
	margin-top:                 15px;
}