@charset "UTF-8";
@media screen, projection
{
/* Breite der mittleren Spalte anpassen */
  #col3 {margin-right:330px;}

/* Rechte Spalte, Lage, Groesse */
  #col2 { display:block; width:300px; margin: 0px 10px 0 0; background-color: none; }
  #col2_content { display:block; width:300px; margin: 0px; padding: 10px 0; border: none; background-image: url(../../images/col2-bg-ob.gif); }


  #c_ocu { float: left; border: none ; }
  #c_c   { margin: 0;padding: 0 10px; background-image: url(../../images/col2-bg-li.gif); }
  #c_c_i { background-color: #FFFFFF; border: solid 2px #DF0028; }

/*-----------------------------------
    T3BLOG Extension
-------------------------------------*/

/*************************************************
	col3 - ALLES, WAS IN DER MITTE IST
*************************************************/


/* blogList Titel ueber der Liste */
.title {margin-bottom:20px;}

.single { border: 1px solid #50AC28; margin-top: 20px; margin-bottom:30px; }

/* list item */
.item {border: 1px solid #50AC28; margin-bottom:30px;}

.itemTop  {background:rgb(240,240,240); padding: 30px; }
.itemBody {background-color:white; padding: 30px; }
.itemNav  {background:rgb(240,240,240); padding: 30px;}

.itemBody h3 {margin-bottom:10px; font-weight:bold;}

/* itemTop und itemBottom Eintraege */
#col3 .categories {float:left; padding:0 20px 0 0; font-weight:bold}
#col3 .author     {float:left; padding:0 20px 0 0; text-decoration:underline;}
#col3 .date       {float:left; padding:0 20px 0 0;}
#col3 .time       {float:left; padding:0 20px 0 0;}

#col3 .blogtipafriendlink {float:left; padding:0 20px 0 0;}
#col3 .permalink         {float:left; padding:0 20px 0 0;}
#col3 .comments .comments {float:none; padding:0; margin:0;  }
#col3 .comments           {float:left; padding:0 20px 0 0;}


		div.t3blog {
			background-color: #fff;
			position: relative;
			margin-left : 126px;
			width: 900px;
			border: 5px #fff solid;
		}

		a {
			color: #277F99;
		}


		form .text {
			border-color: #000;
		}

		form .button {
			position:relative;
			margin-left: 105px;
			padding: 0 5px 0 5px;
			border-color: #000;
			background-color: #fff;
			color: #000;
		}
		.odd {
			background-color: #EFEFF4;
		}

		#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;
		}


		ul#mainNavigation {
			position: absolute;
			top: 5px;
			right: 5px;
			z-index: 2;
		}
			ul#mainNavigation li {
				float: left;
				border-right: 1px #EDEAE5 solid;
				padding: 0px 5px 2px 5px;
				height: 12px;
				position: relative;
			}

			ul#mainNavigation li a{
				color: #fff;
			}

			ul#mainNavigation li.first {

			}

			ul#mainNavigation li.last {
				border: none;
			}


			#mainContent {
				padding: 20px 10px;
			}



		.typo3-adminPanel {
			text-align: left;
		}

/*************************************************
	Content
*************************************************/

		input.text,
		textarea.text {
			border-color: #988F89;
		}


/*************************************************
	Formulare, z.B. Kommentar abgeben
*************************************************/

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

		.formElement label {
		    width: 100px !important; /* geaendert, ehemals 84px */
		    width: 120px; /* nicht geaendert */
                    height:1.3em;
		    padding: 0 5px 0 0px;
		    float: left;
                    text-align:right;
		    display:block;
		    color: #000;
		    font-weight: normal;
		    font-size: 12px;
		}

		.formElement input{
		    		border-color: #50AC28;
		}


		.formElement .requiredElement {
		    left: 26px !important;
		    left: 6px;
		    color: #000;
		}

		/* 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;
		}


/* -----------------------------------------
		Comment + Trackback
------------------------------------------*/

#commentListTitle li {
	display:inline;
	padding-top: 3px;
	padding-right: 4px;
	text-decoration: none;
	list-style-type:none;
}


.commentTopNav .author {margin: 0px 0 0 5px; text-decoration:none;}
.commentBody h5 {margin:20px 0 5px 0; }

.commentBody {padding:10px; background-color: #FFF;}

.commentFooter {padding:10px; background-color: #FFF;}
.commentComments {float:right; margin-top: 0px;}

		#commentList .commentListListing .item {
			padding: 10px 2px 15px;
/*				background:  url(../../../typo3conf/ext/t3blog/icons/comment_icon.png) no-repeat 0 50%;  */
		}

		#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: #FFF;
			width: 379px !important;
			width: 354px;
			color: #000;
			border: 1px #50AC28 solid;
			height: 25px;
			font-size: 12px;
		}

		#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;
		}


