/*#############################################################

Name: Online-Artikel.de - Boxes
Date: 2007-06-30
Description: Boxes layout
Author: Art2Digital InterMedia
URL: http://www.online-artikel.de

#############################################################*/
@import "rankings.css";
@import "main_header.css";

body {
	margin: 0pt; 
	padding: 0pt;
}
h1 {
	font-size: 1.4em;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none;
	font-weight: bold
}
h2 {
	font-size: 1.2em;
	font-family: Verdana, Tahoma, Arial, Helvetica
}
h3 {
	font-size: 1.1em;
	margin: 3px 0pt;
	font-family: Verdana, Tahoma, Arial, Helvetica
}
h4 {
	font-size: 1em;
	margin: 3px 0pt;
	font-family: Verdana, Tahoma, Arial, Helvetica
}
h2.details {
	font-size: 1.2em;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: #3669B2;
	padding: 0;
	margin: 5px 0 5px 0
}
h2.search {
	font-size: 1.2em;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: #3669B2;
	padding:10px;
	width:92%;
	margin:5px 25px 5px 15px;
	border:1px solid rgb(245,225,130); 
	background:rgb(255,255,230);
}

h2.blau {
    color:#5577BB;
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:1.4em;
    font-weight:lighter;
    margin:0px;
    padding:0px
}
h2.orange {
    color:#EF7110;
    font-size:1.4em;
    font-weight:lighter;
    margin:0px;
    padding:0px
}
h2.catname {
	color:#5577BB;
	font-size: 1.1em;
	margin:0 5px 5px 0;
	padding:0px
}
h3.orange {
	color:#FF6600;
	font-size: 1.1em;
	font-weight:bold;
	margin: 10px 0px 5px 0;
    font-weight:lighter;
    padding:0px
}
h3.blau {
	color:#5577BB;
	font-size: 1.1em;
	font-weight:bold;
	margin: 10px 0px 5px 0;
    font-weight:lighter;
    padding:0px
}
h4.orange {
	color:#FF6600;
	font-size: 1em;
	font-weight:bold;
	margin: 10px 0px 5px 0;
    font-weight:lighter;
    padding:0px
}
h4.blau {
	color:#5577BB;
	font-size: 1em;
	font-weight:bold;
	margin: 10px 0px 5px 0;
    font-weight:lighter;
    padding:0px
}
h3.article {
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	padding: 0;
	margin:0 0 3px 0
}
em {
	font-style:italic;
}

/* NEU ANDI */

#container {clear:both;float:left; width:98%; margin:3px 15px 3px 15px;font-size: 1.2em; font-family:Tahoma, Verdana, Arial, Helvetica;}
#container2 {clear:both;float:left; width:98%; margin:3px 15px 3px 15px;font-size: 1.2em; font-family:Tahoma, Verdana, Arial, Helvetica;}

.column1-unit {width:98%; margin:3px 2px 2px 3px; }
.column2-unit-left {float:left; width:325px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:325px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.simple-left {clear:both; float:left; width:255px; margin:0px 0px 7px 0px; padding:0px;}
.simple-right {clear:both; text-align:right; float:right; width:255px; margin:0px 0px 7px 3px; padding:0px;}

/* NEU ANDI ENDE */


.head4 {
	margin: 0.3em 0 0;
	color: #003399;
	font-size: 1.15em;
	font-weight: bold
}
.head0 {
	margin: 0.3em 0 0;
	color: #FF6600;
	font-size: 1em;
	font-weight: bold
}
.navi_main {
	font-size: 0.9em;
	color:#FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: bold;
	text-decoration: none
}
select {
	font-family: Tahoma, Helvetica;
	font-size: 0.9em;
	color: #444;
	background: #fff;
	border: solid 1px;
	border-color: #3F8BCC;
	letter-spacing: 0px
}
.adwords_style {
	margin:15px 0;
	font-size: 0.9em;
	color: #146EA4;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none
}
.adwords_style a:hover {
	font-size: 0.9em;
	color: #DDB000;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: underline
}
.sponsor_adwords {
	font-size: 0.8em;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none
}
.author_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 16px;
}
a,a:link,a:visited,a:active {
	color: #3669B2;
	letter-spacing: 0px;
	text-decoration: none;
}
a:focus,a:hover {
	color: #FF6600;
	letter-spacing: 0px;
	text-decoration: underline
}

