/* -------------------------
		site layout
---------------------------- */

body 
{
	background: url('../images/bodybg.gif');
	margin: 0px;
	padding: 42px;
	font-family: "Arial", "Verdana";
	background-attachment: fixed;
	background-color: #e5ebf0;
	text-align: center;
	color: black;
}

#main
{
	text-align: left;
	vertical-align: middle;	
	width: 733px;
	margin: 0px auto;
	padding: 0px;
}

img#header
{
	float: left;
	display: block;	
}

#topnav
{
	clear: both;	
	float: left;
	position: relative; top: 8px;	
	width:481px; height: 21px;
	padding: 4px 10px 0px 10px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	background: url('../images/topnav.gif');
}

#feednav
{
	float: right;
	font-size: 10px;
	position: relative; top: 8px;
	margin: 0px 1px 0px 0px;	
	background: url('../images/feednav.gif');
	width: 200px;
	height: 21px;
	padding: 4px 4px 0px 4px;
	text-align: right;
	vertical-align: middle;
}

#contentcolumn
{
	float: left;
	position: relative; top:8px;
	width: 501px;
	min-height: 700px;
	height: 100%;
}

#teasercolumn
{
	padding: 0px;
	float: right;		
	position: relative; top:14px;	
	margin-right: 1px;
}

.teaserbox
{
	padding: 5px 0px 0px 0px;
	margin-top: 16px;
	margin-bottom: 25px;
	width: 208px;
	background: url('../images/columnbg_body.gif');	
}

.teaserbox_bottom
{
	width: 208px; height: 4px;
	font-size: 1px;
	background:url('../images/columnbg_bottom.gif');		
}

/* ---------------------
	article content		
------------------------ */

.article .header
{
	margin: 0px 0px 16px 0px;
}

.article .header h1
{
	margin: 4px 0px -8px 1px;	
	/*height: 26px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #80a4c5;
	line-height: 34px;
	vertical-align: top;
}

.article .header h1 a
{
	/*text-decoration: none;
	cursor: default;*/
	color: #80a4c5;
}

.article .header .info
{	
	display: block;
	margin: 4px 0px 2px 3px;
	color: #A68742;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica;
}


/* ------------------------------
	article header tag list		
------------------------------ */

.article span.tags
{
	margin: 0px 0px 0px 1px;
	color: #A68742;
}

.article span.tags a.basetag
{
	color: #da5c2a;	
	font-family: Tahoma, Helvetica;
	font-weight: bold;
	font-size: 12px;
}

.article span.tags a.tag
{
	font-family: Tahoma, Helvetica;
	font-size: 12px;
	color: #da5c2a;	
}


/* -----------------
	article pager	
-------------------- */

.article div.pager
{
	text-align: center;	
	width: 470px;
	height: 17px;
	margin: 0px 0px 17px 4px;
}

.article div.pager .next
{
	font-size: 1px;
	height: 14px;
	width: 5px;
	padding-top:6px;
}

.article div.pager .prev
{
	font-size: 1px;
	height: 14px;
	width: 5px;
	padding-top:6px;
}

.article div.pager .prev
{	
	float: left;	
	margin-right: 0px;
	text-align: right;	
}

.article div.pager .next
{
	float: right;
	text-align: left;
}

.article div.pager ul
{
	display: block;
	float: left;
	width: 200px;
	height: 12px;
	padding: 4px 0px 1px 130px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.article div.pager li
{		
	display: inline;	
	height: 12px;
	margin: 0px 4px 0px 4px;	
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	
	font-family: Tahoma, Arial;
	font-size: 11px;	
	font-weight: bold;
}

.article div.pager li a
{
	color: #3e848a;
}

.article div.pager li span
{	
	color: #da5c2a;
}

/* ---------------------
	article content		
------------------------ */

.article .articlecontent
{
	color: black;
	line-height: 17px;
	clear: both;
	margin: 3px 0px 3px 1px;
	padding: 1px 2px 0px 2px;
	font-size: 14px;
	line-height: 17px;
}

.article .articlecontent ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	line-height: 17px;	
}

