@charset "utf-8";
/* CSS Document */

* {

	background-repeat: no-repeat;
}


body {
	background: #edeae1;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:focus{
	outline:none;
}

caption {
	display: none;
}

table {
	border-collapse: collapse;
}

th {
	text-align: left;
	vertical-align: top;
}

td {
	vertical-align: top;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

.clearNone {
	clear: none;
}
.displayInline {
	display: inline;
}
.displayNone {
	display: none;
	position: absolute;
	left: -9999px;
}
.hidden {
	display: none;
	position: absolute;
	left: -9999px;
}
.error {
	color: red;
}

.time {

display:none;
}



#col2 .date {
float:left;
background: #fff url(/typo3conf/ext/t3blog/static/images/date-bg.jpg) no-repeat 0 0;
width:125px;
height:31px;
margin-left:-45px;
color:#fff;
font-weight:normal;
text-align:right;
padding-right:8px;
padding-top:3px;
margin-right:5px;

}
.itemTop .categories{
margin-top:4px;
}


#box {
	text-align: left;
}

#logo {
	display: none;
}

		 
		* {
		
			font-size: 13px;
			font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
			line-height: 1.5em;
		}
		html, body {
			
		
		}
		
		.htmlarea-content-body {
			text-align: left;
			padding: 10px;	
			background: none;
		}
		
		


		div.t3blog {
			background-color: #fff;
			position: relative;
			margin-left : 126px;
			width: 950px;
			border: 5px #fff solid;
			top:25px;
		}
		
		a {
			color: #277F99;
		}


		form .text {
			border-color: #000;
		}
		
		form .button {
			padding: 0 5px 0 5px;
			border-color: #000;
			background-color: #fff;
			color: #000;
		}
		.odd {
			background-color: #FAFAFA;
		}
			
		#title {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			text-indent: -9999px;
		}
		
			#title a {
				display: block;
				width: 428px;
				height: 176px;
				text-indent: -9999px;
			}
			
		#subtitle {
			position: absolute;
			top: 7px;
			right: 3px;
			width: 182px;
			height: 5px;
			text-indent: -9999px;
		}
				
		#header {
			position: relative;
			height: 250px;
			background: #fff url(/typo3conf/ext/t3blog/static/images/headerbwk.jpg) no-repeat 0 0;
			color: white;
		}
		
		#header_bottom {
			display: none;
			position: absolute;
			bottom: 0;
			height: 20px;
			width: 900px;
			background: #fff url(/typo3conf/ext/t3blog/static/t3blog/styling/header_bottom.png) repeat-x 0 0;
		}
		
					
		#searchBox {
			margin: 20px 0px;
		}
		
			#searchBox label {	
				display: none;
			}
		
			#searchBox .text {
				width: 210px !important;
				
				padding: 2px 2px 0px;
				margin-right: 5px;
				border: 1px solid #e0ddd5;
				background-color: #edeae1;
				font-size: 11px;
				color:#a2a09b;
				text-align:right
			}
			
			#searchBox .button {
				/*position: absolute;
				top: 0px !important;
				left: 125px;*/
				z-index: 1;

				border: 1px solid #CCCCCC;
				background: #FAFAFA url(/typo3conf/ext/t3blog/icons/button_arrow.gif) no-repeat 50% 50%;
				text-indent: -9999px;
				margin-left: 0px;
				border:0;
				width:20px;
			}	
		ul#mainNavigation {
			
			top: 5px;
			right: 5px;
			z-index: 2;
			
		}
			ul#mainNavigation li {
				float: left;
				
				padding: 0px 5px 2px 5px;
				height: 12px;
				width:398px;
				height:47px;
				
				margin-left:110px;
				margin-top:200px;
				
				
			}
			
			ul#mainNavigation li a{
				color:#FFFFFF;
				font-size:14px;
				line-height:42px;
				padding-left:45px;
				padding-top:20px;
			}
		
			ul#mainNavigation li.first {
		
			}
		
			ul#mainNavigation li.last {
			float:left;
				
				background: url(/typo3conf/ext/t3blog//static/images/tip.jpg) no-repeat ;
			}

		
		#col1 {
		
			position: relative;
			float: right;
			text-align:center;
			clear: both;
			width: 130px;
			min-height: 400px;
			height: auto !important;
			height: 400px;
			margin-right:-148px;
			margin-top:-255px;
			
			
		}
		
		#col1 img {
		border:1px solid #d8d8d8;
		float:left;
		
		}
		
		#col2 {
			position: relative;
			float: left;
			height: auto !important;
		    color: #9a797f;
			
			
			width: 650px !important;
		
			
		}
			#col2 div.title {
				margin: 20px 0;	
			}
			
			#col2 h3 {
				padding: 6px 0;
				
			}
			
		
			#col2 h3 a{
				color: #a92a40;
				font-size:125%;
				font-weight:normal;
				
			}
			
			#col2 a {
				color: #E57A3C;
				
			}
		
			#col2 .item, #col2 .single {
				width: 610px;				
				padding: 25px 40px 32px 30px;
			
			}
			#col2 .itemNav{
			border-bottom: 1px #d9d6cc solid;
			padding-bottom:15px;
			}
			
			#col2 .single {

			}
			
			#col2 .item .itemTop div,
			#col2 .single .itemTop div,
			#col2 .commentTopNav div{
				float: left;
				
				
				
				
			}
			
			#col2 .commentTopNav div p,
			#col2 .item .itemTop div a,
			#col2 .single .itemTop div a{
				color: #990000;
			}
			
			#col2 .item .itemTop div.categories,
			#col2 .single .itemTop div.categories,
			#col2 .commentTopNav div.author{
				
				border-right: 0px #990000 solid;
			}
			
			#col2 .item .itemBody,
			#col2 .single .itemBody,
			#col2 .commentBody{
				clear: both;
				color:#000;
			
			}
			
			#col2 .item .itemNav,
			#col2 .single .itemNav {
				margin-top: 10px;
				
			}
			
			#col2 .commentBody h5 {
				padding: 5px 0 3px 0;
				color: #990000;
			}
			
			#col2 .commentBody h5 a{
				color:  #990000;
			}
			
			#col2 .item .itemNav span,
			#col2 .single .itemNav span{
				
				color: #a4a59f;
				padding: 0 5px;
				
			}
			
			#col2 .item .itemNav span.author,
			#col2 .single .itemNav span.author{
				padding: 0 5px 0 0;
				border-left: none;
				
			}
			
			#col2 div.author span.author{
				
			}
			
			#col2 .item .itemNav span.comments a,
			#col2 .single .itemNav span.comments a{
				color: #fff;
				background-color:#cac8c1;
				
				padding-left: 15px;			  
				font-weight: normal;	
				padding-right:10px;			
				
				height:25px;
				float:right; margin-left:0px; 
				
				
			}
			#col2 .item .itemNav span.permalink,#col2 .single .itemNav span.permalink{  border-left:1px solid #A4A59F;}
			#col2 .item .itemNav span.authoremail,#col2 .single .itemNav span.authoremail{  border-right:1px solid #A4A59F;border-left:1px solid #A4A59F;
			}
			#col2 .item .itemNav span.views{  border-left:1px solid #A4A59F;}
			#col2 .item .itemNav span.author{   padding-left:5px;font-size:11px;color:#9A797F}
			#col2 .avatar span.author {font-size:11px;color:#9A797F} 
			#col2 .item .itemNav span.comments{ float:right; margin-left:0px; }
			#col2 .single .itemNav img {display:none}
			#col2 .single .itemNav span.trackback{border-left:1px solid #A4A59F;}
			
			#col2 #commentList,
			#col #trackbackList {
				margin-top: 33px;
			}
			
			#col2 .commentListListing,
			#col2 .trackbackListListing {
				width: 565px;
				padding: 20px 0 0 30px;
			}
			
			#col2 .commentListListing div.item,
			#col2 .trackbackListListing div.item {
				padding: 10px;
				width:565px;
				background-color:#fff;
							}
			
			#col2 #commentListTitle,
			#col2 #trackbackListTitle	{
				color: #990000;
				height: 13px;
				width: 565px;
				border-bottom: 1px #990000 dotted;
				
			}
			
			#col2 #commentListTitle	li.middle, 
			#col2 #trackbackListTitle li.middle{
				border-top: 1px #990000 dotted;
				background: #fff;
				margin-left: 1px;
				color: #990000;
				font-size: 15px;
				font-weight: bold;
				z-index: 100;
				position: relative;
				top: 0 !important;
				top: 7px;
			}
			
			#col2 #commentListTitle	li.start,
			#col2 #trackbackListTitle li.start{
				position: relative;	
				top: 0 !important;	
				top: 7px;
				width: 7px;
				margin-left: 20px;
				margin-bottom: 0 !important;
				padding: 0;
				background: url(/fileadmin/styles/kloeckner/t3blog/tab-open.png) no-repeat ;
			}
			
			#col2 #commentListTitle	li.end,
			#col2 #trackbackListTitle li.end{
				background: url(/fileadmin/styles/kloeckner/t3blog/tab-close.png) no-repeat;
				width: 7px;
				margin-left: 1px;
				position: relative;
				top: 0 !important;
				top: 7px;
			}
			
			#col2 #commentListTitle	li,
			#col2 #trackbackListTitle li{
				float: left;
			}
			
			
			#col2 .editComment a{
				margin: -7px 0;
				background-color:#EDEAE5;
				border: 1px solid #A5A49F;
				color: #A5A49F;
				font-size: 13px;
				float: right;
				
			}
			
			
			#col2 .commentFooter {
				padding: 3px 0 0 0;
				color: #a4a59f;
			}
			
			#col2 .t3blog_img {
				border: 1px #d6d6d6 solid;
				padding: 5px;
				margin-top: 18px;
			}
		
			#mainContent {
				padding: 20px 10px;
			}
		
		#col3 {
			position: relative;
			float: right;
			width: 250px !important;
			width: 195px;
			color: gray;
			font-size: 9px;
			font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
			margin-top:-250px;
			color:#828080;
			margin-right:20px;
		}
		
			#col3 a {
				background: url(/typo3conf/ext/t3blog/icons/link_arrow.png) no-repeat 100% 50%;
				padding: 2px 13px 2px 2px;
				color: #ae9499;
				font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;;
				font-size: 13px;
			}
			
			#col3 h3, #col3 h3 a  {
				color: #a92a40;
				font-size: 17px;
				font-weight:normal;
				border-bottom:1px solid #edeae1;
				border-top:1px solid #edeae1;
				font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
			}

		#footer {
			position: relative;
			border-top: 1px #000 dotted;
		}
		
		.typo3-adminPanel {
			text-align: left;
		}
		
		/*************************************************
			Today date top right
		*************************************************/
		
		#today
		{
		text-align:right;
		border-bottom:1px solid #d8d5cd;
		font-size:18px;
		color:#9a797f;
		padding:10px 0px 5px 0;
		}
		
		/*************************************************
			Content
		*************************************************/
				
		input.text,
		textarea.text {
			border-color: #988F89;
		}

		
		/* FormElements */
		.formElement {
		    padding: 5px 0;
		}

		.formElement label {
		    width: 84px !important;
		    width: 120px;
		    padding: 0 0 0 13px;
		    float: left;
		    display:block;
		    color: #A5A6A0;
		    font-weight: bold;
		}
	
	
		.formElement .requiredElement {
		    left: 26px !important;
		    left: 6px;
		    color: #fc0007;
		}
	
		/* Form defaultInputs */
		.inputText input,
		.textarea textarea,
		.textElement input,
		.textElement textarea {
		    width: 284px !important;
		    width: 288px;
		}
	
		.textElement select,
		.select select {
		    width: 288px;
		}
	
		.formElement .left,
		#mainContent .formElement .left {
			width: 124px !important;
			width: 130px;
			padding: 0 0 0 13px;
			font-weight: normal;
		}
	
	
		.formElement .right {
			width: 284px;
		}
		
		
		h3 {
			line-height: 17px;
			padding: 4px 2px;
			color: #990000;
		}
		
		div#latestPosts, div#categories, div#archive, div#latestComments, div#socialBookmarks, div.rss{
			padding: 2px;
			
			margin-bottom: 10px;
			width: 250px;
			
		}
		
		
		#categories ul, #archive ul {
			border: none;
			margin-left: 0px;
			padding: 4px 2px;
		}
		
		
		#categories ul li a.iconbeforetext, #archive ul li a.toggle {
			background: none;
		}
		
		.delicious {
			background: url(/typo3conf/ext/t3blog/icons/delicious.small.gif) no-repeat 2px;
		}
		
		p.delicious a{
			padding-left: 15px;
		}
		
		div#socialBookmarks .bookmarks a {
			background: none;
			padding: 2px;
		
		}
		
		#categories .iconbeforetext	{
			padding-right: 2px;
		}
		
		#archive .postnum,
		#categories .postnum {
			font-size: 9px;
			margin-left: 3px;
		}
		
		#archive .year { font-size:16px;}

		
		