/*-----------------------------------------------------
			Single Navigation
------------------------------------------------------*/

		div#singleNavigation {
			width:100%;
			margin-top: 20px;
			position: relative;
			font-size: 9px;
			display:block;
			height:20px;
		}

		div#singleNavigation .previous {
			float:left;
			padding-top:2px;
		}

		div#singleNavigation .next {
			position: absolute;
			right: 0;
			padding-top:2px;
		}

		div#singleNavigation .previous a{
			background: url(/typo3conf/ext/t3blog/icons/nav_arrow_prev.png) no-repeat left 50%;
			padding-left: 15px;
		}

		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;
			padding-top:2px;
			padding-left: 50px;
			padding-right: 50px;

		}


/*------------------------------------------------
      BlogList, PageBrowser = Seitennummern
------------------------------------------------*/
.tx-pagebrowse { text-align: center; list-style: none inside none; padding: 0 0; margin: 0 0; width: 100%; }
.tx-pagebrowse li { display: inline; list-style: none; margin: 0 0; padding: 0 5px 0 0; }
li.tx-pagebrowse-pages { width: 80%; }
li.tx-pagebrowse-pages ol { display: inline; margin: 0 0; padding: 0 10px; }


.tx-pagebrowse li,
.pageBrowser li {
	display:inline;
	padding-top: 3px;
	padding-right: 4px;
	text-decoration: none;
	list-style-type:none;
}
.tx-pagebrowse,
.pageBrowser {
	border-bottom: 0px solid #50AC28; height:30px;
}

.tx-pagebrowse-pages,
.pageBrowser .page {
	background: none;
	text-decoration: none;
	list-style-type:none;
	font-size: 10px;
}
.tx-pagebrowse-first,
.tx-pagebrowse-last,
.tx-pagebrowse-prev,
.tx-pagebrowse-next,
.pageBrowser .previous,
.pageBrowser .next {
	background: none;
	text-decoration: none;
	list-style-type:none;
	font-size: 10px;
}


/*************************************************
	col2 - ALLES, WAS RECHTS IST
*************************************************/

#col2 .tx-t3blog-pi2 .tagCloud,
#col2 .tx-t3blog-pi2 #socialBookmarks,
#col2 .tx-t3blog-pi2 #searchBox,
#col2 .tx-t3blog-pi2 #archive,
#col2 .tx-t3blog-pi2 .rss {display:block; float:none; clear:both;}

/* fuer Ueberschrift "Searchbox" */
#col2  h1 {
	font-weight:bold;
	font-size:100%;
        color: #50AC28;
	padding: 5px 0 0 5px;
}

#col2 .tx-t3blog-pi2 h3 {
	font-weight:bold;
	font-size:100%;
        color: #50AC28;
	padding: 5px 0 0 5px;
}


/* gemeinsame Formatierung fuer alle widgets */
.tagCloud, div#latestPosts, div#categories, div#archive, div#latestComments, div#socialBookmarks, div.rss{
	padding:0 0 20px 0;
	margin: 0px;
	width: 276px;
}

#categories ul ul, #archive ul ul ul, #latestPosts ul ul, .tagcloud ul, .rss ul {
	border: none;
	margin: 0px;
	padding:5px 0 10px 10px;
}

/*************************************************
	Formatierung der einzelnen widgets
*************************************************/

/* categories */
#categories li {
        padding-left:5px;
        color: #999;
        text-decoration: none;
        list-style-type:none;
        line-height:100%;
}

#categories .level1 ul a {
        padding-left:0px;
        font-size:75%;
        color:#666;
}

#categories .level1 {margin-top:3px;}

#categories ul {
	border: none;
	margin-left: 0px;
	padding: 0px 0px;
}

#categories ul li a.iconbeforetext, #archive ul li a.toggle {
	background: none;
}

#categories .iconbeforetext {
	padding-right: 2px;
}

#categories .postnum,
#archive .postnum {
	font-size: 75%;
        color:#999;
	margin-left: 3px;
}

/* archive */
#archive  .year  {color:#006633; list-style-type:none;}
#archive li .month  {font-size:80%; list-style-type:none;}
#archive li .blogentry {list-style-type:none; font-size:85%;}
#archive li .blogentry a {color:#999;}
#archive ul {
	border: none;
	margin-left: 0px;
	padding-left:5px;
}

/* latestPosts */
#latestPosts dl {margin:0; padding:0;}
#latestPosts a {padding-left:18px; font-size: 90%; font-weight:normal;}
#latestPosts dd {
	margin:0;
	padding-left:28px;
	line-height:120%;
	font-size: 80%;
	color: #999;
}

/* tagCloud */

.tagCloud { text-align: left;}
.tag-cloud a {
	display: inline-block;
	margin: 1px 5px;
	padding:0 ;
}

.tag-cloud {
 text-align: center;
 margin: 4px 8px;

}

/* searchBox */

#searchBox {
	padding: 10px 0px 20px 20px;
	width:206px;
}

#searchBox label {display: none;}

#searchBox .text {
	width: 153px !important;
	width: 143px;
	padding: 2px 2px 0px;
	margin-right: 5px;
	border: 1px solid #BDBBAC;
	background-color: #F2F1ED;
	font-size: 10px;
}

