/*Theme Name: WordPress Default - www.bocqbox.de for www.salz-berlin.de
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php*/

/*
violet #7C3BB6
gr�n #5F7703
*/

/* --------------boxen---------------- */
body {
	margin:0;
	padding:0;
	font-size: 12px; 
  	font-family: Arial, Helvetica, sans-serif;
	background: url(images/htgd_body.png) no-repeat top center #EBECE7;
	color: #6C6C6C;
	text-align: center;
	}
#header {
	margin:22px auto 0 auto;
	padding: 0;
	width:950px;
	}
#headerimg 	{display:none}

#page {
	margin:0 auto 0 auto;
	padding:28px 0 0 0;
	width:950px;
	background-color:#F7F7F7;
	text-align: left;
	}
.dock_menu {
	margin:0 auto 0 60px;
	padding: 0;
	width:828px;
	height:95px;
	}
#content {
	float:left;
	margin:25px auto 55px 60px;
	padding:0;
	width:551px;
	}
#sidebar {
	float:right;
	margin:25px 60px 55px auto ;
	padding:0;
	width:240px;
	}

#footer {
	clear:both;
	background: #5C0786;

	overflow:visible;
	}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*---------------elementen in boxen-------------*/
img {border:0}
#headerimg .description {display:none}
div.post {
	margin: 0 0 30px 0;
	padding:0;
	border:1px solid #D2D2D2;
	}
div.entry{
	margin: 18px 28px 35px 28px;
	padding:0;
	}
p.fb-like {text-align:right}/*facebook comments*/
.page p.fb-like {display:none}

.navigation {
	margin: 0 0 27px 0;
	padding:0;
	}
.navigation	.alignleft {float:left}
.navigation	.alignright {float:right}
.textwidget{
	height:80px;
	border-left:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;/*zu vereinfachen*/
	}
.textwidget .links{
	float:left;
	margin: 10px 30px 15px 10px;
	}	
.textwidget .rechts{
	float:right;
	margin: 10px 10px 0 5px;
	font-size:10px; 
	line-height:20px
	}	
	
.metatop {
	margin: 0;
	padding:0;
	width:100%;
	height:25px;
	border-bottom:2px solid #F7F7F7;
	background: url(images/htgd_leiste_metatop.gif) no-repeat 0 0 
	}
#footer .links{
	float:left;
	margin: 0 65px 20px 60px;
	padding:0;
	width:235px;
	}
#footer .mitte{
	float:left;
	margin: 0 65px 20px 0;
	padding:0;
	width:235px;
	}
#footer .wpcf7 {/*kontaktformular*/
	float:left;
	margin: 0 60px 20px 0px;
	padding:10;
	width:230px;
	color:#FFFFFF;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase
	}
#footer textarea {width:230px;height: 120px;}
#footer input {width:230px;}

#footer .wpcf7 p{/*kontaktformular*/
	margin: 0 0 10px 0;
	padding:0;
	}
#footer .mitte .sponsored_by {/*wiederholung von Textwidget in Footer: zu vereinfachen*/
	margin: 50px 0 0 0;
	padding:0;
	width:240px;
	height:105px;
	background:#fff;
	}
#footer .mitte .sponsored_by .l{
	float:left;
	margin: 10px 30px 15px 10px;
	}	
#footer .mitte .sponsored_by .r{
	float:right;
	margin: 10px 10px 0 5px;
	font-size:10px;
	line-height:20px
	}
#footer .mitte .sponsored_by .r a{text-transform:none; text-decoration:underline; color:#5F7703; font-size:11px	}	
	
/*---comments---*/
#respond {
	float:left;
	margin:0;
	padding:0;
	width:551px;
	}
form#commentform {
	margin:0 0 5px 0;
	padding:0;
	width:100%;
	}
textarea#comment {
	margin:0 ;
	padding:10px;
	width:531px;
	height:180px;
	border:1px dotted #D2D2D2
	}
*html textarea#comment {
	w\idth:551px;
	heigh\t:200px;
	}
#submit{
	margin:0;
	padding: 5px 10px 5px 9px;
	font-size: 13px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:uppercase ;
	background: url(images/htgd_widgettitel.gif) no-repeat 0 0;
	border:0
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: left;
	padding: 0;
	margin: 0 0 10px 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 9px;
	padding: 0 ;
	margin: -5px 0 0 0;
}
.alignright {
	float: right;
	}
.alignright img{
	margin: 0 0 10px 10px;
	}

.alignleft {
	float: left;
	}