/* ----------------------------
		Calendar 
------------------------------*/

		#calendar {
			/*width: 180px;*/
			height: 150px;
			margin: 5px;
			font-size: 9px;

		
		}
		
		#calendar table {
			width: 250px;
			height: 145px;
			border: 1px #edeae1 solid;
			color: #000000;
			padding-left:10px;
			padding-right:10px;
		}
		
		#calendar td, 
		#calendar th {
			text-align: center;
			vertical-align: middle;
			color: #000000;
			font-size:13px;
			font-weight:normal;
			
		}
		
		#calendar td{
			width:25px;
		}
		
		#calendar th {
			background-color: #fff;
			color:#a92a40;
			font-weight:normal;
			padding-left:10px;
			padding-right:10px;
		}
		
		#calendar th a{
			background: none;
		}
		
		#calendar th.navigation a{
			padding: 0;
		}
		
		
		#calendar td {
			background-color: #fff;
			border: 1px #fff solid;
			font-size:10px;
			font-weight:normal;
			color:#969696;
			
		}
		
		
		#calendar td.last {
			border-right: 1px #edeae1 solid;
		}
		
		#calendar td.first {
			border-left: 1px #edeae1 solid;
		}
		
		#calendar td.lastrow {
			border-bottom: 1px #edeae1 solid;
		}
		
 		#calendar table td.isBlogDay a{
			display: block;	
			color: #A92A40;
			background: none;
			padding: 0;
			font-size:11px;
		}
		
		#calendar table td.calendarToday {
			background: #edeae1;
			color: #990000;
		}
		
