@import url("reset.css");

/*
Theme Name: Fahrschule-in.net final
Author: Valentin Zwick
Author URI: http://www.jungundwillich.de/
*/

#page .postoverview h1 {
	font-family: Verdana, arial;
	font-size: 11px;
}

#page .postoverview h1 a {
	text-decoration: underline !important;
}

.adsnse {
	height: 25px !important;
	overflow: hidden !important;
	position: relative;
}

.adsnse ins {
	position: relative;
	left:-1px;
}

.adsnse .asns {
	height: 20px;
	position: absolute;
	bottom: 0px;
	width: 50%;
	background: white;
}

p, ul {
	margin-top:10px;
	margin-bottom: 15px;
}

ul {
	list-style: circle;
	list-style-position: inside;
}

.boxcheck, .thesearch, .textinput, .submitbutton {
	background: url(images/label.png) -330px 0 no-repeat;
	display: block;
	width: 90px;
	float: none;
	position:relative;
	height: 24px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.loginform_sidebar .textinput, .loginform_sidebar .submitbutton {
	width: 280px;
	margin-bottom: 10px !important;
}

.leistungsform .boxcheck { width: 200px; background-position: -220px 0;}

.boxcheck.active {
	background-color: #67b37c;
}

.submitbutton, .submitbutton input {
	background-color: #06c !important;
	color: white !important;
}

.boxcheck input, .thesearch input, .loginform_sidebar input, .searchinput .submitbutton input  {
	float: none !important;
	position: absolute;
	right: 5px;
	height: 24px;
	border: none !important;
	text-align: left !important;
}

.thesearch input, .loginform_sidebar input, .searchinput .submitbutton input {
	padding-left: 0;
	right: 0px;
	width: 320px !important;
}

.searchinput .submitbutton {
	width: 400px;
}

.loginform_sidebar .textinput input, .loginform_sidebar .submitbutton input {
	width: 190px !important;
}

.classform label, .leistungsform label, .normalsearch label, .loginform_sidebar label {
	background: none;
	position: absolute !important;
	left: auto !important;
	margin-top:-34px !important;
	margin-left: 2px !important;
	width: auto !important;
	line-height: 22px !important;
	clear: both !important;
}

.loginform_sidebar input { }

.thesearch {
	width:400px;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #eee;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited, a:hover {
	color: #06c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

/* Struktur */

#wrapper {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	background: #fff;
	background: url(images/container-center.png) center top #fff;	
}

/* header + footer + sidebar */

#header {
	background: url(images/container.png) center top #fff;
	padding: 20px;
}

#header table, #header tr, #header td {
	border-collapse: collapse;
}

#header table td {
	vertical-align: middle;
}

#header img {
	margin-right: 15px;
}

#header h1 {
	font-family: 'Trebuchet MS';
	font-size: 24pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#header h2 {
	font-family: 'Trebuchet MS';
	font-size: 12pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#header #logo a {
	background: url(images/fsin.jpg) no-repeat;
	display: block;
	width: 600px;
	height: 71px;
	text-indent: -9999px;
}

#footer {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	border-top: 2px solid #06c;
	padding: 20px;
	padding-top: 14px;
	font-family: Arial;
	font-size: 8pt;
	color: #ccc;
	text-align: left;
	background: url(images/container.png) center bottom #fff;
	position: relative;
	top:7px;
}

#footer a {
	color: #ccc;
}

#sidebar {
	width: 300px;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	text-align: left;
}

#sidebar h2 {
	margin: 0;
	padding: 2px 10px;
	background: #06c;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: white;
}

#sidebar ul {
	margin: 0 0 20px 10px;
	padding: 0;
	list-style: none;
}

#sidebar ul ul { margin-bottom: 0;}

#sidebar ul li {
	line-height: 2em;
	font-family: Arial;
	font-size: 8pt;
	border-bottom: 1px solid #eee;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	color: #666;
}

/*werbung*/

.contentblock {
	margin:20px 0;
}

/* navi */

#nav {
	background: #fff;
	border-bottom: 8px solid #06c;
	height: 24px;
	padding:0 10px;
	margin: 10px 6px;
}