.alignleft img{
	margin: 0 10px 10px 0;
	}
/* End captions */


/*---------------listen-------------*/
#header ul {	
	/*padding:0 0 4px 0;*/
	padding:0;
	margin:0 0 -3px 0;
	width:885px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	height:24px
	}
#header ul  li {
	display:inline;
	list-style-type: none;
	padding:4px 12px 4px 9px;
	margin: 0  0 0 -5px;
	list-style: none;
	background: url(images/htgd_button_header_gruen.gif) no-repeat 0 0;
		}
#header ul  li.home {background: url(images/htgd_button_header_violet.gif) no-repeat 0 0; margin: 0  4px 0 0;}/*check IE; warum auch immer*/
#header ul  li:hover {background: url(images/htgd_button_header_violet.gif) no-repeat 0 0; }
#header ul  li a, #header ul  li a:hover { text-decoration:none; color:#FFFFFF	}

#sidebar ul {
	padding: 0;
	margin:0;
	list-style-type:none
	}
#sidebar ul li{
	padding: 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #D2D2D2;
	background-color: #FFF;
	}
#sidebar ul li ul{
	padding: 0;
	margin:0;
	}
#sidebar ul li ul li{
	padding: 0;
	margin:0;
	border:none;
	}

#sidebar ul li h2.widgettitle, #footer  .sponsored_by h2{
	margin:0;
	padding: 5px 10px 5px 9px;
	font-size: 13px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:uppercase ;
	background: url(images/htgd_widgettitel.gif) no-repeat 0 0 #cccccc
}
h2.widgettitel .widget_categories{color:#7C3BB6; background: none}
#sidebar ul li.widget_categories   {
	border-bottom:0;
}
/*---categories---*/
#sidebar ul li.widget_categories ul li {
	margin:0 0 2px 0 ;
	padding: 2px 10px  5px 10px;
	font-size: 13px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:uppercase ;
	background: url(images/htgd_button_header_violet.gif) repeat-x 0 0; /*#7F42B8*/
}
* html #sidebar ul li.widget_categories ul li  {  /* Korrektur  IE 5.x */
	width:220px;
	w\idth:240px;
    height: 21px;
    heigh\t: 25px;
  }
#sidebar ul li.widget_categories ul li:hover, #sidebar ul li.widget_categories ul li.current-cat{
	background: url(images/htgd_button_header_gruen.gif) repeat-x 0 0; 
}
#sidebar ul li.widget_categories ul li a, #sidebar ul li.widget_categories ul li a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
/*---facebook---*/
li.widget_sfc-fanbox{
	border-left:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
}
li.widget_sfc-activity-feed p.fb-activity-feed{
	margin:0;
	padding:0;
	background: #FFFFFF
	}
/*---links---*/
#sidebar ul li.widget_links {
	border:0
}
#sidebar ul li.widget_links ul li {
	margin:0 0 4px 0 ;
	padding: 5px 10px 5px 10px;
	font-size: 13px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:uppercase ;
	background: url(images/htgd_premium_link.gif) no-repeat 0 0 #cccccc
}
#sidebar ul li.widget_links ul li:hover {
	background: url(images/htgd_premium_link_hover.gif) no-repeat 0 0 #cccccc
}

#sidebar ul li.widget_links ul li  a, #sidebar ul li.widget_links ul li  a:hover {
	text-decoration:none;
	color:#FFFFFF
}
#sidebar li#linkcat-13{display:none}/*evtl. eleganter mit PHP regeln*/

#footer .links li.linkcat{
	margin:0;
	padding: 0;
	list-style-type:  none;
	display:inline;
}
#footer .links li.linkcat ul{
	margin:0;
	padding: 0;
	display:inline;
}

#footer .links li.linkcat ul li {
	margin: 0;
	padding: 0 20px 0 0;
	display:inline;
	background: url(images/htgd_liste_footer_links.gif) no-repeat right 0  
}
#footer .links li.linkcat ul li  a,  #footer .mitte  a {
	text-decoration:none;
	color:#FFFFFF;
	font-size: 14px; 
	font-family:Times New Roman, Times, serif;
	text-transform:uppercase ;
}
#footer .links li.linkcat ul li  a:hover,  #footer .mitte a:hover{
	text-decoration:underline;
	color:#FFFFFF
}

/*ende Sidebar Elementen*/
.metatop ul {	
	padding:5px 0 0 0;/*warum auch immer; check IE*/
	margin:0 0 0 60px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF
	}