a.white,a.white:link,a.white:visited,a.white:active {
	color: #ffffff;
	letter-spacing: 0px;
	text-decoration: none;
}
a.white:focus,a.white:hover {
	color: #ffffff;
	letter-spacing: 0px;
	text-decoration: underline
}
input.txt {
	border-right: #ccc 1px solid;
	border-top: #444 1px solid;
	font-size: 0.9em;
	margin: 1px;
	border-left: #444 1px solid;
	color: #333;
	border-bottom: #ccc 1px solid;
	font-family: Verdana, Tahoma, Arial, Helvetica
}
input.btn {
	background-image: url('/images/button_bg.gif');
	background-color: #FFF;
	font-size: 0.95em
}
b,strong {
	font-weight: bold;
	letter-spacing: 0px
}
br.clear {
	clear:both;
	float:none;
	line-height:0px;
	height:0px
}
.cls1 {
	font-family: Tahoma, Helvetica;
	font-size: 0.9em
}
.cls2 {
	font-family: Tahoma, Helvetica;
	font-size: 1em
}
.cls3 {
	font-family: Tahoma, Helvetica;
	font-size: 1.1em
}
.cls4 {
	font-family: Tahoma, Helvetica;
	font-size: 1.2em
}
.btncls {
	border: 0px solid black;
	cursor: pointer
}
td {
	font-size: 0.9em;
	color: #555;
	line-height: 16px;
	font-family: Tahoma, Helvetica
}
.htext {
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: underline
}
.htext a:hover {
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
	text-decoration: none
}
.c_white {
	color: #FFF
}
.footer {
	font-size: 0.9em;
	color: #FFF;
	text-decoration:none
}
.footer a, .footer a:link, .footer a:visited, .footer a:active {
	font-size: 0.8em;
	color: #FFF
}
.footer a:focus, .footer a:hover {
	font-size: 0.8em;
	color: #000;
	text-decoration:underline
}
.register {
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none;
}
.newsltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
}
.navi a, .navi a:link, .navi a:visited, .navi a:active {
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: underline
}
.navi a:focus, .navi a:hover {
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
	text-decoration: none
}
.hauptmenue {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9pt;
	padding-top: 2px;
	padding-bottom: 7px;
	text-align: center
}
.artikels {
	font-size: 1em
}

/* Kategorie Navigation Links */
.navitab {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px 0 0 5px;
	border-left: 5px solid #8B9DAE
}	
	
.navitab:hover {
	text-decoration: none;
	color: #FF6600;
	background: #eaeaea;
	vertical-align:middle;
	border-left: 5px solid #FF6600
}
.activenavitab {
	font-size: 8pt;
	font-weight: bold;
	height: 15px;
	text-decoration: none;
	color: #FF6600;
	display: block;
	padding: 4px 0 0 5px;
	background: #eaeaea;
	border-left: 5px solid #FF6600
}	
.activenavitab:hover {
	text-decoration: none;
	color: #FF6600
}
.w_option {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size:11px;
	text-decoration:none
}
.catsops {
	font-size:11px;
	text-decoration:none
}
.smp { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000
}
.flat { 
	border: #FFF solid 0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000
}
.mini {
	border-right: #f5f5f5 solid 2px;
	border-bottom: #f5f5f5 solid 2px; 
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px; 
	padding: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #CCC
}
.minb {
	border-right: #ccc solid 2px;
	border-bottom: #ccc solid 2px; 
	border-top: #f5f5f5 solid 1px;
	border-left: #f5f5f5 solid 1px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #FFF;
	cursor: default
}
.mi{
	width: 16px;
	height: 16px
}
.wlink {
	color: #FFF
}
.menue_links {
	border: outset 1px #FFFFCC;
	background-color:#efefef
}
.menue_rechts {
	border: outset 1px #FFFFCC;
	background-color:#efefef
}
.tab-chart-title {
margin: 0px;
padding: 0px;
background-image: url('http://www.online-artikel.de/images/rightcol_header.gif');
background-repeat: no-repeat;
}
.stattistic {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #FF6600;
	text-decoration: none;
	background-color: #FFFFFF
}
.clear {
	display: none
}

