/*
Theme Name: SEM Service
Theme URI: http://www.adwordsservice.de/
Description: Wordpress-Theme für Adwords Service.
Version: 1.0
Author: Henning Wechsler
Author URI: http://nachhaltig-werben.de
Tags: fixed width, four columns

*/
/* ie6: left bix schmaler! */

* { padding: 0; margin: 0; }
/*-----reset----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

body {
 font: 62.5% "Trebuchet MS", "Verdana", sans-serif;
background: #FFFFFF url(images/bg_top.png) repeat-x;
}
/*-----end reset----*/
#wrapper { 
 margin: 0 auto;
 width: 950px;
}
#header {
 position: relative;
 color: #333;
 width: 950px;
 float: left;
 text-align: left;
 height: 143px;
 margin: 0;
 background: #BD9C8C;
 background: url(images/header.png) no-repeat;
}
/* liste oben will nich runter */
#header ul {
 margin-left: 230px;
 display: none;
}
#header li {
	float: left;
	height: 30px;
	display: inline;
	margin-right: 22px;
}
#header li p img {
 margin-top: 0;
 vertical-align: middle;
 margin-right: 5px;
}

#header li p a{
	margin: auto 5px 3px 0;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#header li p a:hover {
	text-decoration: underline;
}
#header .logo_link {
	clear: left;
	overflow: hidden;
	text-align: left;
	position: relative;
	width: 470px;
	height: 75px;
	top: 65px;
	left: 17px;
}
#header .logo_link a,
#header .logo_link a:link,
#header .logo_link a:hover {
		display:block;
		width: 470px;
		height: 75px;
}
#header .right_logo_link {
	position: absolute;
  width: 280px;
	height: 160px;
	padding: 0;
	top: 0px;
  right: -19px;
}
#header .right_logo_link a,
#header .right_logo_link a:link {
	display:block;
	width: 280px;
  height: 160px;
  background: transparent url(images/adwords-gutschein-link.png) no-repeat left bottom;
  overflow: hidden;
}
#header .right_logo_link a:hover {
  background-position: left top;
}

/*---------------*/
#leftcolumn { 
 margin: 16px 0px;
 padding: 0;
 height: auto;
 width: 200px;
 float: left;
}
*html #leftcolumn {
	 width: 190px;
}
#leftcolumn .menu {
	margin: 28px 0 0 20px;
}
.menu a,
.menu a:link,
.menu a:visited {
	color: #87ab11;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover,
#content a:hover {
	text-decoration: underline;
}
.menu>li {
		font-size: 1.6em;
		line-height: 1.23em;
		margin: 0.5em 0 0 0;
}
*html .menu .page_item {
		font-size: 1.7em;
		line-height: 1.23em;
		margin: 0.8em 0 0 0;
}
.menu .page_item {
	color: #87ab11;
	font-weight: bold;
}
li.page_item ul {
	font-size: 0.75em;
	line-height: 1.583333em;
	color: #333333;
	font-weight: normal;
}
*html li.page_item ul li.page_item{
	line-height: 1.2em;
	font-size: 1.1em;
			margin: 0;
}

li.page_item ul a,
li.page_item ul a:link,
li.page_item ul a:visited {
	color: #333333;
}


/* hier id von "Trends" eintragen (page-item-id), damit es im Menu klein bleibt wie Unterseiten */
/*li.page-item-72 {
	line-height: 0.2;
	margin: 0.75em 0 1em 0;
	font-size: 1.2em;
}*/

.menu li.current_page_item a,
li.page_item ul li.current_page_item a {
		color: #b9ca7a;
}
.searchform {
  width: 128px;
  height: 38px;
	margin: 20px auto 48px 20px;
  padding: 20px 11px 22px 11px;
	background: transparent url(images/searchform_bg.png) no-repeat center left;
}
#s {
	font-size: 1.2em;
	padding-top: 2px;
	width: 126px;
	height: 18px;
	background: transparent url(images/search_bg.png) repeat-x center left;
	border: 1px solid #b8b8b8;
}

.searchform button {
	border: none;
	height: 20px;
	font-size: 1.1em;
	text-decoration: none;
	color: #87ab11;
	font-weight: normal;
	padding-left: 16px;
	background: transparent url(images/icon_link.png) no-repeat center left;
	cursor: pointer;
	display: block;
}
.searchform button:hover {
	text-decoration: underline;
}

/*--sidebox Google unterm menü ---*/

#qualified_company {
  width: 150px;
  height: 154px;
	margin: 20px auto 20px 20px;
  padding: 0;
}