#searchBox .button {
        width: 17px;
	height: 17px;
	border: 1px solid #BDBBAC;
	background: #F2F1ED url(/typo3conf/ext/t3blog/icons/button_arrow.gif) no-repeat 50% 50%;
	text-indent: -9999px;
	margin-left: 4px;
}


/* socialBookmarks */
#socialBookmarks {}
#socialBookmarks a {}
.bookmarks {padding:10px 5px 10px 17px;}
.bookmarks a {background:none; padding:0px;}


/* Delicious ??? */

.delicious {
	background: url(/typo3conf/ext/t3blog/icons/delicious.small.gif) no-repeat 2px;
}

p.delicious a{
	padding-left: 15px;
}


/* rss */
.rss_post  {margin-top:10px;}

div.rss_post a {
	margin-left: 10px; font-size: 9px; color: #999;
}

div.rss_comment a {
	position: relative;
	top: -12px;
	margin-left: 140px; font-size: 9px; color: #999;
}

div.rss img {
	position: relative;
	margin-left: 20px; top: 1px;
}



/* Calendar */

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

		}

		#calendar table {
			width: 185px;
			height: 145px;
			border: 1px #bdbbac solid;
			color: #34a9d5;
		}

		#calendar td,
		#calendar th {
			text-align: center;
			vertical-align: middle;
			color: #34a9d5;
		}

		#calendar td{
			width:25px;
		}

		#calendar th {
			background-color: #edeae5;
		}

		#calendar th a{
			background: none;
		}

		#calendar th.navigation a{
			padding: 0;
		}


		#calendar td {
			background-color: #f2f1ed;
			border: 1px #fff solid;
		}


		#calendar td.last {
			border-right: 1px #bdbbac solid;
		}

		#calendar td.first {
			border-left: 1px #bdbbac solid;
		}

		#calendar td.lastrow {
			border-bottom: 1px #bdbbac solid;
		}

		#calendar table td.isBlogDay a{
			display: block;
			color: #d46315;
			background: none;
			padding: 0;
		}

		#calendar table td.calendarToday {
			background: #EDEAE5;
		}




/* Angeben für col2 - daher wirkungslos */

			#col2 .item .itemTop div,
			#col2 .single .itemTop div,
			#col2 .commentTopNav div{
				float: left;
				padding: 0 5px 0 5px;
				color: #0063a6;
				font-weight: bold;

			}

			#col2 .commentTopNav div p,
			#col2 .item .itemTop div a,
			#col2 .single .itemTop div a{
				color: #0063a6;
			}

			#col2 .item .itemTop div.categories,
			#col2 .single .itemTop div.categories,
			#col2 .commentTopNav div.author{
				padding-left: 0;
				border-right: 1px #0063a6 solid;
			}

			#col2 .item .itemBody,
			#col2 .single .itemBody,
			#col2 .commentBody{
				clear: both;
			}

			#col2 .item .itemNav,
			#col2 .single .itemNav {
				margin-top: 10px;

			}

			#col2 .commentBody h5 {
				padding: 5px 0 3px 0;
				color: #0063a6;
			}

			#col2 .commentBody h5 a{
				color:  #0063a6;
			}

			#col2 .item .itemNav span,
			#col2 .single .itemNav span{
				float: left;
				color: #a4a59f;
				padding: 0 5px;
				border-left: 1px #a4a59f solid;
			}

			#col2 .item .itemNav span.author,
			#col2 .single .itemNav span.author{
				padding: 0 5px 0 0;
				border-left: none;
			}

			#col2 div.author span.author{
				display:block;
			}

			#col2 .item .itemNav span.comments a,
			#col2 .single .itemNav span.comments a{
				color: #a4a59f;
				display: block;
				padding-left: 15px;
				background:  url(/typo3conf/ext/t3blog/icons/comment_icon.png) no-repeat 0 50%;
				font-weight: bold;
			}

			#col2 #commentList,
			#col #trackbackList {
				margin-top: 33px;
			}

			#col2 .commentListListing,
			#col2 .trackbackListListing {
				width: 478px;
				padding: 20px 0 0 0;
			}

			#col2 .commentListListing div.item,
			#col2 .trackbackListListing div.item {
				padding: 10px;
			}

			#col2 #commentListTitle,
			#col2 #trackbackListTitle	{
				color: #0065a5;
				height: 13px;
				width: 478px;
				border-bottom: 1px #0065a5 dotted;

			}

			#col2 #commentListTitle	li.middle,
			#col2 #trackbackListTitle li.middle{
				border-top: 1px #0065a5 dotted;
				background: #fff;
				margin-left: 1px;
				color: #0065a5;
				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(/typo3conf/ext/t3blog/icons/tab-open.png) no-repeat ;
			}

			#col2 #commentListTitle	li.end,
			#col2 #trackbackListTitle li.end{
				background: url(/typo3conf/ext/t3blog/icons/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;
			}

/* col2 Ende -------------------------------------------------------------------- */

} /* letzte schliessende Klammer */