/* ----------------------------
		Comment + Trackback
------------------------------*/
		
		h4 {
			font-size: 16px;
			margin:10px 0;
		}
		
		#commentList .commentListListing .item {
			padding: 10px 2px 15px;
		}
		
		#commentForm {
			position: absolute;
			top: 200px;
			left:300px;
			width: 400px !important;
			width: 400px;
			border: 1px solid #CCCCCC;
			background-color: #fff;
		}
		
		
		.blogCommentMessage {
			margin: 10px 0;
			color: #FF0000;
			text-decoration:underline;	
			font-size:16px;
		}
		
		.commentError {
			padding: 5px 13px;
			background: #FFDDCC none repeat scroll 0%;
		}
		
		.commentError li {
			list-style-type: square;
			margin-left: 13px;
		}
		h6.commentError {
			background: #FF0000 none repeat scroll 0%;
			color: #FFFFFF;	
		}
		.commentFormStyle h3,
		.commentFormStyle .closebutton {
			background-color: #f2f1ed;
		}
		
		.commentFormStyle h3 {
			padding-left: 20px;
		}
		
		#commentFormNonAjax textarea,
		#commentFormNonAjax input,
		#commentForm textarea,
		#commentForm input {
			background-color: #FAFAFA;
			width: 379px !important;
			width: 354px;
			color: #777777;
			border: 1px #CCCCCC solid;
			height: 25px;
			font-size: 13px;
			
		}
		
		#commentFormNonAjax textarea {
			height: 140px;
		}
		
		
		#commentFormNonAjax{
			width: 478px; 
			border-width: 1px 0;
			margin-top: 20px;
			margin-left:40px;
		}
		#col2 p { margin-left:10px;}
		#commentFormNonAjax .closebutton {
			display: none;
		}
		
		#commentFormNonAjax input.button {
			margin-right: 0 !important;
			margin-right: 0px ;
			width: 80px !important;
		}
		
		
		#commentForm .closebutton {
			position: relative;
			left: 370px;
			top: -20px;
			width: 12px;
			height: 12px;
		}
		
		#commentForm .closebutton img{
			margin: 1px 0 0 1px;
		
		}
		
		#archive a.toggle {
			background: none;
			padding-right: 2px;
		}
		