.article .articlecontent li
{
	margin: auto 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	line-height: 17px;	
	list-style-type: square;
	list-style-position: inside;
}

.article .articlecontent h3
{
	color: #da5c2a;	
	font-weight: normal;
	font-size: 18px;
	display: block;
	line-height: 17px;
	margin: -13px 0px 18px -1px;
	padding: 12px 0px 0px 0px;
	vertical-align: bottom;
}

.article .articlecontent p
{	
	display: block;
	margin: auto 0px 17px 0px;	
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	line-height: 17px;
}

.article .articlecontent code
{
	display: block;
	/*float: left;*/
	width: 449px; height: auto;	
	margin: 0px 0px 12px 0px;
	padding: 16px 8px 20px 12px;	
	border: solid 1px #3e848a;
	border-top: none; 
	overflow: auto;
	overflow-y: visible;
	white-space: nowrap;
	background-color: #eaf6f7;	
}
.article .articlecontent div.codeblock_header
{
	display: block;
	/*float: left;*/
	width: 463px; height: 17px;
	margin: 17px 0px 0px 0px;
	padding: 0px 2px 1px 4px;
	background: #88acae;
	border: solid 1px #3e848a;
	border-bottom: none;
}

.article .articlecontent div.codeblock_header img.icon_lang
{
	display: block;
	float: left;
	margin: 0px 4px 0px 0px;
}

.article .articlecontent div.codeblock_header span
{
	display: block;
	float: left;
	color: white;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}

.article .articlecontent div.codeblock_header .toggle
{
	display: block;
	float: right;
	border: none;
	margin: 1px 0px 0px 0px;
}

.article .articlecontent a
{
	color: #da5c2a;	
	font-weight: bold;
}

/* -------------------------
	article page layout		
---------------------------- */

div.article
{
	background: url('../images/pagebg_body.gif');
	padding: 23px 12px 15px 12px;
	margin: 22px 0px 0px 0px;
	width: 477px;
	line-height: 17px;
}

