/**
  Theme Name: Reichen theme
  Version: 1.1
  Author: 2crossmedia
  Author URI: http://www.2crossmedia.com/
  Tags: 
  Licence: GPL
  
  Description: Based Reihen theme 
*/

/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ height: 100%; font-size: 100.01% }
body 			{ height: 100% auto; font-size: 62.5%; color: #000 }	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #797979 }
				
h1 				{ font-size: 18px; line-height: 36px; margin-bottom: 18px } 
h2 				{ font-size: 14px; line-height: 18px; margin-bottom: 9px}
h3				{ font-size: 13px; line-height: 18px; margin-bottom: 9px }
h4, h5, h6		{ font-size: 12px; line-height: 18px; margin-bottom: 18px }

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 12px; line-height: 18px; margin-bottom: 18px }	
				
ul, ol			{ margin-bottom: 18px }
ul 				{ list-style: none }
ol 				{ list-style: decimal }
li	 			{ margin-left: 36px; color: #999; }
li p 			{ color: #000 }

legend			{ display: none }
 
small 			{ font-size: 9px }
 
sup 			{ position:relative; bottom: 3px; vertical-align: baseline }
sub 			{ position:relative; bottom: -2px; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

blockquote  {padding-left: 36px; color:#201d1f; font-style:italic; background:url(images/quote.gif) left top no-repeat;}

/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6
 				{ font-family: Verdana, Arial, Helvetica, sans-serif }
p, a, pre, label, th, td, li
				{ font-family: Verdana, Arial, Helvetica, sans-serif } 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #666 }
a:hover			{ color: #999966 }
a img			{ border: none }

/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBG			{ background: none !important}

	/* image classes for the article images */
	img.alignleft { float: left; margin: 0 10px 5px 0;}
	img.alignright { float: right; margin: 0 0 5px 10px;}

/*--------- page ----------------*/
html {
  overflow-y: scroll;
}



body {
	text-align: left;
	margin: 0px;
	background: #fff;
	font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: #374c56;
	line-height: 1.4em;
}




/*CONTENT HOLDERS*/

#container {
	
	width: 996px;
	overflow: hidden; 
}




/*HEADER STYLES*/

.flashDiv, .flashDiv_short
{
	width: 995px;
	position: relative;
}

.flashDiv
{
	height: 600px;
}

.flashDiv_short
{
	height: 300px;
}

#header, #header_short {
	position: absolute;
	left:0; 
	top:0;	
	width:795px; 
	background:url(images/header-bg.jpg) left top no-repeat;
	margin: 110px 0 0 0px;
	overflow:hidden;
	/*padding-left:18px;*/
}

#header {	
	height: 490px;
}

#header_short {	
	height: 190px;	
}

#header p, #header_short p
{
	width: 195px;
	color: #848484;
	float:left;
	clear:left;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	margin:0
}


.logo			
{ 
	display: block; 
	width: 198px; 
	height: 28px;
	float:left;
	margin-top:12px;
}
.logos
{
	float:left;
	width: 200px;
	margin-left:10px;
}


#Menu, #Menu_long			
{ 
	margin-bottom: 7px;
	padding-top:11px;	
	float: right;
}

#Menu
{ 	
	width: 460px;	
}

#Menu_long			
{ 	
	width: 470px;
}

#Menu li, #Menu_long li	
{ 
	margin: 0 ; 
	list-style: none;
	float: left;
	height: 16px;
	padding: 0 8px;
	border-right: 1px solid #6c7671 
}
#Menu a:link,
#Menu a:visited,
#Menu_long a:link,
#Menu_long a:visited
{  
	font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #6c7671;
	display:block;
	float:left;
}
.rss
{
	padding-left: 4px !important
}
.rss a
{
	padding-left: 15px;
	color: #f48111 !Important;
	background:url(images/rss.gif) left center no-repeat
}
#Menu a:hover, 
#Menu a:active,
#Menu_long a:hover, 
#Menu_long a:active 
{
	text-decoration:underline
}
.search
{
	text-align:right;
	float:right;
	width: 189px;
	height: 19px;
	/*margin:0 16px 0 0;*/
	padding:1px 4px;
	border: 1px solid #cccccc;
	color: #59645e;
	font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
	
}
#searchform
{
	float:right;
	margin-right:25px;
	width: 213px;
	
}

.topHead
{
	width: 100%;
	/*height: 189px;*/
	height: 178px;
	margin-left:18px;
}
.flashCol
{
	width: 755px;
	margin-left:18px;

}



/*CONTENT STYLES*/
#content		
{
	padding: 5px 8px 0 25px; 
	width: 962px;
	/*overflow: hidden; */
}

#LeftColumnWide,
#LeftColumnThin	
{
	float:left;
	width: 765px;
}
.leftMenu
{
	margin:5px 0 10px 0;
	width: 100%;
	overflow:hidden;
}
.leftMenu li
{
	float:left;
	margin:0;
	list-style: none;
	padding-left: 15px;
}
.leftMenu li a:link,
.leftMenu li a:visited
{
	color:#59645e;
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.leftMenu li a:hover
{
	text-decoration:none;
}


#posts li
{
	list-style:none;
	margin:0;
	
}
.date 
{
	color:#999966;
	float:right;
	padding:0.9em 0.3em;
	text-align:right;
	position: absolute;
	top: 0;
	right: 0
}

.lightbox_date 
{
	color:#999966;	
	float:right;
	padding:0.9em 0.3em;
	text-align:right;
	/*position: absolute;*/
	top: 0;
	/*right: 0*/
}


.date span, .lightbox_date span
{
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	display:block
}

.date3 
{
	color:#999966;
	font-weight:bold !important;
}

.postWrapper h1, 
.postWrapper h2, 
.postWrapper h3,
.lightbox_postWrapper h1,
.lightbox_postWrapper h2, 
.lightbox_postWrapper h3
{
	border-bottom:1px dashed #999966;
	color:#999966;
	font-family:Verdana,Lucida,Helvetica,Arial,sans-serif;
	margin:0 0 0.5em 0;
	padding:12px 0;
	text-align:left;
	font-weight:bold;
}
.postWrapper h2,
.lightbox_postWrapper h2
{
	background:transparent url(images/sun.gif) no-repeat scroll 0 5px;
	margin-right:70px;
	padding-left:25px;
}
.postWrapper h2,
.lightbox_postWrapper h2
{
	font-size:18px;
}
.postWrapper h2 a:link,
.postWrapper h2 a:visited,
.lightbox_postWrapper h2 a:link,
.lightbox_postWrapper h2 a:visited,
.postWrapper p a:link,
.postWrapper p a:visited,
.lightbox_postWrapper p a:link,
.lightbox_postWrapper p a:visited,
.post p a:link,
.post p a:visited  
{
	color: #666;
	font-weight: bold !important;
}
.postWrapper p a:hover,
.lightbox_postWrapper p a:hover
{
	color: #999966
}
.postWrapper p,
.lightbox_postWrapper p 
{
	line-height:1.5em;
	margin:0.5em 0.5em 1em 1em;
	text-align:left;
}
.postMeta
{
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	clear:both;
	color:#666666;
	font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
	padding:1em;
}

.imgs
{
	margin:0 !important;
	padding:0.5em 0.5em 1em 1em;
	background: #fff;
	float:left;	
}
.postWrapper p img,
.lightbox_postWrapper p img
{
	margin-right: 10px
}
.post strong
{
	color:#999966;
	text-align:left;
}

.iconComment a 
{
	background:url(images/icon_comment.gif) no-repeat scroll left top;
	padding-left:20px;
}
#commentlist p
{
	color: #374C56
}


#RightColumnWide,
#RightColumnThin		
{
	float:right;
	height: 100%;
	width: 175px
}

.menuCol h4
{
	color:#818181;
	padding-bottom: 5px;
	margin-bottom: 8px;
	letter-spacing: 1px;
	border-bottom:1px dashed #CCCC66;
	text-transform:uppercase
}
.menuCol ul
{
	margin:0 0 15px 0;
	width: 100%;
	overflow:hidden
}
.menuCol li 
{
	list-style: none;
	margin:0;
}
.menuCol li li
{
	background:url(images/sun_tiny.gif) 5px 6px no-repeat;
	zoom: 1;
	padding:5px;
}
.menuCol li a:link,
.menuCol li a:visited
{
	margin-left: 20px;
	border-bottom:1px dashed #CCCC66;
	display:block;
	color: #797979;
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif
}
.innerLi a
{
	margin-left: 0px !important;
	border: none !important
}
.links a
{
	border: 1px solid #030303 !important;
	margin:0 0 9px 0 !important;
	background: #898989;
	width:162px
}

.banner_sidebar{
	margin: 0px !important;
	padding: 0px 0px 20px 0px !important;
	border: none;
}

.banner_sidebar a{
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}

.banner_sidebar a img{
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}

.link1
{
	height: 232px
}
.link2
{
	height: 80px
}
.link3
{
	height: 53px
}

.menuCol li a:hover
{
	color:#999966;
	text-decoration:none
}
#commentform
{
	 overflow:hidden;
	 width: 100%
}
#commentlist
{
	 overflow:hidden;
}
.postTitle
{
	 float: left;
	 width: 670px;
	 margin-right:0 !important;
	 margin-top: 0 !important;
	 margin-bottom: 1em !important
}
.post
{
	 width: 100%;
	 clear: both;
	 overflow: hidden;
}
.postWrapper
{
	position: relative
}
/*FOOTER STYLES*/

#footer			
{ 
	width: 975px;
	padding:20px 10px
	
}


#footer p,
#footer div
{
	text-align: center;
	color: #333333;
	font: normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0
}
#footer div
{
	font-size:20px;
	margin-bottom:20px;
}
#footer a:link,
#footer a:visited
{
	font-weight: bold ;
	color: #747779
}
#footer a:hover,
#footer a:active
{
	color: #a9a580;
	text-decoration: none
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix 		{ display: inline-block }
/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{ display: block }
/* End hide from IE-mac */


#container textarea {width: 495px }
#bio { display: none }

/* --- google ads ---*/

.container_google_ad_page_content{
	margin-top: 40px;	
	text-align: center;
}

.container_google_ad_page_content_single_page{
	margin-bottom: 40px;	
	text-align: center;
}

/* --- header flash ads --- */
.header_flash_ad_right{
	width:200px;
	height:600px;
	float:right;
}

.header_flash_ad_right_short{
	width:200px;
	height:300px;
	float:right;
}

.header_flash_ad_top{
	position: absolute;
	left: 0;
	top: 0;	
	width:795px;
	height:109px;
}

/* --- hidden article content --- */
#hidden_article_content{
	display: none;
}

/* --- pagiantion --- */
.previous{
	float: left;
}

.future{
	float: right;
}

/* --- categories --- */
.leftMenu li a, .menuCol h4.cat_violet{
	display:block;
	height:28px;
	padding-top:5px;
	padding-left:30px;	
	line-height;20px;
}

.leftMenu li a:hover{
	color:#9c9d68;
}

.leftMenu li a.cat_yellow{	
	background:url(images/alles-ueber-pop-normal.jpg) no-repeat;	
}

.leftMenu li a.cat_yellow:hover{	
	background:url(images/alles-ueber-pop-hover.jpg) no-repeat;	
}

.leftMenu li a.cat_blue{	
	background:url(images/auf-dem-platz-normal.jpg) no-repeat;
}

.leftMenu li a.cat_blue:hover{	
	background:url(images/auf-dem-platz-hover.jpg) no-repeat;
}

.leftMenu li a.cat_red{
	background:url(images/rest-der-welt-normal.jpg) no-repeat;		
}

.leftMenu li a.cat_red:hover{
	background:url(images/rest-der-welt-hover.jpg) no-repeat;			
}

.leftMenu li a.cat_green{
	background:url(images/glaube-sitte-heimat-normal.jpg) no-repeat;	
}

.leftMenu li a.cat_green:hover{	
	background:url(images/glaube-sitte-heimat-hover.jpg) no-repeat;
}

.menuCol h4.cat_violet{
	padding-left:0px;	
}

.menuCol h4.cat_violet a, .menuCol h4.cat_violet a:hover{
	display:block;
	height:28px;
	margin-left:0px;
	padding-top:5px;
	padding-left:30px;	
	line-height;20px;
	border:none;	
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;	
}

.menuCol h4.cat_violet a{	
	color:#59645e;	
	background:url(images/featured-normal.jpg) no-repeat;
}

.menuCol h4.cat_violet a:hover{
	color:#9c9d68;	
	background:url(images/featured-hover.jpg) no-repeat;
}