/*-----------------------------------------------------
			t3blog RSS
-----------------------------------------------------*/
		
		div.rss_post a {
			margin-left: 2px;
		}
		
		div.rss_comment  {
			position: relative;
			top: -15px;
			margin-left: 90px;
			float:right
		}
		
		div.rss img {
			position: relative;
			top: 1px;
		}
		
/*-----------------------------------------------------
			Single Navigation
------------------------------------------------------*/
		
		div#singleNavigation {
			width: 475px;
			margin-top: 20px;
			position: relative;
		}
		
		div#singleNavigation .previous {
			float:left;
		}
		
		div#singleNavigation .next {
			position: absolute;
			right: -165px;;
		}
		
		div#singleNavigation .previous a{
			background: url(/typo3conf/ext/t3blog/icons/nav_arrow_prev.png) no-repeat left 50%;
			padding-left: 15px;
			margin-left:35px;
					}
		
		div#singleNavigation .next a{
			background: url(/typo3conf/ext/t3blog/icons/nav_arrow_next.png) no-repeat right 50%;
			padding-right: 15px;
		}
		div#singleNavigation .backtolist {
			float: left;
			margin-left: 30px;
			margin-right: 30px;
		
		}
		
		
/*-----------------------------------
		           BlogList
-------------------------------------*/
		.t3blog .pageBrowser li {
			float: left;
			padding-top: 3px;
			padding-right: 4px;
		}


