/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, #contact-form, fieldset, table, th, td, textarea, input{ 
	margin: 0; padding: 0; 
}

a img {
	border:none;
}

/* This makes that fuzzy line around a link when you click it go away. You can turn it off by adding Comments around it. */

:focus {
	outline:none;
}

/* Global */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#d4d4d4;
}
.container{
	width:950px;
	margin:auto;
	position:relative;
}

.container hr{
	height:1px;
	background-color:#ccc;
	border:none;
}


/* Image Border */

.home-gewinnpreise-item, .gewinnpreise-image, .image-wrap {
	padding:9px 9px 9px 9px;
	background:#e6e6e6;
	border:1px solid #cccccc;
	margin-bottom: 30px;
}

/* Header */

#header-home{
	background:url(images/bg_home.png) repeat-x;
	height:278px;
	position:relative;
}

#header-pp{
	background:url(images/bg_other.png) repeat-x;
	height:200px;
	position:relative;
}

#logo{
	background:url(images/logo.png) no-repeat;
	display:block;
	position:absolute;
	left:0px;
	width:339px;
	height:50px;
}

/* Header Menu */

#menu {
	height:50px;
	color:#fff;
	float:right;
}

#menu li{
	display:inline;
}

#menu li a {
	float:left;
	line-height:50px;
	padding:0px 20px 0px 20px;
	text-decoration:none;
	color:#fff;
}

#menu li a.active{
	background:url(images/menu_active.png) repeat-x;
}

#menu li a:hover{
	background:url(images/menu_hover.png) repeat-x;
}

.header-display {
	position:absolute;
	top:50px;
	width:960px;
}

#home-display {
	background:url(images/display_home.jpg) no-repeat;
	height:250px;
}

#display-more {
	position:absolute;
	bottom:20px;
	right:0px;
}

/* Body */

#body-wrap {
	background:url(images/bg_body_bottom.png) repeat-x bottom #FFF;
}

#body{
	padding:35px 0px 20px 0px;
	background:url(images/bg_body_start.png) repeat-x;
	overflow:hidden;
	color:#666
}

#body p, #footer p{
	line-height:18px;
}

.title {
	font-size:19px;
	margin-bottom:10px;
}

.formtitle {
	font-size:19px;
	margin-bottom:10px;
}

.titlefalse {
	font-size:21px;
	margin-bottom:13px;
	color:#ff0000;
}

.ftitle {
	font-size:19px;
	margin-bottom:11px;
}


#body h1 {
	color:#1794cf;
}

h1, h3 {
	margin-bottom:20px;
}

p{
	margin-bottom:13px;
}

a {
	color:#fa7800;
	text-decoration:underline;
}

a:hover {
	background:#1794cf;
	color:#fff;
	text-decoration:none;
}

a.stoerer:hover{
	background:none;
	
}


.page-section-320 {
	float:left;
	width:295px;
	margin-left:35px;
	margin-bottom:15px;
}

.page-section-kontakt {
	float:left;
	width:285px;
	margin-left:35px;
}


#home-about p, #footer-testimonial p, #home-gewinnpreise p, #home-contact p, #footer-blog p a, #footer-legal p {
	font-style:normal;
	text-align: justify;
}

#home-about, #footer-testimonial {
	margin-left:0px;
}

/* Home Page */

.home-gewinnpreise-item {
	margin-bottom:20px;
}

/* Home - Contact Form */

#contact-form {
	position:relative;
	margin-bottom:25px;
	height:270px;
}

#contact-form-login {
	position:relative;
	margin-bottom:45px;
}

.contact-input, #contact-message {
	font-family:Arial, Helvetica, sans-serif;
	width:262px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
}

.contact-input-vorname{
	font-family:Arial, Helvetica, sans-serif;
	width:115px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
	height:26px;
	margin-bottom:20px;
	margin-right:10px;
}

.contact-input-nachname{
	font-family:Arial, Helvetica, sans-serif;
	width:115px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
	height:26px;
	margin-bottom:20px;

}

