@charset "utf-8";

/*
Theme Name: Designfeed
Theme URI: http://www.bannerweb.ch/
Description: Wordpress Theme für www.designfeed.ch
Author: Bannerweb GmbH / Tobias Undeutsch
Author URI: http://www.bannerweb.ch/
*/

/* CSS Document */

body {
background-image:url(img/bg_color.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:oblique;
margin:0;
padding:0;
overflow-y:scroll;
}

a:active, a:focus {
	outline: none;
	}

#background {
width:1024px;
height:768px;
left:50%;
margin-left:-500px;
position:absolute;
top:px;
background-image:url(img/bg1.png);
background-repeat:no-repeat;
}

#container {
width:920px;
min-height:500px;
position:absolute;
left:50%;
margin-left:-450px;
top:50px;
}

/**************************left**************************/

#left {
width:170px;
height:100px;
float:left;
margin-right:15px;
}

#logo {
width:170px;
height:95px;
margin-left:4px;
margin-top:2px;
}

*html #logo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png');
background:none;
}

#navi {
width:170px;
height:279px;
background-image:url(img/left.png);
background-repeat:no-repeat;
margin-top:-10px;
padding-top:50px;
}

*html #navi {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/left.png');
background:none;
}

#navi ul {
font-weight:bold;
list-style-type:none;
margin-left:-5px;
}

* html #navi ul {
font-weight:bold;
list-style-type:none;
margin-left: 30px;
padding-top: 10px;
}

* + html #navi ul {
font-weight:bold;
list-style-type:none;
margin-left: 30px;
padding-top: 10px;
}

#navi ul li.square {
background-image:url(img/square.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 8px;
}

#navi ul li.activ {
background-image:url(img/square_dark.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 8px;
}

#navi ul li:hover {
background-image:url(img/square_dark.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 8px;
}

#navi ul li a {
color:#000000;
text-decoration:none;
}

/**************************middle**************************/

#middle {
width:530px;
min-height:670px;
background-color:#ffffff;
float:left;
margin-right:15px;
}

#middle ul {
list-style-type:none;
margin-left:-5px;
}

#middle ul li {
background-image:url(img/square.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 8px;
color: #999999;
font-size: 11px;
}

#middle ul li:hover {
background-image:url(img/square_dark.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 8px;
font-size: 11px;
}

#title_middle {
border-bottom:1px solid #999999;
font-weight:bold;
height:21px;
width:499px;
margin-left:10px;
padding-left:10px;
padding-top:15px;
}

#content {
width:495px;
min-height:600px;
margin-left:17px;
padding-top:15px;
}

.weiterlesen {
width: 160px;
height: 15px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
float: left;
}

.info_kommentare {
width: 300px;
height: 15px;
text-align: right;
background-image:url(img/ico_komentar.jpg);
background-repeat: no-repeat;
background-position: right;
padding-right: 25px;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
}

.info_kommentare:hover {
width: 300px;
height: 15px;
text-align: right;
background-image:url(img/ico_komentar_hover.jpg);
background-repeat: no-repeat;
float: left;
}

.clear {
clear: both;
height: 1px;
padding: 0;
padding-top: 10px;
margin: 0;
margin-bottom: 50px;
border-bottom: 1px solid #CCC;
}

/**************************right**************************/

#right {
width:190px;
float:left;
}

#right_header {
width:190px;
min-height:445px;
background-color: #ffffff;
}

#right_footer {
width:190px;
height:55px;
background-image:url(img/footer_right.png);
background-repeat:no-repeat;
}

*html #right_footer {
width:185px;
height:55px;
background-image:url(img/footer_right.png);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/footer_right.png');
background:none;
margin-left: -5px;
}

.title_right {
border-bottom:1px solid #999999;
font-weight:bold;
height:21px;
width:159px;
margin-left:8px;
padding-left:10px;
padding-top:15px;
}

#right ul {
font-size:11px;
list-style-type:none;
margin-left: -30px;
font-weight: normal;
}

* html #right ul {
list-style-type:none;
margin-left: 12px;
font-weight: normal;
}

* + html #right ul {
list-style-type:none;
padding-left: 40px;
font-weight: normal;
}




ul.archive {
font-size:11px;
list-style-type:none;
margin-left: -30px;
font-weight: normal;
}

* html ul.archive {
list-style-type:none;
margin-left: 12px;
font-weight: normal;
}

* + html ul.archive {
list-style-type:none;
padding-left: 40px;
font-weight: normal;
}




#right ul li.activ {
background-image:url(img/square_dark.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 6px;
}

#right ul li.square, ul.archive li {
background-image:url(img/square.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 6px;
}

#right ul li.square:hover, ul.archive li:hover {
background-image:url(img/square_dark.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom: 6px;
}

#right ul li a {
color:#999999;
text-decoration:none;
}

#right ul li a:hover {
color:#999999;
text-decoration:none;
}

.icon_wrapper {
padding-left: 8px;
padding-top: 4px;
}

.social_media_icon {
padding: 3px;
float: left;
}

.social_media_icon_clear {
clear: both;
}

/**************************footer**************************/

#footer {
	height: 20px;
	width: 920px;
	background-color: #e4e4e4;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -450px;
	}
	
#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	margin-top: 4px;
	margin-left: 590px;
	}

/**************************weitere formatierungen**************************/

#blog_nav {
	margin-top: -20px;
	margin-bottom: 30px;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;	
font-size:14px;
font-weight:bold;
margin: 0;
padding: 0;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;	
font-size:11px;
font-weight:bold;
color:#999999;
margin: 0;
padding-top: 8px;
}

#middle h2 a {
color: #999999;
}

#middle h2 a:hover {
color: #999999;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;	
font-size:11px;
font-weight:bold;
color:#000000;
margin: 0;
padding-top: 8px;
padding-bottom: 8px;
}

.article_info {
font-size:10px;
color:#999999;
padding: 0;;
font-weight:normal;

}

.spacer {
height: 40px;	
}

#middle a {
color:#000000;
font-weight:bold;
text-decoration:none;
}

#middle a:hover {
color: #333333;
}

#middle hr {
margin-top:11px;
border:none;
border-top: 1px solid #cccccc;
}

#middle img {
margin-top: 5px;
}

*html #middle hr {
height: 1px;
margin: 0;
padding: 0;
border-top: none;
border-bottom: 1px solid #CCCCCC;
}

* + html #middle hr {
height: 1px;
margin: 0;
padding: 0;
border-top: none;
border-bottom: 1px solid #CCCCCC;
}

#middle p {
margin-top:0;
line-height:18px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
}

textarea {
width: 490px;
}

/***************************** Contact Form 7********************************/

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 5px;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #007F0E;
}

div.wpcf7-mail-sent-ng {
	border: 1px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 1px solid #FF0000;
}

div.wpcf7-validation-errors {
	border: 1px solid #FF0000;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: relative;
	margin: 0;
	top: -2px;
	left: 5px;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 9px;
	font-weight: bold;
	width: 250px;
	height: 25px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 9px;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}