/*-----------------------------------
		           Tag Clouds
-------------------------------------*/
		h3 titleTag {
			margin-top: 10px;
			line-height: 17px;
			padding: 4px 2px;
			color: #74c0e2;		
		}
		
		.tagCloud-title{
			position: absolute;
			top: 40px;
			height: 5px;
			width: 280px;
			left: 600px;
			color: #0063A6;
			text-align:center;
		}
		.tagCloud {
			position: absolute;
			top: 60px;
			height: 195px;
			width: 280px;
			left: 600px;
			overflow:auto;
			display:none
		}
		.tagCloud .tag-cloud li {
			float: left;
			margin-right: 6px;
			margin-top: 3px;
		}
	#currency a{
	background:none;
	color:#7a7a7a;
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;

}

#currency{
float:left
}

#currency td
{
background-color:#fff;
height:16px;
}



#col3 dd
{
float:right;}

#crew{
margin-top:10px;
border-bottom:1px solid #d8d5cd;
padding-bottom:10px;

}

#crew a {
background:none;
margin:0 auto;
padding-right:0px;
}

#crew td{

font-size:10px;
color:#9a797f;
text-align:right;
padding-right:5px;
}

.avatar{
width:60px;
float:left;
margin-bottom:-2px;
margin-top:6px;

margin-right:2px;

}

.single .avatar{
margin-left:10px;
}

#commentList .date
{
background-image:none;
background:none;
width:50px;
text-align:left;
color:#A92A40;
padding-left:5px;

}
#commentList .author{
font-size:14px;
text-align:left;
padding-left:5px;
}
#archive_  a{
background-image:none;}
#archive_ .blogentry{

color:#AE9499;
font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;
font-size:13px;
padding:2px 13px 2px 2px;

}


.latestPostList .date{
	float:right
}

.latestCommentsList .date{
float:right
}

.viewsList dt{
float:left
}

#col2 .title p {
padding-left:20px;
}

.rss_post a{

font-size:11px;
}
.rss_comment a{

font-size:11px;
}
#footer_copyright{
 background-color:#a92a40;
 color:#fff;
 font-size:11px;
 padding:5px;
 text-transform:uppercase;


}



#header_copyright{


background:none repeat scroll 0 0 #F6FBA5;
color:#000000;
font-size:11px;
margin-bottom:23px;
padding-bottom:6px;
padding-left:30px;
padding-top:6px;
width:630px;



}


.copy{
margin-top:-10px;
margin-bottom:-10px;
font-size:11px;
color:#000;
padding:5px;
background:#F6FBA5;


}
.month{
margin-left:15px;
}

#div_RT0005WYH {
float:left;
position:inherit;
width:250px;
margin-top:20px;
}
#div_RT0005WYH .kop td{

font-size:16px;
color:#a11d3a;
width:250px;



}

#div_RT0005WYH a{
font-size:10px;
background-image:none;
}

#div_RT0005WYH .kop{
width:250px;
border-top:1px solid #edeae1;
border-bottom:1px solid #edeae1;
}

#currency{
width:250px;
}
#linc{
float:left;
position:inherit;
}
#linc a{
font-size:10px;
background-image:none;
display:block
}

 h6 {font-size:1px;}