#nav ul {
	margin: 0 0 0 10px; 
	padding: 0;
	position: relative;
	overflow: auto;
}

#nav ul li {
	list-style: none;
	display: inline;
	float: left;
}

#nav li a:link, #nav li a:visited {
	display: block;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
	padding: 0px 10px;
	background: #f3f2ed;
	margin: 0 10px 0 0;
	line-height: 24px;
}

#nav li a:link.selected, #nav li a:visited.selected {
}

#nav li a:hover {
	background: #e0ded4;
}

#nav li.current_page_item {

}

#nav li.current_page_item a {
	color: white;
	background: #06c;
}

/* naviitem hervorgehoben */

.extitem a {
	color: #198938;
}


/* einzelseiten + posts */

#page {
	margin: 15px 0;
	font-family: Helvetica;
	font-size: 10pt;
	line-height: 1.5em;
	width: 660px;
	float: left;
}

#pageinner {
	margin: 0 10px 0 25px;
}

#page h1 {
	font-family: 'Trebuchet MS', arial;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#page h2 {
	font-family: 'Trebuchet MS', arial;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #c00;
}

#page h1 a:link, #page h1 a:visited {
	text-decoration: none;
}

#page h1 a:hover, #page h1 a:active {	
	text-decoration: underline;
}
#page .content {
	clear: left;
}

#page td {
	vertical-align: middle;
}

/* kommentare + bewertungen */

h2#comments {
	background: #f3f2ed;
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	color: #333;
	padding: 10px;
}

h3#respond {
	clear: right;
	font-size: 11pt;
	font-weight: bold;
	margin: 10px 0;
	color: #06c;
	padding: 0;
	border-bottom: 2px solid #06c;
}

#comments h3.review {
	clear: right;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	color: #333;
	font-family: Arial;
	font-size: 10pt;
}

#comments p {
	margin-top: 5px;
	font-size: 9pt;
	color: #333;
}

#comments ul {
	margin: 0;
	padding: 0;
}

#comments li {
	display: inline;
}

#comments .review {
	background: #fff;
}

#comments .rating_value {
	padding-right: 10px;
}

.customer_favorite {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	padding-left: 10px;
}

.reviewcount, .visitsite, .visitsite_single {
	float: right;
}

.reviewcount a:link, .reviewcount a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 3px;
/*	background: #f3f2ed; */
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

.visitsite, .visitsite_single {
	padding-left: 8px;
}

.visitsite a:link, .visitsite a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 3px;
	background: #f3f2ed;
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

.visitsite_single a:link, .visitsite_single a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 8px;
	background: #c00;
	font-family: Arial;
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.visitsite_single a:hover {
	display: block;
	margin-top: 1px;
	padding: 1px 8px;
	background: #fcc;
	font-family: Arial;
	font-size: 8pt;
	color: #06c;
	text-decoration: underline;
	font-weight: bold;
}

/* ratings */

#page table.ratings {
	margin: 0;
	float: right;
}

td.ratings {
	white-space: nowrap;
	padding-left: 10px;
}

.rating_label {
	white-space: nowrap;
	background: #e3f1ff;
	font-family: Arial;
	font-size: 8pt;
	padding: 1px 4px;
}

.rating_value {
	white-space: nowrap;
	padding: 1px 3px;
	font-family: Arial;
	font-size: 8pt;
}

.rating_value .no_ratings {
	color: #666;
}

/* übersichtsseiten */

.postoverview {
	padding: 10px 0;
	border-bottom: 1px dotted #666;
	clear: right;
	overflow: auto;
	display: block;
}

.premium {
/*	border-bottom: 2px solid black; */
}

.premium h1 a {
	font-size: 13px;
}

.commentsnumber {
	background: url(images/speechbubble.gif) top left no-repeat;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	display: block;
}

/* startseite: suche */

#searchbox {
	width: 100%;
/*	border: 1px solid #ccc; */
}

#searchbox #extendedsearch {
}

#extendedsearch hr {
	clear: both;
	background: #ccc;
	height: 0px;
	border: 1px solid #ccc;
}

#searchbox label {
	float: left;
	padding-right: 20px;
	padding-left: 10px;
}

