﻿@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);

body
{
    margin:0;
    padding:0;
    background-color:#f9f9f9;
    font-family:Roboto;
    font-size: medium;
    line-height:170%;
    font-family:Roboto;
}
table
{
	border:0px;
}
td
{
	vertical-align:top;
	width:65%;
}
h2
{
	font-family:Roboto;
}
h3
{
	margin-top:30px;
	display:inline-block;
	border-bottom:1px solid white;
	width:100%;
	margin-bottom:0px;
}
.mainBody
{

}
#headerContent
{
    
    left:0px;
    top:0px;
    right:0px;
    height:120px;/*vorher 160px;*/
    background-color:#eeeeee;
}
#headerContainer
{
    margin:auto;
    width:1000px;
    padding-top:70px;/*vorher 110px;*/
}
#mainMenu
{
	font-style:normal;
	font-weight:300;
    width:100%;
    height:50px;
}
#menuList
{
    float:left;
    width:900px;
}
#menuList a
{
    color:#5b5b5b;
}
#menuList a:hover
{
    color:#d8635c;
}
#menuList ul
{
    margin-left:-40px;
    margin-top:0px;
    margin-bottom:0px;
}
#menuList li
{
    display:inline;
    padding-right:20px;
}
#menuList span
{
    display:inline-block;
    padding-top:15px;
    height:35px;
    padding-left:10px;
    border-left:1px dotted #d8635c;
}
#logo
{
    width:100px;
    height:110px;
    /*background-color:#d3d3d3;*/
    float:right;
    margin-top:-60px;
}

#logo img
{
    float:right;
}
.horizontalLine
{
    width:100%;
    height:7px;
    background-color:#d8635c;
}
#teaserContent
{
    margin:auto;
    width:1000px;
    height:auto;
    background-color:#404040;
}
#content
{
    margin:auto;
    width:1000px;
    margin-top:-30px;
    /*background-color:#eeeeee;*/
    background-color:#404040;
    color:#fff;
}
#content a
{
	color:#fff;
}
#content a:hover
{
	color:#d8635c;
}
.subline
{
	font-style:italic;
}
#leftContent
{
    width:670px;
    height:95%;
    padding-bottom:30px;
    margin-left:30px;
}
.fullwidth
{
    width:940px !important;
}
#rightContentCorner
{
    position:absolute;
    width:28px;
    height:28px;
    background-image:url('../img/corner.png');
    margin-top:-33px;
    margin-left:1000px;
}
#rightContent
{
    position:absolute;
    width:240px;
    /*height:400px;*/
    background-color:#d8635c;
    float:right;
    margin-top:-10px;
    margin-left:729px;
    /*box-shadow: 3px 3px 9px 9px #404040*/
    /*box-shadow:0 5px 15px 0 black;*/
    box-shadow:0px 1px 5px 0px #4a4a4a;
    color:#fff;
/*    text-align:center;*/
    padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
}
#rightContent a
{
	color:#fff;	
}
#rightContent a:hover
{
	color:#CCC;	
}
#rightContent ul
{
    text-align:initial;
	list-style:square;
	padding:0;
	margin-left:17px;
	margin-top:20px;
}
#footer
{
    padding-left:30px;
    padding-right:30px;
    color:#fff;
    background-color:#404040;
    font-size:7.5pt;
    margin:auto;
    width:940px;
    /*height:20px;*/
    border-top:1px dotted white;
}
#scrollUp a
{
	color:#000;
}
#scrollUp a:hover
{
	color:#d8635c;
}
.footerLink a
{
    text-decoration:none;
    color:#fff;
}
.footerLink a:hover
{
    color:#d8635c;
}
#scrollUp
{
    position:fixed;
    bottom:5px;
    left:10px;
    font-size:7.5pt;
}
.contactForm button[type=submit]
{
	width:70px;
}
.formTableLeft
{
	width:25%;
}
.alignRight
{
	text-align:right;
}


@charset "utf-8";
body {
	overflow: hidden;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#hausgalerie td
{
	width:313px;
	padding-bottom: 30px;
}

#contactFormStatus p
{
	text-align:center;
}

.inputError
{
	border:2px solid #d8635c;
	font-weight:bold;
}

.contactFormStatusSuccess
{
	background-color:Green;
	border:1px solid Darkgreen;
}

.contactFormStatusError
{
	background-color:red;
	border:1px solid darkred;
}