/*
Theme Name: Andreas Feusi Blog Theme
Author: David Matter
Author URI: http://www.produktivzone.ch
*/

body {
	margin: 0;
	padding: 0;
	color: black;
	background: #808080 url(images/bg_body.gif) repeat-x center top;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	line-height: 155%;
}

/* Generelle Styles */

a {
	color: #4b2857;
	text-decoration: none;
}

h1 a {
	color: black;
}

h1 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 18px;
	color: black !important;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

h2 {
	margin-bottom: 0px;
	padding-bottom: 5px;
	color: black;
	font-size: 14px;
	font-weight: bold;
}

p {
	padding-top: 0px;
	margin-top: 0px;
}

img {
	border: 0px;
}

.post_hr {
	height: 2px;
	width: 100%;
	background: url(images/bg_hr_content.gif) repeat-x center top !important;
}

.sidebarHr {
	height: 2px;
	border: 0px;
	width: 100%;
	background: url(images/bg_sidebar_horizontal.gif) repeat-x center top !important;
}

.clear {
	clear: both;
}

/* Layout */

#wrapper {
	width: 900px;
	margin: 0 auto;
	top: 0px;
}

#header {
	height: 120px;
	background: #d3d3d3;
	width: 900px;
}

#logo {
	width: 250px;
	height: 81px;
	padding: 25px 0px 14px 0px;
	float: left;
}

#navigation {
	float: left;
	width: 650px;
	text-align: right;
	vertical-align: bottom:
	padding: 0px 0px 20px 0px;
	margin-top: 80px;
}

#content {
	float: left;
	width: 550px;
	padding: 20px 50px 20px 0px;
}

#sidebar {
	float: left;
	width: 300px;
	padding: 20px 0px 20px 0px;
}

#sidebar iframe {
background: #d3d3d3;
margin-top: 20px;
padding: 20px 10px 10px 10px;
}

/* Sidebar */

#about_image {
	margin-bottom: 10px;
}

#about, #social_media{
	background: #d3d3d3;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
}

#about {
	margin-top: 20px;
}

#social_media table tr td {
	width: 20%;
	text-align: center;
}

#social_media .suchfeld {
	width: 120px;
	float: left;
}

#social_media .suchbutton {
	float: left;
	margin-left: 10px;
}

.search_rss td {
	padding-top: 5px;
}

.sidebarSuchfeld {
	background: url(images/bg_sidebar_vertical.gif) repeat-y right top;
}


/* Navigation */

#navigation ul {
	list-style-type: none;
	margin-right: -15px;
}

#navigation ul li {
	display: inline;
	margin: 15px;
	font-size: 14px;
}




/* TABS */
.widget {
	background: #d3d3d3;
	color: black;
	width: 300px !important;
	overflow: hidden;
}

.widget ul, #sidebar ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.tw-content li {
	display: inline;
	width: 45%;
	float: left;
}

.widgettitle {
	display: none;
}
/*
.tw-title {
	width: 100px;
	padding-right: 0px;
	margin: 0px;
}
*/
/* POST */

.post_container {
	margin-bottom: 20px;
}

.post_image {
	float: left;
	margin-right: 20px;
	width: 250px;
}

.teaser_text {
	float: left;
	width: 280px;
}

.metadata span {
	padding-right: 10px;
}

.alignleft {
	float: left;
}

.wp-caption {
	background: #d3d3d3;
	padding: 10px 0px 0px 10px;
	margin: 5px 20px 5px 0px;
}

.wp-caption-text {
	padding-top: 5px;
	text-align: center;
}

.ngg-galleryoverview {
	margin-left: -5px;
	padding-bottom: 15px;
}

input, textarea {
	background: #d3d3d3;
	border: 1px solid #808080;
}

.wpcf7 table tr td {
	padding-right: 20px;
	vertical-align: top;
	padding-botom: 5px;
}

.wpcf7 input, .wpcf7 textarea {
	width: 180px;
	background: #d3d3d3;
	border: 1px solid black;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
	background: #ebebeb;
}

.wpcf7-mail-sent-ok, .wpcf7-response-output {
	border: 0px solid #d3d3d3;
	color: white;
	font-size: 14px;
}

.navigationPages div{
	float: left;
	width: 50%;
}

.navigationPages .alignleft {
	horizontal-align: left;
}

.navigationPages .alignright {
	horizontal-align: right;
}

/* Comments */

.commentlist .quote {
	background:url(http://www.yoursite.com/images/bg_quote.gif) no-repeat top right;
	}

.commentlist {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.commentlist li {
	background: #d3d3d3;
 	padding: 10px;
	margin-top:15px;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a:link, .commentlist cite a:visited {
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	text-decoration:underline;
	}

#footer {
	width: 100%;
	height: 150px;
	background: #d3d3d3;
	bottom: 0px;
	line-height: 170%;
}

#footerContainer {
	background: #d3d3d3;
	height: 135px;
	padding-top: 15px;
	width: 900px;
	margin: 0 auto;
}

#footer1 {
	width: 270px;
	float: left;
	height: 130px;
	padding-right: 0px;
	padding-top: 5px;
}

#footer2 {
	width: 330px;
	float: left;
	height: 135px;
	padding: 0px 0px 0px 0px;
}

#footer3 {
	width: 300px;
	float: left;
	height: 135px;
	padding: 0px 0px 0px 0px;
}

#footer ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

#footer3 ul li, #footer2 ul li {
	border-bottom: 1px solid #c4c4c4;
	width: 250px;
}

#footer h1 {
	color: #808080 !important;
	font-weight: normal;
}

.fbLikeContainer {
	color: black;
}


/* Tabbed Widget */

/* General */

.tw-content { display:block; float:left; width:280px;padding: 10px;margin: 0!important;}
.tabbed-widget { float:left; width:100%; border:none;margin: 0;} 


/* Accordion */

.ui-accordion { float:left; width:100%; }
.ui-accordion span.ui-icon { float:right; width:1.5em; height:1.25em; }
.ui-accordion .ui-state-active a { background:url('../images/onlight-accordion-open.png') no-repeat 100% 50%; color:#333; text-decoration:none; }
.ui-accordion .ui-state-default a { background:url('../images/onlight-accordion-closed.png') no-repeat 100% 50%; }
.ui-accordion .ui-accordion-header.ui-state-default:hover { cursor:pointer; text-decoration:underline!important; }
.ui-accordion .tw-title { margin:0; padding:0; float:left; width:100%; }
.ui-accordion .tw-title a { padding:0.5em 0; display:block; border-top:1px solid #ddd; }
.ui-accordion .ui-state-active a { border-bottom:none; }


/* Tabbed  */

.tabbed-widget .ui-tabs-hide { display:none; }
.tabbed-widget .ui-state-active a { font-weight:bold; background:#d3d3d3 !important;padding: 10px !important;padding-bottom: 12px !important; text-decoration:none; color:black !important;  }
.tabbed-widget .ui-tabs .ui-tabs-nav { background: #5a5a5a; float:left; width:100%; clear:both; margin:0; padding:0;}
.tabbed-widget .ui-tabs .ui-tabs-nav li { display:block; float:left; width:auto; padding: 10px; }
.tabbed-widget .ui-tabs .ui-tabs-nav li a { color: white;}
.tabbed-widget .ui-tabs li.ui-tabs-selected a { background:#d3d3d3 !important; color:black; text-decoration:none; }