.contact-input-email {
	font-family:Arial, Helvetica, sans-serif;
	width:262px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
	height:26px;
	margin-bottom:20px;
}


.contact-input-tel {
	font-family:Arial, Helvetica, sans-serif;
	width:262px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
	height:26px;
	margin-bottom:20px;
}


.contact-input-plz{
    font-family:Arial, Helvetica, sans-serif;
	width:60px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
	height:26px;
	margin-bottom:20px;
	margin-right:10px;
}

.contact-input-ort{
	font-family:Arial, Helvetica, sans-serif;
	width:170px;
	color:#666;
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	border:1px solid #ccc;
	background:#f2f2f2 url(images/bg_input.png) repeat-x;
	height:26px;
	margin-bottom:20px;

}s

#contact-message {
	height:86px;
	overflow:hidden;
}

.contact-input {
	height:26px;
	margin-bottom:20px;
}

#contact-submit{
	position:absolute;
	right:0px;
	bottom:0px;
	height:30px;
	width:162px;
	background:url(images/buttons/abschicken.gif) no-repeat;
	border:none;
	
}


#contact-login{
	width:95px;
	height: 35px;
	background:url(images/buttons/login.gif) no-repeat;
	border:none;
	
}
	
/* gewinnpreise Page */

#gewinnpreise-page-display {
	height:150px;
	background:url(images/display_small.jpg) no-repeat;
}

.gewinnpreise-item {
	overflow:hidden;
	margin-bottom:20px;
}

.gewinnpreise-image {
	float:left;
}

.gewinnpreise_description {
	width:320px;
	float:right;
}

/* About Page */

#about-page-display {
	background:url(images/display_about.jpg) no-repeat;
	height:150px;
}

.image-wrap {
	margin-bottom:20px;
}

/* Contact Page */

#contact-page-display {
	background:url(images/display_small.jpg) no-repeat;
	height:150px;
}

#contact-page-content {
	width:625px;
	float:left;
	text-align: justify;
}

#contact-page-sidebar {
	width:295px;
	float:right;
}

/* Footer */

#footer {
	background:url(images/bg_footer.png) repeat-x;
	padding:50px 0px 0px 0px;
	color:#cccccc;
}

#footer h1 {
	color:#ffffff;
}

/* Testimonials */

#testimonial-uber-wrapper {
background:url(images/bg_testimonial.png) repeat-y;
height:135px;
margin-bottom:20px;
}

#testimonial-wrapper {background:url(images/bg_testimonial_top.png) no-repeat top;}

#testimonial {
	background:url(images/bg_testimonial_bottom.png) no-repeat bottom;
	padding:15px 20px 50px 20px;
	position:relative;
	
}

#testimonial h2{
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	font-weight:100;
}

#testimonial p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999999;
	position:absolute;
	top:120px;
	left:80px;
}

#testimonial p a {
	text-decoration:none;
	color:#666666;
}

/* Blog */
.post {
height:280px;
}

.post-content {
	overflow:hidden;
	clear:both;
}

.fstitle {
	float:left;
	width:260px;
}

.post-date {
	background:url(images/date.png) no-repeat;
	width:60px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	float:right;
}

.post-thumb {
	padding:9px 9px 9px 9px;
	margin-bottom:20px;
	background:#333;
	border:1px solid #000;
	float:left;
}

.post-thumb img {
	width:80px;
	height:80px;
}

.post-text {
	float:right;
	width:200px;
}

#post-divider {
	background:url(images/post_divider.png) no-repeat;
	width:320px;
	height:2px;
	margin-bottom:20px;
}


.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;}
.tooltip:hover span {
	display:block;
	position:absolute;
	width:120px;
	top:25px;
	left:20px;
	background-color:#d6f1fc;
	border:1px solid #aaa;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	padding:5px;
	font-size:11px;
	color:#fa7800;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tooltip p  {
	font-size:10px;
	color:#666;
	margin-top:10px;
}
