/*
Theme Name: AdWords Gutschein
Theme URI: http://www.adwords-gutschein.de/
Description: AdWords Gutschein Theme
Version: 1.0
Author: Michael Klöpzig
Author URI: http://www.michael-kloepzig.de/
*/


* {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	outline: 0 none;
}

html { min-width: 960px; }

body {
	background: #fff;
	font-family: calibri, 'trebuchet ms', sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	text-align: center;
}

a {
	color: #619900;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

h1, h2, h3 {
	font-style: italic;
	color: #333;
}

h1 {
	font-size: 30px;
	line-height: 34px;
	margin: 20px 0;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	margin: 16px 0;
}
h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 10px 0;
}

p {
	margin: 0 0 10px 0;
}

strong { font-weight: bold; }

img, fieldset, hr { border: 0 none; }

hr {
	clear: both;
	height: 1px;
	margin: 30px 0 40px 0;
	background-color: #fff;
	color: #fff;
}


/* classes */

.wrap {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.hide { display: none; }
.clear { clear: both; }
.clearflow { overflow: hidden; }

.aleft { float: left; }
.aright { float: right; }

.txtshdw {
    text-shadow: #333 1px 1px 1px;
}

.rnd {
    border-radius: 5px;
    -opera-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.voucher {
	display: block;
	float: left;
	width: 205px;
	margin: 60px 20px 10px 0;
	background: #65aecb url('img/gfx2.png') 0 -246px repeat-x;
	text-align: center;
	color: #fff;
    box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    cursor: pointer;
}

.voucher strong, .voucher span { display: block; }
.voucher strong {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	padding: 20px 0 15px 0;
}

.vprice {
	margin: auto 20px;
	height: 50px;
	background: transparent url('img/gfx.png') 0 0 no-repeat;
}

.v400 .vprice { background-position: -490px -40px; }
.v200 .vprice { background-position: -715px -40px; }
.v75 .vprice { background-position: -470px -92px; }
.v50 .vprice { background-position: -622px -92px; }
.v30 .vprice { background-position: -782px -92px; }

.vinfo { padding: 7px 0; }
.voucher:hover {
	text-decoration: none !important;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

.vbtn {
	width: 142px;
	height: 47px;
	margin: 20px auto 25px auto;
	background: transparent url('img/gfx.png') 0 -240px no-repeat;
}

.voucher:hover .vbtn { background-position: -150px -240px; }
.voucher:active .vbtn { background-position: -310px -240px; }

.vservice {
	height: 60px;
	background: transparent url('img/gfx.png') 0 0 no-repeat;
}

.v400 .vservice { background-position: -491px -150px; }
.v200 .vservice { background-position: -716px -150px; }
.v75 .vservice { background-position: -491px -210px; }
.v50 .vservice { background-position: -491px -210px; }


/* header */

#header {
	height: 220px;
	background: transparent url('img/gfx2.png') left top repeat-x;
}

#header .wrap {
	height: 220px;
	background: transparent url('img/gfx.png') center 210px no-repeat;
}

#logo {
	display: block;
	float: left;
	width: 426px;
	height: 206px;
	margin: 12px 0 0 8px;
	background: transparent url('img/gfx.png') -28px -32px no-repeat;
}

#logo:hover {
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#headertext {
	float: left;
	width: 450px;
	margin: 36px 0 0 36px;
	text-align: left;
	color: #fff;
}


/* content */

#content {
	width: 920px;
	padding: 0 20px;
	text-align: left;
}

#content .post, #content .sidebar {
	float: left;
	overflow: hidden;
	margin-bottom: 50px;
}

#content .post {
	width: 580px;
	margin-top: 50px;
	margin-right: 90px;
}

#content .sidebar {
	margin-top: 110px;
}

#btn-contact {
	display: block;
	width: 215px;
	height: 120px;
	background: transparent url(img/btn-contact.png) 0 0 no-repeat;
}
#btn-contact:hover { background-position: 0 -120px; }
#btn-contact:active { background-position: 0 -240px; }

#google-certified {
	display: block;
	width: 205px;
	height: 205px;
	margin: 35px 0 0 5px;
	background: transparent url(img/gfx2.png) 0 -615px no-repeat;
}

.voucherbox, .servicebox {
	width: 840px;
	margin: 30px 0;
	padding: 20px;
	background: transparent url(img/gfx2.png) 0 -1000px no-repeat;
    box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    font-size: 18px;
    line-height: 21px;
}
.voucherbox {
	color: #000;
	overflow: hidden;
}
.servicebox {
	background-position: 0 -1600px;
	color: #333;
}