#certified_partner {
  width: 150px;
  height: 154px;
	margin: 40px auto 20px 20px;
  padding: 0;
}

/*--sideboxen links unterm menü ---*/
.sidebox_l {
	margin-left: 20px;
}
.sidebox_l h4,
.sidebox_l ul,
.sidebox_l a {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.583333em;
	text-decoration: none;
}

.sidebox_l strong {
	font-size: 0.9em;
	font-weight: bold;
}
.sidebox_l h4 {
	margin-bottom: 20px;
}
.sidebox_l li {
	height: 20px;
}
.sidebox_l li a:hover {
	text-decoration: underline;
}
.sidebox_l li a img {
	margin-right: 6px;
}
/*-----ende left -----------*/
#content { 
 float: left;
 margin: 44px 0 0 0;

 height: auto;
 width: 500px;
 display: inline;
}
#content h1 {
font-size: 1.8em;
	line-height: 1.055556em;
	font-weight: bold;
	margin-bottom: 1.06em;
}
#content h1 a,
#content h1 a:visited,
#content h2 a,
#content h2 a:visited {
		color: #333333;
		text-decoration: none;
}
#content h2 {
	font-size: 1.4em;
	line-height: 1.357143em;
	margin: 0 0 1.357143em 0;
	font-weight: bold;
	clear: both;
}
#content p {
	color: #333333;
	font-size: 1.2em;
	line-height: 1.583333em;
	font-weight: normal;
	margin: 0 0 1.58em 0;
}
#content p strong {
	font-weight: bold;
}
#content p em {
	font-style: italic;
}
#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: auto auto 1.8em 20px;
}
#content li {
	 font-size: 1.2em;
	 line-height: 1.58333em;
 	 color: #333333;
   background:transparent url(images/icon_list.png) no-repeat scroll left top;
   padding-left:20px;
}
#content ul li strong {
	font-weight: bold;
}

.coms cite {
	font-weight: bold;
}
#content ul li a, .catlink a,
.morelink a,
#content p a {
	text-decoration: none;
	color: #87ab11;
	font-weight: normal;
}
#content p.catlink {
	margin-bottom: 0;
}
.morelink a {
	padding-left: 18px;
	background: transparent url(images/icon_link.png) no-repeat center left;
}
#content p a:hover {
	text-decoration: underline;
}
.teaserblock {
	 margin: 0 20px 20px 20px;
	width: 210px;
	float: left;
}
*html .teaserblock {
		width: 190px;
}
.post {
	margin-bottom: 36px;
}
.teaserblock img {
	display: block;
	margin: 0 12px 18px 6px;
}
.teaserblock2sp img
.page img {
	float: left;
	margin: 0 12px 12px 6px;
}
.teaserblock2sp {
	 margin: 0 12px 20px 20px;
	width: 445px;
}
*html .teaserblock2sp {
	 margin: 0 auto 20px 40px;
	width: 355px;
}
/*Content-Spalte in Einzelseiten*/
.page {
	 margin: 4px 12px 19px 20px;
}
.page p,
.page h1,
.page h2,
.page h3,
.page h4 {
	padding: 0 20px;
}
.page img {
	padding: 0 20px 1.35714em 20px;
}
.page img.author_image {
padding: 0;
margin: 0 10px 0 0;
width: 48px;
float: left;
}
.commentsbelow {clear: both; margin-top: 24px;}
.page p {
	width: 445px;
}
.line {
	width: 500px;
	margin: 36px 0 36px 0;
	height: 1px;
		background: transparent url(images/line_divider.png) no-repeat center center;
}
.clearer {
	clear: both;
}
#rightcolumn { 
 margin: 18px 0px;
 padding: 0;
 height: auto;
 width: 250px;
 float: left;
}
/*---------sideboxen rechts------------*/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
.sidebox_r,
.sidebox_r_white {
	margin: 9px 2px 20px 10px;
  position: relative;
}
.boxhead {
	padding: 18px 20px 12px 20px;
	margin: 0;
	background: #9fbc41 url(images/box_green_top.png) no-repeat top center;
}
.sidebox_r_white .boxhead {
	padding: 18px 20px 0 20px;
	margin: 0;
	background: #ffffff url(images/box_white_top.png) no-repeat top center;
}
.sidebox_r_white .boxhead h4 {
	color: #000000;
}
.boxhead h4 {
	font-size: 1.8em;
		line-height: 1.055556em;
		font-weight: bold;
		padding: 0 0 0.4em 0;
	letter-spacing: 0.05em;
	color: #FFFFFF;
}
.boxbody {
	color: #3b3b3b;
	padding: 0 20px 24px 20px;
	background: #9fbc41 url(images/box_green_bg.png) no-repeat bottom center;
}
.boxbody a,
.boxbody a:link,
.boxbody a:visited {
text-decoration: none;
		color: #3b3b3b;
}
.boxbody a:hover {
	text-decoration: underline;
}
.sidebox_r_white .boxbody {
	position: relative;
	color: #666666;
	padding: 0 20px 19px 20px;
	background: transparent url(images/box_white_bg.png) no-repeat bottom center;
}
.sidebox_r_white .boxbody a,
.sidebox_r_white .boxbody a:link,
.sidebox_r_white .boxbody a:visited {
		color: #666666;
}
.sidebox_r_white .boxbody a:hover {
	color: #3b3b3b;
}
.boxbody p,
.boxbody li {
	font-size: 1.2em;
	line-height: 1.583333em;
	font-weight: normal;
}
.sidebox_r_white .boxbody img {
	visibility: visible;
	margin-top: -105px;
	clear: both;
	float: right;
}
.sidebox_r_white .boxbody blockquote {
	color: #3b3b3b;
	display: block;
		margin-bottom: 50px;
	  background: transparent url(images/quoleft.png) left top no-repeat;
}
.sidebox_r_white .boxbody blockquote p {
  padding: 10px 0 10px 20px;

  background: transparent url(images/quoright.png) right bottom no-repeat;
}