div.article_bottom
{
	background: url('../images/pagebg_bottom.gif');
	background-repeat: no-repeat;
	font-size: 2px;
	width: 501px;
	height: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* -----------------
	article list	
-------------------- */
ul.articlelist
{
	display: block;
	width: 477px; height: auto;
	margin: 16px 0px 0px 0px;
	padding: 2px 12px 1px 12px;
	background: white;
	list-style: none;
	line-height: 17px;
}

li.article
{
	list-style: none outside;
}

ul.articlelist li.separator
{
	display: block;
	background: url('../images/linedots.gif');
	background-repeat:  repeat-x;
	background-position: 0px 15px;
	margin: 0px 0px 0px 0px;
	padding: 18px 2px 4px 0px;
	width: 474px; height: 13px;
	font-size: 1px;		
	vertical-align: bottom;
	text-align: right;
}

div.articlelist_top
{
	margin: 22px 0px -17px 0px;
	height: 22px;
	font-size: 2px;
	background: url('../images/listbg_body.gif');	
}

div.articlelist_bottom
{
	margin: 0px 0px 0px 0px;
	height: 5px;
	font-size: 2px;
	background: url('../images/listbg_bottom.gif');
	background-repeat: no-repeat;
}

li.article a.comments 
{
	display: inline-block;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	color: #3e848a;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;	
}


/* -----------------
	comments form	
-------------------- */

.commentform .header
{
	width: 491px; 
	margin: 0px 0px 8px -11px;
	padding: 4px 0px 0px 0px;	
	height: 20px;
	line-height: normal;
}

.commentform .header h3
{
	display: block;
	margin: 0px 0px 8px 0px;
	padding: 1px 0px 0px 10px;
	height: 22px;
	font-family: Segoe UI, Verdana, Arial;
	font-weight: bold;
	font-size: 14px;
	color: white;
	background: url('../images/contentheader.gif');
	background-repeat: no-repeat;
}

.commentform a#commentinput:hover
{
	text-decoration: none;
}

.commentform
{
	display:block;
	width: 482px;	
	margin: 8px 0px 0px 0px;	
	padding: 1px 3px 4px 16px;	
	background: url('../images/commentsbg_body.gif');
	background-repeat: no-repeat;
	line-height: 34px;
	font-size: 14px;	
}

.commentform label
{
	float: left;
	width: 119px;
}

.commentform input.text
{	
	display: block;
	vertical-align: text-top;
	float: left;
	margin: 8px 0px 0px 0px;
	padding: 1px 6px 1px 6px;
	border: solid 1px #B2A588;
	background: #E8F0FF;
	width: 335px; height: 16px;
	line-height: 17px;
	font-family: Arial;
	font-size: 12px;	
}

.commentform textarea.comment
{
	display: block;
	margin: 3px 0px 1px 0px;
	padding: 4px 8px 4px 8px;
	border: solid 1px #B2A588;
	background: #E8F0FF;
	float: left;
	width: 450px;
	font-family: Arial;
	font-size: 12px;
	overflow: auto;
	line-height: 17px;
}

.commentform .error
{
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 4px;		
	height: 24px;
	font-weight: bold;
	color: #da5c2a;
	font-family: Arial, Helvetica, sans-serif;
}


.commentform input.submit
{
	margin: 11px 14px 7px 377px;
	width: 91px; height:20px;
}


.commentform input[type=image]
{
	margin: 11px 14px 7px 377px;
	width: 91px; height:20px;
}

.commentform .bottomspacer
{
	height: 20px;
	font-size: 10px;
	vertical-align:top;
	margin: 12px 14px 0px 0px;
}

.commentform_bottom
{
	width: 501px; height: 4px;
	background:url('../images/commentsbg_bottom.gif');
	margin: 0px 0px 48px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2px;
}

.commentform .errorlist
{
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 467px;
}

.commentform .errorlist ul
{
	margin: 11px 0px 0px 0px;
	padding: 4px 8px 5px 10px;
	background: url('../images/errorlist_bg.gif');
}

.commentform .errorlist li
{
	list-style-type: disc;
	list-style-position: inside;
	vertical-align: baseline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 17px;
	color: #da5c2a;
}

.commentform p
{
	line-height: 17px;
	margin: 16px 0px 8px 0px;
	display: block;
	font-style: italic;
}

/* -----------------
	comments list	
-------------------- */

h2.comments
{
	display: block;
	width: 501px;
	margin: 26px 0px 8px 14px;
	padding: 0px 0px 1px 0px;
	color: #3e848a;	
	font-weight: bold;
	font-size: 16px;
}

ul.commentlist
{
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 2px;
	display: block;
}

ul.commentlist li
{
	width:485px;	
	list-style: none;
	list-style-position:outside;
	padding: 8px 0px 0px 6px;
	margin: 0px 0px 10px 0px;
	line-height: 17px;
	color: #116699;	
}

ul.commentlist div.top
{
	height:12px;
	background: url('../images/bubble_top.gif'); 
	background-position: bottom;
    background-repeat: no-repeat;
}

ul.commentlist div.middle
{
	background: url('../images/bubble_bottom.gif'); 
	background-position: bottom;	
	margin-bottom: -4px;
	padding: 4px 10px 15px 10px;	
	font-size: 14px;
	color: black;
}

ul.commentlist span.info
{
	display: block; float: left; 		 
	margin: 3px 8px 0px 4px;	
	min-width: 30px;	
	width: 412px;
	white-space: normal;
	word-wrap: break-word;
	wrap: phyiscal;
	font-size:15px;
	color: #119997;
	line-height: 22px;	
}

ul.commentlist span.info a
{	
	color: #da5c2a;
	font-weight: bold;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

ul.commentlist span.info a.anchor
{
	color: #da5c2a;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* -------------------------
	comment html display 	
---------------------------- */

ul.commentlist em
{
	font-style: normal;
	font-weight: bold;
	color: #666666;
}

ul.commentlist a
{
	color: #da5c2a;
	font-weight: bold;
}

ul.commentlist blockquote
{
	display: block;
	border-left: 8px #C0CEDA solid;
	padding: 0px 0px 0px 9px;	
	margin: 0px 5px 0px 0px; 
	margin-right: 5px;
	color: #80a4c5;
}

ul.commentlist blockquote em
{
	color: #80a4c5;
}

/* ---------------------------------
	empty page / data not found		
------------------------------------ */

div .noarticles
{
	display: block;
	width: 477px; height: auto;
	margin: 12px 0px 0px 0px;
	padding: 21px 12px 12px 12px;
	background: url('../images/listbg_body.gif');	
	line-height: 17px;
}

div .noarticles h1
{
	line-height: 34px;	
}

div .noarticles_bottom
{
	width: 501px; height: 5px;
	background: url('../images/listbg_bottom.gif');
}

div .noarticles a
{
	color: #da5c2a;
	background: transparent;
}

div .noarticles .message
{
	display: block;
	font-size: 14px;	
	line-height: 17px;
	margin-top: 4px;
	border-top: solid 3px white;
}

/* -------------
	feednav		
---------------- */

#feednav a
{
	display: block;
	color: black;
	font-size: 14px;
	height: 15px;	
	margin-left: 10px;
	float:left;
	vertical-align:  middle;
}

#feednav a.rss_icon
{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	height: 14px;
	display: block;
	float: left;
}

#feednav a.rss_icon img
{
	margin-bottom: 1px;
	padding: 0px 0px 0px 3px;
	display: block;
	float: left;
}

/* ---------------------
	general styles		
------------------------ */

a:active
{
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
}

a:link
{
	text-decoration: none;	
}

a:hover
{
	text-decoration: underline;
}

br.clear
{
	clear:both;
}

img
{
	border: none;
}

a.hidden
{
	display:none;
	width:0px;
}

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

no articles message style

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

div .noarticles
{
	display: block;
	width: 477px; height: auto;
	margin: 22px 0px 0px 0px;
	padding: 25px 12px 17px 12px;
	background: url('../images/listbg_body.gif');	
	line-height: 17px;
}

div .noarticles h1
{
	margin: 4px 0px -10px 1px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #80a4c5;
	line-height: 34px;
	vertical-align: top;
}

div .noarticles_bottom
{
	width: 501px; height: 5px;
	background: url('../images/listbg_bottom.gif');
}

div .noarticles a
{
	color: #da5c2a;
	background: transparent;
}

div .noarticles .message
{
	display: block;
	font-size: 14px;	
	line-height: 17px;
	margin-top: 3px;
	border-top: solid 3px white;
}

/* -------------
	taglist		
---------------- */

ul.taglist
{
	display: block;
	padding: 22px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 17px;
}

li.tag
{
	display: block;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 31px 0px;
	min-height: 17px;		
}

li.tag ul.articlelist
{
	display: block;
	margin: -9px 0px 0px 0px;
	padding: 14px 12px 1px 12px;
}

li.tag div.articlelist_top
{
	margin: 0px 0px -18px 0px;	
}

li.tag div.articlelist_bottom
{
}

li.tag div.taginfo,
li.tag div.tagheadline
{	
	display: block;
	background-color: #FFFFFF;	
	margin: 0px 0px 0px 0px;	
	padding: 0px 4px 2px 4px;		
	width: 493px; 
}

li.tag div.taginfo h2,
li.tag div.tagheadline h2
{
	display: block;
	/*float: left;*/
	width: 474px;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 0px 11px;
	line-height: 17px;
	vertical-align: top;
	height: 34px;
	background: url('../images/contentheader.gif');	
	background-position: 1px 1px;	
	background-repeat: no-repeat;	
	background-color: #e8ecf5;	
	font-weight: bold;
	font-size: 14px;
	color: white;
}

li.tag div.tagheadline h2
{
	background-color: white;
	height: 20px;
}

li.tag div.taginfo h2 a,
li.tag div.tagheadline h2 a
{
	color: white;
}

li.tag div.taginfo p
{
	display: block;
	line-height: 17px;
	vertical-align: baseline;
	margin: 0px 0px 17px 0px;
	padding: 0px 8px 8px 11px;
	background-color: #e8ecf5;
	font-size: 14px;
	color: black;
}

li.tag div.tagheadline p
{
	color: black;
	border: solid 1px red;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 21px 0px 0px 0px;
}

/* -----------------
	tag bottom		
-------------------- */

li.tag .articlelist_bottom
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;	
}

li.tag div.tag_bottom
{
	background: white;
	padding: 0px 0px 12px 12px;
	line-height: 17px;
	vertical-align: top;
	height: 22px;
}

li.tag div.tag_bottom a
{
	display: inline-block;
	background: white;
	padding: 3px 12px 1px 12px;
	line-height: 17px;
	vertical-align: top;
	height: 22px;
	padding-left: 3px;
	display:inline;
	color: #3e848a;	
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}                 

li.tag div.tag_bottom a.img
{
	display: block;
	float: right;
	margin-right: 5px;
	padding-top: 5px;
	border:none;
	height: 10px;
	padding-left: 1px;
}

li.tag div.tag_bottom a.img img
{
	border:none;
}

/* -----------------
	teaser column	
-------------------- */

.teasercontent
{
	width: 183px;
	margin: 0px 5px 8px 5px;
	padding: 0px 5px 6px 10px;
	background: url('../images/contentheader_nav.gif');
	background-repeat: no-repeat;
	font-size: 14px;
	color: #437294;
	/*color: black;*/
	line-height: 17px;	
}

.teasercontent p
{
	margin-top: 0px;
	margin-bottom: 17px;
}

.teasercontent em
{
	font-weight: bold;
	font-style: normal;
	white-space: nowrap;
}

.teasercontent a.headline,
.teasercontent h3
{
	display:block;
	margin: 0px 0px 14px 0px;
	padding: auto 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	color: white;	
	line-height: 22px;
	height: 22px;
	vertical-align: bottom;
}

.teasercontent a
{
	color: #437294;
}

.teasercontent a.ext
{
	color: #da5c2a;	
	font-weight: bold;
}

.teasercontent a.nav,
ul.sidelinks a
{
	/*font-family: Tahoma, Arial, Helvetica;*/
	font-size: 14px;
}

.teasercontent .active
{
	/*font-family: Tahoma, Arial, Helvetica;*/
	font-size: 14px;
	font-weight: bold;	
	color:Black;
}

.teasercontent span.count
{
	font-family: Verdana, Helvetica;
	font-size: 9px;	
	color: #da5c2a;	
	vertical-align:middle;
	display: inline-block;
	padding-bottom: 0px;
}

ul.sidelinks
{	
	list-style-type: none;
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 17px;
}

ul.sidelinks li
{
	/*display: block;*/
	background: none;
	width: 180px;
	height: 21px;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px -5px 0px;	
	border: solid 0px red;
}

li:first-child
{
	color: black;
}

/* -------------
	topnav		
---------------- */

#topnav a
{
	color: black;/*#3e848a;*/
}

#topnav .prev
{
	padding: 0 0 0 5px;
	display: block;
	float: left;
	width: 160px;
	text-align: left;
}

#topnav .next
{
	padding: 0 4px 0 0;
	display: block;
	float: right;
	width: 160px;
	text-align: right;
}