.metatop ul  li {
	display:inline;
	padding:5px 10px 4px 10px;
	margin: 0  0 0 -10px; /*warum auch immer; check IE*/
	list-style: none;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	background: url(images/htgd_button_metatop_gruen.gif) no-repeat 0 0 
		}
.metatop ul  li:hover{background: url(images/htgd_button_metatop_violet.gif) no-repeat 0 0; }
.metatop ul  li.meta {background: url(images/htgd_button_metatop_violet.gif) no-repeat 0 0; margin: 0  4px 0 0;}/* warum auch immer*/
.metatop ul  li a, .metatop ul  li a:hover {text-decoration:none; color:#FFFFFF	}

.commentlist li  {
	padding:5px 10px 4px 10px;
	margin: 0  0 30px 0; 
	border:1px dotted #D2D2D2
		}
/*---------------typo---------------*/

.post h2 {
	margin:0;
	padding: 2px 10px 1px 10px;
	font-family:Times New Roman, Times, serif;
	font-size: 30px; 
	line-height:44px;
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:uppercase ;
	background: url(images/htgd_posttitel.gif) repeat-y 0 0 
}
.post h2:hover {
	background: url(images/htgd_posttitel_hover.gif) repeat-y 0 0 
}
.single .post h2:hover{
	background: url(images/htgd_posttitel.gif) repeat-y 0 0 
}
.post h2 a, .post h2 a:hover{text-decoration:none; color:#FFFFFF}

h2.pagetitle {font-size:13px; font-weight:bold; color: #5F7703; margin: 0 0 10px 0}

#respond h3, h3#comments {
	margin:30px 0 0 0;
	padding:0 ;
	color:#5F7703;
	text-transform:uppercase ;
	}
p.postmetadata {
	clear:both;
	margin:0;
	padding: 5px 10px 5px 50px;
	color:#5F7703; 
	background: url(images/htgd_meta.gif) no-repeat 0 0 #F5F5F5
}
.textwidget a, .entry a, .more-link a, p.postmetadata a, #respond a, .commentlist a, .navigation a, .sponsored_by a, p.wp-caption-text a{text-decoration:underline; color:#5F7703}
.textwidget a:hover, .entry a:hover, .more-link a:hover, p.postmetadata  a:hover, #respond a:hover, .commentlist a:hover, .navigation a:hover,.sponsored_by a:hover, p.wp-caption-text a:hover{color:#7C3BB6}

#footer .links h1, #footer .mitte h1, #footer  h1 {margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:bold;color:#FFFFFF}
#footer .links h2 {display:none}
#footer .mitte .sponsored_by h2 {
	display:block}






code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}




.post hr {
	display: block;
	}


 /*Sharebuttons*/


.fb-like {
margin-left: 70px;
margin-top:  0px;
}

.plusone {
width:50px;
float: left;
margin-left: 0px;
margin-top: 0px;
}

.plusone2 {
margin-top: -90px;
padding:0px;
}


#commentform,
.wpcf7-form {
  font-size:12px;
	width: 200px;
}
form a {
	color: #5C0786;
}

textarea, input {  
	background: #FFF;
	border: 1px solid #FFF;
	color: #5C0786;
	padding: 3px;
}


}


textarea {
	height: 100px;
	width: 200px;
}

/* Absendebuttons */


#submit {
  border: none;
  padding: 0;
  margin: 0;
  width: 160px;
}
form small {
	text-transform: normal;
}

/* FEATURETTE */

.clearfix {
	clear: both;
}
.attachment-post-thumbnail {
	height: 116px;
	background: #FFFFFF;
	margin: 0 !important;
	padding: 0 !important;
	display: block;

}
.attachment-post-thumbnail a img {
	border: 0;
	width: 100px;
	height: 100px;
		margin-left:40px;
}
.attachment-post-thumbnail li {
	float: left;
	width: 100px;
	overflow: hidden;
	display: block;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
	border: 3px solid #fff;
}
.attachment-post-thumbnail a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
.attachment-post-thumbnail a span.overlay {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: -110px;
	height: 110px;
	width: 236px;
	visibility: visible;
}
.attachment-post-thumbnail a:hover span.overlay {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: -110px;
	height: 110px;
	width: 236px;
	background: url(./_img/black-90.png) top left repeat;
	visibility: visible;
}
.attachment-post-thumbnail a span.overlay span.title {
	position: absolute;
	bottom: 0;
	padding: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	background: url(./_img/black-40.png) top left repeat;
}
.attachment-post-thumbnail .last {
	margin-right: 0px !important;
}