span.phoneno p {
	padding: 20px 0 20px 25px;
	text-transform: uppercase;
	background: transparent url(images/box_green_btn.png) no-repeat center center;
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
}
.boxbody li {
	padding-left: 20px;
	background: transparent url(images/icon_plus.png) no-repeat top left;
}
.boxbody ul {
	padding-bottom: 20px;
}
.sideb_label input {
background:transparent url(images/search_bg.png) repeat-x;
border:1px solid #B8B8B8;
font-size:1.2em;
height:18px;
width: 198px;
margin-bottom: 17px;
}
/*im c-forms plugin-stylesheet abstand unten rausnehmen wie folgt: */
div.wpcf7-response-output {
margin:0;
}
/*------------------end sideboxen-----------------*/
#footer .line {
	margin-left: 195px;
}
#footer { 
 margin: 0 auto;
 width: 100%;
 clear: both;
 height:230px;
 background:transparent url(images/footer-bg.jpg) repeat-x;
}
#footer-content { 
 width: 950px;
 margin: 0 auto;
 padding: 100px 0 0 0;
 font-size: 1.1em;
 line-height: 1.6;
 color: #999999;
}
#footer ul,
#footer p {
	margin-left: 222px;
}
.sociable {
	margin-bottom: 19px;
}
.sociable li {
	display: inline;

}
.sociable li img {
	float: none;
	width: 16px;
	height: 16px;
	border: 1px solid #e8e8e8;
	padding: 2px;
	vertical-align: middle;
	margin-bottom: 4px;
  background-color: #ffffff;
}
.sociable li a{
	text-decoration: none;
	color: #ffffff;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/*slider teasers*/
#contentteaser { 
	width:450px;
	height:225px;
	overflow:hidden; 
  margin: -16px 20px 38px 20px;
    }	
#sidebarteaser { 
	width:238px;
	height:225px;
	overflow:hidden; 
  margin: 9px 2px 20px 10px;
  }
/* kundenreferenzen */

.referenzbox {
  width: 445px;
  overflow: hidden;
  float: none;
  }
.referenzbox p {
  width: auto;
  padding: 0;
  }
.referenzbox blockquote {
	color: #3b3b3b;
	display: block;
	margin: 0;
	background: transparent url(images/quoleft_content.png) left top no-repeat;
}
.referenzbox blockquote p {
  width: auto;
  padding: 10px 0 15px 20px;
  background: transparent url(images/quoright_content.png) right bottom no-repeat;
}
div#wpcf7-f1-p400-o1, div#wpcf7-f1-p79-o1 {
  width: 450px;
  background: transparent url(images/box-kontakt-bg.jpg) left bottom no-repeat;
  padding-bottom: 20px;
  margin-left: 20px;
}
div#wpcf7-f1-p400-o1 form.wpcf7-form, div#wpcf7-f1-p79-o1 form.wpcf7-form {
  width: 450px;
  background: transparent url(images/box-kontakt-top.jpg) left top no-repeat;
}
div#wpcf7-f1-p400-o1 div.wpcf7-response-output, div#wpcf7-f1-p79-o1 div.wpcf7-response-output {
  margin: 20px 20px 0 20px;
}
div#wpcf7-f4-p119-o1 div.wpcf7-response-output {
  margin-top: 20px;
}