.voucherbox h1, .voucherbox h2 {
	margin: 0 0 20px 0;
	color: #29728f;
    text-shadow: #999 1px 1px 1px;
}

.servicebox h2 {
	font-size: 30px;
	line-height: 34px;
	color: #539cb9;
}

.voucherbox ul { list-style-type: none; }
.voucherbox ul li {
	background: transparent url(img/gfx.png) -940px -35px no-repeat;
	margin-bottom: 10px;
	padding-left: 20px;
}
.voucherbox .vprice { margin: 0 0 0 15px; }
.servicebox .vprice { margin: 0; }

.vboxcnt {
	float: left;
	width: 640px;
	padding-right: 20px;
}

.vbox {
	width: 180px;
	float: left;
}
.vbox span { display: block; }
.voucherbox .vtype {
	height: 30px;
	background: transparent url(img/gfx.png) -680px -220px no-repeat;
}

.servicebox .v400 .vprice { background-position: -473px -273px; }
.servicebox .v200 .vprice { background-position: -460px -333px; }
.servicebox .v75 .vprice { background-position: -275px -333px; }
.servicebox .v50 .vprice { background-position: -275px -333px; }

.servicebox .vtype {
	height: 50px;
	background-position: -75px -340px;
}

.qualified {
	display: block;
	width: 100%;
	height: 170px;
	margin-top: 20px;
	background: transparent url(img/gfx.png) -700px -250px no-repeat;
}

.btn-get-voucher, .btn-google-voucher {
	display: block;
	width: 170px;
	height: 120px;
	margin: 30px 0 0 14px;
	background: transparent url(img/btn-get-voucher.png) 0 0 no-repeat;
}
.btn-google-voucher { background-image: url(img/btn-google-voucher.png); }
.btn-get-voucher:hover, .btn-google-voucher:hover { background-position: 0 -120px; }
.btn-get-voucher:active, .btn-google-voucher:active { background-position: 0 -240px; }

.btn-submit {
	display: block;
	width: 170px;
	height: 50px;
	margin: 100px 0 0 14px;
	background: transparent url(img/btn-submit.png) 0 0 no-repeat;
}
.btn-submit:hover { background-position: 0 -50px; }
.btn-submit:active { background-position: 0 -100px; }

fieldset {
	overflow: hidden;
	padding: 20px 40px;
	border-top: 2px solid #539cb9;
	margin-top: 0;
}

fieldset div {
	margin-bottom: 10px;
}

legend {
	margin-left: -10px;
	padding: 0 10px;
	font-size: 18px;
	font-weight: bold;
	color: #29728f;
}

label {
	display: block;
	float: left;
	width: 170px;
}

.radiolist {
	float: left;
	margin-right: 30px;
}
.radiolist label {
	display: inline;
	float: none;
	width: auto;
	cursor: pointer;
}
.radiolist label:hover { text-decoration: underline }
.radiolist input { margin-right: 5px; }

.field, textarea {
	padding: 2px 4px;
	font-family: calibri, 'trebuchet ms', sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
}
.field { width: 250px; }

.vbox fieldset {
	padding: 292px 0 0 0;
	border: 0 none;
}

.page-template-contactform-php #content p {
	width: 500px;
	padding-bottom: 10px;
}

label.error {
	float: none;
	clear: both;
	width: 300px;
	padding: 3px 0 0 170px;
	font-size: 11px;
	line-height: 13px;
	color: red;
}

#form_response {
	display: none;
	padding: 29px 0 0 20px;
	color: #fff;
}

input.hidealways {
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	background-color: transparent;
	border: 0 none;
}


/* footer */

#footer {
	height: 94px;
	margin-top: 50px;
	background: transparent url(img/gfx2.png) 0 -820px repeat-x;
}

#footer .wrap {
	background: transparent url('img/gfx.png') center -420px no-repeat;
	padding-top: 30px;
	text-align: left;
	color: #666;
}

#footer a { color: #666; }
#footer a:hover { color: #fff; }

#footer .sep { padding: 0 20px; }
#footer .aleft {
	width: 600px;
	margin-left: 20px;
}
#footer .aright {
	width: 265px;
	color: #808080;
}

#dorst {
	display: block;
	width: 160px;
	height: 20px;
	margin-top: 5px;
	background: transparent url('img/gfx2.png') -299px -700px no-repeat;
}