/*Artikelverzeichnis Tabellen*/
#wptable {
	font: Icon;
	border: 1px Solid ThreeDShadow;
	background:	Window;
	color: WindowText;
	border-collapse: collapse
}

/* header row*/
#wptable th {
	padding: 2px 5px;
 	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor: default;
	background: #99CCFF
}
div.h {
	padding:0;
	clear:both;
	margin:5px 0 0 0;
	width:auto;
	background: url(../images/bg-dotted.gif) repeat-x top
}
div.linie {
	padding:0;
	clear:both;
	margin:3px 0;
	width:auto;
	background: url(../images/bg-header.gif) repeat-x left
}

/* normal row*/
#wptable td {
	padding: 3px
}

/* alternative rwo */
#wptable tr.alt {
	background-color:#F4F4EC;
}
.gesamt {
	font-size: 1em;
	line-height: 1.4em
}
pre, code {
	font-family: Monaco,"Courier New",Tahoma;
	font-size: 0.9em;
	font-style: normal;
	color: #000;
	margin: 0
}
.code {
	font-family: Monaco,"Courier New",Tahoma;
	padding: 3px;
	border: 1px solid #FF6600;
	list-style-type: decimal-leading-zero
}
.komment ul {
	margin-top:2px
}
.komment li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5C6985;
	list-style-image: url(http://www.online-artikel.de/images/li.gif)
}
.komment li a, .komment li a:link, .komment li a:visited, .komment li a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #34538C
}

/* BilderContainer im Content */
.bildercontent {
	border: 1px solid #C0CDE0;
	font-size: 0.9em;
	border-bottom: 4px solid #8795C1;
	margin-bottom: 18px;
	width:400px;
	position:relative;
	float: none
}
.bildercontent p {
	font-size: 0.9em;
	border: 1px solid #A5B3D0;
	border-bottom: 4px solid #7A8BB9;
	margin:9px 10px 0px 10px;
	padding:0px;
	position: relative
}
.bildercontent h3 {
   color: #7A8BB9
}
.autor_pic {
	border:1px solid #666;
	float:left;
	display: block;
	padding: 0px;
	background: #ffffff;
	max-width: 95px;
	max-height:95px;
	overflow:hidden;
	clear:both
}
.pic img {
	padding: 4px
}

/* Bildbox Bsp. LEsezeichen */
#bildbox .wrapper {
	border:2px outset #666699;
	padding:3px;
	margin:5px 5px 0 0;
	float:left
}
#bildbox .wrapper_right {
	border:2px outset #666699;
	padding:3px;
	margin:0 0 5px 5px;
	float:right
}
#bildbox .bu {
	font-size:10px; color:#999999
}
#bildbox .bu .bildbox_left {
  border:1px solid #ffcc0f;
  padding:4px 8px 6px 8px;
  margin:0;
  color:#686868;
  font-weight:normal;
  line-height:12px;
  overflow:hidden;
}
#bildbox hr {
border:2px dotted #FF6600;
width:100%;
margin:5px 0
}

