/* default styles for extension "tx_t3blog_pi1" */

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

#box {
	text-align: left;
}

#logo {
	display: none;
}


.htmlarea-content-body {
  text-align: left;
  padding: 10px;
  background: none;
}


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 {
  padding: 0 5px 0 5px;
  border-color: #000;
  background-color: #fff;
  color: #000;
}

.odd {
  background-color: #c7def2;
}

#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: 300px;
  background: #edeae5 url(/typo3conf/ext/t3blog/static/t3blog/styling/blog_header1.png) no-repeat 0 0;
  color: white;
}

#header_bottom {
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 900px;
  background: #0164a7 url(/typo3conf/ext/t3blog/static/t3blog/styling/header_bottom.png) repeat-x 0 0;
}


#searchBox {
  margin: 10px 2px;
}

#searchBox label {
  display: none;
}

#searchBox .text {
  width: 146px;
  padding: 2px 2px 0px;
  margin-right: 5px;
  border: 1px solid #000000;
  background-color: #ffffff;
  font-size: 10px;
}

#searchBox .button {
  width: 17px;
  height: 17px;
  border: 1px solid #000000;
  /*  background: #ffffff url('default_02_FILES/button_arrow.gif') no-repeat 50% 50%;  */
  background-image: none;
  line-height: 10px;
  padding: 0px;
  text-align: center;
  text-indent: 0px;
  margin-left: 4px;
}

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


#col1 {
  position: relative;
  float: left;
  clear: both;
  width: 130px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

#col2 {
  background-image: url(default_02_FILES/vordenker_top.png);
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  height: auto !important;
  height: 400px;
  width: 478px !important;
}

#col2 div.title {
  margin: 20px 0;
}

#col2 h3 {
  padding: 6px 0;
}


#col2 h3 a  {
  color: #0063a6;
  font-size: 14px;
  font-weight: bold;
}

#col2 a {
  color: #005091;

}

#col2 .item {
  width: 475px;
  clear:both;
  border-bottom: 1px #4e7ed0 dotted;
  padding: 5px 2px 32px 2px;
}

#col2 .single {
  width: 475px;
  clear:both;
  border-bottom: 1px #4e7ed0 dotted;
  padding: 15px 2px 32px 2px;
}

#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: #005091;
  padding: 0 5px;
  border-left: 1px #005091 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: #005091;
  display: block;
  padding-left: 15px;
  background:  url('default_02_FILES/icon_comment.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: 100px;
  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;
}

#mainContent {
  padding: 20px 10px;
}

#col3 {
  background-color: #C7DEF2;
  border-bottom: 1px dotted #ffffff;
  color: grey;
  float: left;
  font-size: 10px;
  width:182px;
}

#col3 a {
  background: url(/typo3conf/ext/t3blog/icons/link_arrow.png) no-repeat 100% 50%;
  padding: 2px 13px 2px 2px;
  color: #a5a6a0;
  font-size: 10px;
}

#col3 h3, #col3 h3 a  {
  color: #005091;
  float:left;
  font-size: 11px;
  line-height: 14px;
  padding: 0;
  margin-top: 10px;
  width: 178px;
}

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


  .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: #74c0e2;
  }

  #categories ul, #archive ul, #tagCloud div {
    width: 178px;
    float:left;
    border: none;
    margin:0px 0px 0px 6px;
    padding: 0px;
  }

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

  #categories ul li, #archive ul li {
    margin: 0px;
  }

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


/* ----------------------------
		Calendar
------------------------------*/
		#calendar {
			font-size: 9px;
			height: 140px;
			margin: 5px 2px 5px 2px;
			width: 178px;
		}

		#calendar table {
			width: 178px;
			height: 145px;
			border: 1px #ffffff solid;
			color: #e5f0fc;
      margin: 0px;
		}

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

		#calendar td  {
			background-color: #e5f0fc;
			border: 1px #ffffff solid;
			color: #A5A6A0;
      padding: 0px;
			width:23px;
		}

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

		#calendar th a  {
			background: none;
		}

		#calendar th.navigation a  {
      color: #005091;
      display: block;
			padding: 0;
		}


		#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: #005091;
			background: none;
      font-size: 11px;
			padding: 0;
		}

		#calendar table td.isBlogDay.selectedBlogDay a  {
			display: block;
      color: #ffffff;
    }

		#calendar table td.calendarToday {
			background: #005091;
      color: #e5f0fc;
		}

    div#latestPosts, div#categories, div#latestComments, div#archive,
    div.rss, div#tagCloud, div#socialBookmarks {
      background-color: #ffffff;
      float: left;
      margin: 0px 2px 0px 2px;
      padding: 2px;
      width: 174px;
    }

    dl.latestPostList, dl.latestCommentsList {
      float:left;
      width: 170px;
      margin-left:3px;
    }

    dl.latestPostList dt, dl.latestCommentsList dt  {
      clear:both;
    }

    dl.latestPostList dt a, dl.latestCommentsList dt a  {
      padding-left: 0px;
    }

    dl.latestPostList dd, dl.latestCommentsList dd  {
      clear:both;
      padding: 0px 0px 2px 2px;
      font-size: px;
    }


/* ----------------------------
		Comment + Trackback
------------------------------*/
  h4 {
    font-size: 16px;
    margin:10px 0;
  }

  #commentList .commentListListing .item {
    width: 458px;
    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; */
    color: #1F659F;
    /*  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; */
    margin-top: 0px;
    position: relative;
  }

  div#singleNavigation .previous {
    float:left;
    padding-right:20px;
    width: 138px;
  }

  div#singleNavigation .next {
    padding-left:20px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 138px;
  }

  div#singleNavigation .previous a  {
    background: url('default_02_FILES/icon_arrow_prev.png') no-repeat left 50%;
  }

  div#singleNavigation .next a  {
    background: url('default_02_FILES/icon_arrow_next.png') no-repeat right 50%;
  }

  div#singleNavigation .backtolist {
    float: left;
    /*  margin-left: 30px;  */
    /*  margin-right: 30px; */
    text-align: center;
    width: 159px;

  }


/*-----------------------------------
		           BlogList
-------------------------------------*/
  div.blogList > p,
  div#singleNavigation > p  {
    border-bottom: 1px dotted #4E7ED0;
    color: #004F91;
    font-size: 16px;
    font-weight: bold;
    height: 90px;
    margin: 0px 0px 10px 0px;
    padding-right: 175px;
  }

  .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: static;
    top: 60px;
    height: 5px;
    width: 280px;
    left: 600px;
    color: #0063A6;
    text-align:center;
  }
  #tagCloud {
    position: static;
    height: auto;
    overflow:hidden;
  }
  #tagCloud .tag-cloud  {
    background-color: #e5f0fc;
    border-bottom: 1px solid #bbbdac;
    border-top: 1px solid #bbbdac;
    margin: 0px 4px 0px 0px;
    width: 174px;
  }
  #tagCloud .tag-cloud li {
    background: none;
    float: left;
    line-height: 20px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-top: 3px;
    padding-left: 4px;
  }
  #tagCloud .tag-cloud li a, #tagCloud .tag-cloud a {
    background: none;
    padding-right: 2px;
  }