#searchbox input[type=submit] {
	width:100px;
	background: #06c;
	color: white;
}

#searchbox .inputbox {
	width: 300px;
}

.adminbar {
	font-size: 9px;
}

/* forms */

/* forms->generell */
label {
	background: url(images/label.png) center right no-repeat;
	padding: 0 5px 0 5px;
	margin-bottom: 10px;
	margin-left: -7px;
	position: relative;
	left: 7px;
	height: 24px;
	line-height: 24px;
}

label span.checkbox {
	background: red;
	border: 1px solid gray;
	padding: 0 0 0 5px;
}

input {
	height:20px;
	line-height: 20px;
	padding-left: 15px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

input:focus {
	border: 1px solid #06c;
	outline: 0;
}

input[type=submit] {
	clear: both;
	height: 24px;
	border: 1px solid #ccc;
	color:#06c;
	background: white;
	line-height: 10px;
	width: 63%;
}

textarea {
	border:1px solid #ccc;
	margin-bottom: 10px;
}

/* loginform sidebar */

.loginform_sidebar label {
	width: 55px;
	float: left;
	margin-left: -8px;
	left: 8px;
}

/*.loginform_sidebar input[type=submit] {
	width: 60%;
	margin-left: 1px;
}*/

/* form->führerscheinklassen */

.classform {
	margin: 0;
	padding: 0;
}

.classform fieldset {
	width: 102px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	margin-right: 13px;
}

form.classform fieldset {
	width: 110px;
}

.classform label {
	width: 30px;
	display:inline-block;
	float: left;
	clear: left;
} 

.classform input {
	float: left;
	display: block;
}

/* form->generalform */

.generalform label {
	float: left;
	clear: both;
	width: 200px;
	margin-bottom: 10px;
	display: block;
}

.generalform input {
	float: left;
	width: 300px;
}

/* kontaktform */

/*.contactform label {
	position: relative;
	float: none;
}

.contactform input {
	position: absolute;
	left: 200px;
}*/

.contactform textarea {
	padding-left: 15px;
}

.contactform label {
	display: block;
	width: 176px;
	float: left;
	clear: left;
}

.contactform input, .contactform textarea {
	width: 353px;
}

.contactform input[type=submit] {
	width: 370px;
}

/* captcha */

#recaptcha_table {
	width: 200px !important;
	overflow: hidden !important;
}

.contactform #recaptcha_image img {
	position: relative;
	left: 15px;
}

/* kommentar/bewertung form */

#commentform input, #commentform textarea { width: 353px; }
#commentform input[type=submit] {
width: 370px;
}

#commentform .divrating {
	display: block;
	height: 20px;
	padding-left: 192px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 60%;
}

.divrating.rating_value a{
	background-position: center center;
	height: 20px;
}

/* registrierungsform — fahrschule übernehmen */

.registerform textarea {
	padding-left: 15px;
}

.registerform label {
	display: block;
	width: 30%;
	float: left;
	clear: left;
}

.registerform p {
	clear: left;
}

.registerform input, .registerform textarea {
	width:60%;
}

/* backend forms */
/* form premium–optionen */

.premiumform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/* ?? */

.singleform {
	clear: both;
}

/* zusatzleistungen */
.leistungsform label {
	width: 200px;
	clear: left;
}

.leistungsform input[type=checkbox] {
	margin-bottom: 11px;
}

/* jquery stuff */


.ui-tabs-panel {
/*	padding: 1em 0em !important; */
}

/* generelle styles */

.bluelink {
	text-decoration: underline !important;
	color:#06c !important;
}

.greentext {
	color: #198938;
}

.error, .success, .notice {
	clear: both;
	border: 1px solid red;
	padding: 10px;
	margin: 10px 0;
}

.success {
	border-color: #198938;
}

.notice {
	border-color: #06c;
}

.floatleft {
	float: left !important;
}

.floatright {
	float: right !important;
}

.noclear {
	clear: none !important;
}

.nofloat {
	float: none !important;
}
.noshow {
	display: none;
}

.editform .tehsubmit {
	margin-left: 15px;
}

/* hacks/fixes */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}