* {
margin: 0;
padding: 0;
background-repeat: no-repeat;
}

img {
border: 0;
}



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;
}

#box {
text-align: left;
}


.htmlarea-content-body {
text-align: left;
padding: 10px;	
background: none;
}


form .text {
border-color: #000;
}

form .button {
padding: 0 5px 0 5px;
border-color: #000;
background-color: #fff;
color: #000;
}


.odd {
background-color: #EFEFF4;
}


#mainContent div.title {
margin: 20px 0;	
}

#mainContent .item {
	width: 480px;
}

#mainContent .single {
width: 480px;
}

#mainContent .item .itemTop div,
#mainContent .single .itemTop div,
#mainContent .commentTopNav div{
	float: left;
	padding: 0 5px 0 5px;
}

#mainContent .commentTopNav div p,
#mainContent .item .itemTop div a,
#mainContent .single .itemTop div a{
	color: #0099cc;
}

#mainContent .item .itemTop div.categories,
#mainContent .single .itemTop div.categories,
#mainContent .commentTopNav div.author{
padding-left: 0;
border-right: 1px #0063a6 solid;
}

#mainContent .item .itemBody,
#mainContent .single .itemBody,
#mainContent .commentBody{
clear: both;
}

#mainContent .item .itemNav,
#mainContent .single .itemNav {
	margin-top: 5px;
	margin-bottom: 30px;
	border-bottom: 1px #a4a59f dotted;
}

#mainContent .commentBody h5 {
padding: 5px 0 3px 0;
color: #0063a6;
}

#mainContent .commentBody h5 a{
color:  #0063a6;
}

#mainContent .item .itemNav span,
#mainContent .single .itemNav span{
	float: left;
	color: #a4a59f;
	padding: 0 5px;
	border-left: 1px #a4a59f dotted;
}

#mainContent .item .itemNav span.author,
#mainContent .single .itemNav span.author{
padding: 0 5px 0 0;
border-left: none;
}

#mainContent div.author span.author{
display:block;
}

#mainContent .item .itemNav span.comments a,
#mainContent .single .itemNav span.comments a{
color: #a4a59f;
display: block;
padding-left: 15px;
background:  url(../images/blog/comment_icon.png) no-repeat 0 50%;
}

#mainContent #commentList,
#mainContent #trackbackList {
margin-top: 33px;
}

#mainContent .commentListListing,
#mainContent .trackbackListListing {
width: 478px;
padding: 20px 0 0 0;
}

#mainContent .commentListListing div.item,
#mainContent .trackbackListListing div.item {
padding: 10px;
}

#mainContent #commentListTitle,
#mainContent #trackbackListTitle	{
color: #0065a5;
height: 13px;
width: 478px;
border-bottom: 1px #0065a5 dotted;

}

#mainContent #commentListTitle	li.middle, 
#mainContent #trackbackListTitle li.middle{
border-top: 1px #0065a5 dotted;
background: #fff;
margin-left: 1px;
color: #0065a5;
font-size: 15px;
font-weight: bold;
z-index: 100px;
position: relative;
top: 0 !important;
top: 7px;
}

#mainContent #commentListTitle	li.start,
#mainContent #trackbackListTitle li.start{
position: relative;	
top: 0 !important;	
top: 7px;
width: 7px;
margin-left: 20px;
margin-bottom: 0 !important;
padding: 0;
background: url(../images/blog/tab-open.png) no-repeat ;
}

#mainContent #commentListTitle	li.end,
#mainContent #trackbackListTitle li.end{
background: url(../images/blog/tab-close.png) no-repeat;
width: 7px;
margin-left: 1px;
position: relative;
top: 0 !important;
top: 7px;
}

#mainContent #commentListTitle	li,
#mainContent #trackbackListTitle li{
float: left;
}


#mainContent .editComment a{
margin: -7px 0;
background-color:#EDEAE5;
border: 1px solid #A5A49F;
color: #A5A49F;
font-size: 13px;
float: right;

}


#mainContent .commentFooter {
padding: 3px 0 0 0;
color: #a4a59f;
}

#mainContent .t3blog_img {
border: 1px #d6d6d6 solid;
padding: 5px;
margin-top: 18px;
}

#archive a, #latestPosts a, #categories a {
	background: url(../images/blog/link_arrow.png) no-repeat 100% 50%;
	padding: 2px 13px 2px 2px;
	font-size: 12px;
}

#sidebar h3, #sidebar h3 a  {
font-size: 12px;
}

#footer {
position: relative;

border-top: 1px #000 dotted;
}

.typo3-adminPanel {
text-align: left;
}

/*************************************************
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;
}

div#latestPosts, div#categories, div#archive, div#latestComments, div#socialBookmarks, div.rss{
	padding: 2px;
	margin-bottom: 10px;
	width: 290px;
}


#categories ul, #archive ul {
border: none;
margin-left: 10px;
padding: 4px 2px;
}


#categories ul li a.iconbeforetext, #archive ul li a.toggle {
background: none;
}

.delicious {
background: url(../images/blog/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;
}



/* ----------------------------
Calendar 
------------------------------*/

#calendar {
	font-size: 11px;
	border: 1px solid #b5c9d5;
	background-image: url(../images/ecke.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 15px;
	width: 260px;
	margin-top: 20px;
}

#calendar table {
	width: 260px;
	height: 145px;
	color: #FFFFFF;
}

#calendar td, 
#calendar th {
text-align: center;
vertical-align: middle;
color: #0099CC;
}

#calendar td{
width:25px;
}

#calendar th {
}

#calendar th a{
background: none;
}

#calendar th.navigation a{
padding: 0;
}


#calendar td {
border: 1px #fff solid;
}


#calendar td.last {
}

#calendar td.first {
}

#calendar td.lastrow {
}

#calendar table td.isBlogDay a{
	display: block;
	color: #0099cc;
	font-weight:bold;
	background: none;
	padding: 0;
}

#calendar table td.calendarToday {
	background: #DDDDDD;
}

/* ----------------------------
Comment + Trackback
------------------------------*/


#commentList .commentListListing .item {
padding: 10px 2px 15px;
}

#commentForm {
position: absolute;
top: 200px;
left:300px;
width: 400px !important;
width: 400px;
border: 1px solid #bdbbac;
background-color: #fff;
}


.blogCommentMessage {
margin: 10px 0;
color: #99CB34;	
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: #D46315 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: #edeae5;
width: 379px !important;
width: 354px;
color: #a5a49f;
border: 1px #a5a49f solid;
height: 25px;
font-size: 13px;
}

#commentFormNonAjax textarea {
height: 140px;
}

#commentFormNonAjax	{
width: 478px; 
border-width: 1px 0;
margin-top: 20px;
}

#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;
}

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: 0;
}

div#singleNavigation .previous a{
background: url(../images/blog/nav_arrow_prev.png) no-repeat left 50%;
padding-left: 15px;
}

div#singleNavigation .next a{
background: url(../images/blog/nav_arrow_next.png) no-repeat right 50%;
padding-right: 15px;
}
div#singleNavigation .backtolist {
float: left;
margin-left: 30px;
margin-right: 30px;

}


/*-----------------------------------
BlogList
-------------------------------------*/
.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 DIV {
	padding:5px 5px 10px 0px;
	float:left;
}