/* Menues */
#content-right {
	width: 226px;
	float: left;
	padding: 0 0 0 4px;
}
div.teaser div.inner {
padding-top: 8px;
padding-right: 4px;
padding-bottom: 8px;
padding-left: 12px;
font-size: 11px;
overflow-x: hidden;
overflow-y: hidden;
}
div.blue div.inner {
background-color: transparent;
background-image: url('/images/tpl/teaser-blue-bottom.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: bottom;
width: 210px;
}
div.teaser strong.head {
display: block;
font-size: 14px;
font-weight: normal;
padding-left: 16px;
margin-bottom: 4px;
}
div.blue strong.head {
color: #ffffff;
background-color: transparent;
background-image: url('/images/tpl/bullet-teaser-blue.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: 4px;
}
div.teaser p {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
line-height: 14px;
padding-left: 5px;
}
div.blue ul.actions, div.blue p {
clear: both;
}
ul.actions li a {
background-color: transparent;
background-image: url('/images/tpl/arrow-actions.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 4px;
padding-left: 10px;
}
div.teaser ul.actions li a {
padding-left: 10px;
font-weight: bold;
}

/* info box settings */
div.teaser {
	margin: 0 0 1px 0;
}
div.teaser strong.head {
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding-left: 16px;
	margin-bottom: 4px;
}
div.teaser div.inner {
	padding: 8px 4px 8px 12px;
	font-size: 11px;
	overflow: hidden;
}
div.teaser p {
	margin: 0;
	line-height: 14px;
	padding-left:5px;
}
div.teaser p.dark {
	color: #333333;
	margin-bottom: 4px;
}
div.teaser ul.actions {
	margin-bottom: 0;
	padding:0 0 10px 5px;
}
div.blue ul.actions, div.blue p {
	clear:both;
}
div.teaser ul.actions li {
	line-height: 16px;
}
div.teaser ul.actions li a {
	padding-left: 10px;
	font-weight:bold;
}
div.blue {
	background: url('/images/tpl/teaser-blue-top.gif') no-repeat;
}
div.blue strong.head {
	color: #FFF;
	background: url('/images/tpl/bullet-teaser-blue.gif') no-repeat left 4px;
}
div.blue strong.head a {
	color: #FFF;
}
div.blue div.inner {
	background: url('/images/tpl/teaser-blue-bottom.gif') no-repeat bottom left;
	width:210px;
}
div.head {
	background: url('/images/tpl/background-products-head1.gif') repeat-y;
}
/* Archive und Kategorie Navi*/
.sfn {
	padding:0;
	margin:0
}
.sfn a {
	font:9.0pt/11.0pt Arial !important;
	padding:1px 3px 1px 3px;
	margin:1px;
	color:#ff3300;
	text-decoration:none;
	border:1px solid #ff6600;
	background-color:#eaf0f6
}
.sfn a:hover {
	font:bold 9.0pt/11.0pt Arial !important;
	padding:1px 3px 1px 3px;
	margin:1px;
	color:#ff3300;
	text-decoration:none;
	border:1px solid #ff6600;
	background-color:#fff
}
.sfn strong {
	font:bold 9.0pt/11.0pt Arial !important;
	padding:1px 3px 1px 3px;
	margin:1px;
	color:#ff3300 !important;
	border:1px solid #ff6600;
	background-color:#fff
}

/* Short Article Story*/
div.whiteback {
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position:0%;
	border-right: #003366 1px inset;
	border-bottom: #003366 1px inset;
	border-left:#cccccc 1px solid;
	border-top:#cccccc 1px solid;
	margin:0 18px;
	padding: 5px
}
div.new_autoren {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size:11px;
	background-color: #ffffff;
	background-image: none;
	border-right: #003366 1px inset;
	border-bottom: #003366 1px inset;
	border-left:#cccccc 1px solid;
	border-top:#cccccc 1px solid;
	padding: 5px;
	margin-bottom:5px
}
div.toolbar_bg {
	font-size:11px;
	text-decoration:none;
	margin-top: 4px
}
div.storybar_bg {
	font-size:11px;
	background-color:#efefef;
	text-decoration:none;
	margin-top: 5px;
	padding:2px 5px 2px 3px
}
div.whiteback div.toolbar_bg {
	background:#ffffff;
    border:none;
    border-top:1px solid #ccc;
	padding: 5px;
    padding-bottom:2px;
}
.story {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em
}
div.snapshot {
    float:left;
	background:#ffffff;
	border:1px solid #ccc; 
	padding:5px;
    margin-left:5px;
}
div.main {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	margin-top: 0pt;
	margin-right: 23px;
	margin-bottom: 0pt;
	margin-left: 23px;
	padding: 0
}
div.main p {
margin-top:0;
padding-top:0
}
/* content Bild */
.article_pic {
float: left;
text-align:center;
font-size:8pt;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
margin-right:4px;
margin-top:4px;
padding:3px;
max-width:206px
}
/* content Bildunterschrift */
.bildtitle {
	font-size: 10px;
	background-color:#FFFFCC;
	margin-top:5px;
	padding:3px
}
.pic_position {
background-image:/images/addpics.gif;
width:202px;
height:202px;
color:#CCCCCC;
border:1px #666666 solid;
float:left;
margin-right:5px;
margin-bottom:5px;
left: 50%;
top: 50%;
text-align:center;
}
/* new autors by OA*/
.new_autors {
	border:1px solid #CCC;
	float:left;
	display: block;
	padding: 0px;
	background: #ffffff;
	max-width: 90px;
	max-height:90px;
	overflow:hidden;
	clear:both
}

/* hinweis blocks */
.hinweis {
	font-family: Monaco,"Courier New",Tahoma;
	font-size: 0.9em;
	font-style: normal;
	margin-top: 0.4em;
	margin-bottom:0.4em;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative
}

.info {
padding: 0.1em;
background-x-position: 0.3em;
background-y-position: 0.3em;
/*background-image: url('../images/hinweis.png');*/
background-repeat: no-repeat;
background-color: #FFFFCC;
border: 2px solid #7b9fdf
}


    #online-artikel-banner { width:100%; background: url(../images/banner-bg.png) center repeat-x; height: 250px; position: relative; }
    #online-artikel-banner .left { background: url(../images/banner-left.png) center no-repeat; width:16px; height: 250px; position: absolute; left:0px; top:0px; }
    #online-artikel-banner .right { background: url(../images/banner-right.png) center no-repeat; width:16px; height: 250px; position: absolute; right:0px; top:0px; }
    #online-artikel-banner .logo { background: url(../images/banner-logo.png) center no-repeat; width:259px; height: 59px; position: absolute; left:50%; top:0px; margin-left:-130px; }
    #online-artikel-banner .bannerinfo { color:#d7d7d7; position: absolute; top:82px; left:106px; }
    #online-artikel-banner .icon { background: url(../images/banner-icon.png) left center no-repeat; width:80%; height: 80px; position: relative; left:15px; top:100px; padding-left:90px; }
    #online-artikel-banner .icon div.orange-text { color:#ff7800; font:normal 21px Arial; }
    #online-artikel-banner .icon div.white-text { color:#fff; font:normal 13px Arial; position: absolute; left:90px; z-index:9999; }
    
#counter { position: relative; height: 150px; text-align:center; }
   
#container {
	margin: 0px auto;
	width: 482px;
	color: #555;
    position: absolute;
    left:50%;
    margin-left:-242px;
    margin-bottom:125px;
}
#countdown_dashboard {
	height: 110px; 
    margin: 0px auto;
    margin:10px 0px; 
    width: 482px;  
}

.dash {
	width: 110px;
	height: 114px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	position: relative; 
    margin-right:10px;   
}

.dash .digit {
	font-size: 55pt;
	font-weight: bold;
	float: left;
	width: 55px;
	text-align: center;
	font-family: Times;
	color: #555;
	position: relative;
    height:94px;
    top:36px;
}
.dash .digit div {  }
.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 6px;
	font-size: 9pt;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Social Networks */
oa-event a.oa-button {
    margin-left: 100px;
}
#follow-oa {
    padding-bottom: 0;
}
#follow-oa .network {
    margin-bottom: 10px;
}
#oa-feeds {
}
.network li {
    float: left;
    width: 50%;
    margin-bottom: 4px;
}
a.smi {
    padding: 0 2px 0 2px;
}
#oa-facebook {
    border: 2px solid #dcdcdc;
    margin-bottom: 4px;
}
#oa-twitter {
    padding: 10px;
    margin-bottom: 4px;
    border: 2px solid #dcdcdc;
    font-size: 14px;
    line-height: 30px;
}
#oa-twitter a, #oa-twitter a span {
    color: #333;
    text-decoration: none;
}
#oa-twitter a:hover {
    color: #15c;
}
#oa-twitter .twitter-follow-button {
    display: inline-block;
    height: 27px;
    margin: -4px 0 0 5px;
    padding: 0 10px;
    border: 1px solid #75daf4;
    border-radius: 3px;
    background: url(../images/follow-oa.png) center repeat-x;
    font-size: 11px;
    font-weight: bold;
    line-height: 27px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
#oa-twitter .twitter-follow-button:hover {
    color: #fff;
}

/* Zeile 100 */
.widget, .entry, #profile-summary, #profile h1
{
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
/* Zeile 216 */
.widget
{
}
/* Zeile 1016 */
#follow-oa
{
  padding-bottom: 0px;
}