body {
	height: 650px;
	background-color: #E7E2D9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
}
#container {
	background: #B9B9B9;
	width: 990px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-attachment: scroll;
	margin-bottom: 10px;
}
#masthead {
	width: 960px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	overflow: hidden;
}
#content {
	float: right;
	width: 830px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 10px;
	background-color: #fff;
	position: inherit;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#masthead img:first-child {
	margin-top: 10px;
	margin-left: 0px;
	clear: none;
	display: inline;
}

#masthead img {
	margin-top: 5px;
	margin-left: 0px;
	clear: none;
	display: inline;
}
#masthead p {
	font-size: 0.8em;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

/* Formatvorlagen für die Navigation */
.sidebar {
        background-color:#B9B9B9;
        width:122px;
        float:left;
}
.sidebar a#logo {
        display:block;
        margin:37px 0 0 18px;
}
.sidebar ul {
        list-style:none;
        margin:46px 0 0;
        padding:0;
}
.sidebar ul li {
        min-height:0!important;
        margin-top:-4px;
}
.sidebar ul li a {
        color:#FFF;        
        font-size:14px;
        letter-spacing:.04em;
        line-height:214px;
        text-transform:uppercase;
        display:block;
        text-decoration:none;
        text-align:center;
        float:right;
}

/* ---------------------------- Format und Farbe der Navigations-Buttons ----------------------------------------*/

.sidebar ul li.selected.home a, .sidebar ul li.selected.home:hover a {
        width:122px;
        background: 36px -56px #01174F;
}
.sidebar ul li.home:hover a {
        width:114px;
        background: 33px -56px #01174F;
}
.sidebar ul li.home a {
        width:114px;
        height:144px;
        background: 33px 45px #01174F;
}
.sidebar ul li.selected.about a, .sidebar ul li.selected.about:hover a {
        width:122px;
        background: 36px -271px #4E68C2;
}
.sidebar ul li.about:hover a {
        width:114px;
        background: 33px -271px #4E68C2;
}
.sidebar ul li.about a {
        width:114px;
        height:144px;
        background: 33px -163px #4E68C2;
}
.sidebar ul li.selected.projects a, .sidebar ul li.selected.projects:hover a {
        width:122px;
        background: 36px -480px #76A4E8;
}
.sidebar ul li.projects:hover a {
        width:114px;
        background: 33px -480px #76A4E8;
}
.sidebar ul li.projects a {
        width:114px;
        height:144px;
        background: 33px -377px #76A4E8;
}
.sidebar ul li.selected.blog a, .sidebar ul li.selected.blog:hover a {
        width:122px;
        background: 38px -675px #A1CBFF;
}
.sidebar ul li.blog:hover a {
        width:114px;
        background: 35px -675px #A1CBFF;
}
.sidebar ul li.blog a {
        width:114px;
        height:144px;
        background: 35px -576px #A1CBFF;
}
.sidebar ul li.selected.contact a, .sidebar ul li.selected.contact:hover a {
        width:122px;
        background: 37px -848px #A9C1DE;
}
.sidebar ul li.contact:hover a {
        width:114px;
        background: 33px -848px #A9C1DE;
}
.sidebar ul li.contact a {
        width:114px;
        height:144px;
        background: 33px -763px #A9C1DE;
}
.sidebar div.connect {
        position:absolute;
        bottom:0;
        margin:0 0 29px 57px;
}
.sidebar div.connect a {
        text-indent:-99999px;
        display:block;
}
.sidebar div.connect a#fb {
        background:  0 0;
        width:26px;
        height:24px;
        margin-bottom:20px;
}
.sidebar div.connect a#fb:hover {
        background: 0 -276px;
}
.sidebar div.connect a#twitter {
        background: 0 -25px;
        width:26px;
        height:20px;
        margin-bottom:17px;
}
.sidebar div.connect a#twitter:hover {
        background: 0 -301px;
}
.sidebar div.connect a#googleplus {
        background: 0 -46px;
        width:26px;
        height:23px;
        margin-bottom:16px;
}
.sidebar div.connect a#googleplus:hover {
        background: 0 -322px;
}
.sidebar div.connect a#youtube {
        background: 0 -70px;
        width:26px;
        height:24px;
}
.sidebar div.connect a#youtube:hover {
        background: 0 -346px;
}

/* ---------------------------- Format für die index.html ----------------------------------------*/
.content-home div {
	background-color: #FFFF;
	overflow: hidden;
	margin-bottom: 40px;
}
.content-home div h3 {
        color:#4D4D4D;
        float:left;
        font-family:AbelRegular;
        font-size:24px;
        font-weight:400;
        letter-spacing:.02em;
        line-height:36px;
        margin:2px 0 0 20px;
        width:270px;
}
.content-home div p {
        color:#4D4D4D;
        float:right;
        font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
        font-size:15px;
        line-height:30px;
        margin:2px 0 0 110px;
        width:350px;
}
.content-home div ul {
        list-style:none;
        margin:11px 0 25px;
        overflow:hidden;
        padding:0;
}
.content-home div ul li {
        float:left;
        margin:0 0 0 35px;
        position:relative;
        width:360px;
}
.content-home div ul li h4 {
        margin:0 0 0;
        position:absolute;
        right:5px;
        top:118px;
}
.content-home div ul li h4 a {
        color:#4D4D4D;
        font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
        font-size:22px;
        font-weight:400;
        line-height:24px;
        text-transform:uppercase;
}
.content-home div ul li h4 a:hover {
        text-decoration:none;
}
.content-home div ul li h3 {
        float:none;
        line-height:24px;
        margin:21px 0 0;
        width:auto;
}
.content-home div ul li h3 a {
        color:#4D4D4D;
        float:none;
        font-family:AbelRegular;
        font-size:21px;
        text-decoration:none;
        text-transform:none;
}
.content-home div ul li p {
        color:#4D4D4D;
        float:none;
        font-size:14px;
        letter-spacing:.02em;
        line-height:24px;
        margin:26px 0 25px;
        width:325px;
}
.content-home div ul li p a {
        color:#4D4D4D;
        float:none;
        font-size:14px;
        text-decoration:underline;
        text-transform:none;
}
.content-home div ul li p a:hover {
        color:#4D4D4D;
}
.content-home div ul li a {
        clear:both;
        color:#4D4D4D;
        font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
        font-size:16px;
        line-height:24px;
        text-decoration:none;
        text-transform:uppercase;
}
.content-home div ul li a:hover {
        filter:alpha(opacity=90);/* Needed for IE8 and old versions */
        opacity:0.9;
}


/* ---------------------------- Format für die anderen ----------------------------------------*/

/*-----------------------------------------------------------content normal--------------------------------------*/
.content-normal {
         min-height:750px;
}
.content-normal div {
        background-color:#FFFFFF;
        margin:0px 5px 0px 18px;
        overflow:hidden;
}
.content-normal div h3 {
	color: #4D4D4D;
	float: left;
	font-size: 27px;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 36px;
	text-transform: uppercase;
	width: 600px;
}
.content-normal div p {
        color:#4D4D4D;
        float:right;
        font-size:15px;
        line-height:30px;
        margin:2px 0 10 10px;
        width:350px;
}
.content-normal div ul {
        list-style:none;
        margin:11px 0 25px;
        overflow:hidden;
        padding:0;
}
.content-normal div ul li {
	color: #4D4D4D;
	font-family: Arial,Helvetica,sans-serif;
	float: none;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 24px;
	width: 750px;
}
.content-normal div ul li h4 {
        margin:32px 0 0;
        position:absolute;
        right:10px;
        top:118px;
}
.content-normal div ul li h4 a {
        color:#fff;
        font-size:24px;
        font-weight:400;
        line-height:24px;
        text-transform:uppercase;
}
.content-normal div ul li h4 a:hover {
        text-decoration:none;
}
.content-normal div ul li h3 {
	color: #4D4D4D;
	float: none;
	font-size: 21px;
	text-decoration: none;
	text-transform: none;
}
.content-normal div ul li h3 a {
        color:#4D4D4D;
        float:none;
        font-size:21px;
        text-decoration:none;
        text-transform:none;
}
.content-normal div ul li p {
	color: #4D4D4D;
	float: none;
	font-size: 14px;
	letter-spacing: .02em;
	line-height: 24px;
	margin: 26px 0 25px;
	width: 750px;
}
.content-normal div ul li p a {
        color:#4D4D4D;
        float:none;
        font-size:14px;
        text-decoration:underline;
        text-transform:none;
}
.content-normal div ul li p a:hover {
        color:#4D4D4D;
}
.content-normal div ul li a {
        clear:both;
        color:#4D4D4D;
        font-size:16px;
        line-height:24px;
        text-decoration:none;
        text-transform:uppercase;
}
.content-normal div ul li a:hover {
        filter:alpha(opacity=90);/* Needed for IE8 and old versions */
        opacity:0.9;
}

/*-----------------------------------------------------------content contact--------------------------------------*/

.content-contact div {
	background: url(../images/bg-2-column.png) repeat-y scroll 0 0 transparent;
	margin: 0 5px 0 10px;
	overflow: hidden;
	padding: 26px 0 100px 0;
}
.content-contact div div h3 {
        color:#4D4D4D;
        font-size:27px;
        font-weight:400;
        letter-spacing:.02em;
        line-height:36px;
        margin:0 0 52px;
        text-transform:uppercase;               
}
.content-contact div div p {
    color: #4D4D4D;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 24px;
    margin: 0px 0px 24px;
    padding: 0px 0px 0px 1px;
}
.content-contact div div p a {
        color:#4D4D4D;
        margin:0;
        text-decoration:none;
        text-transform:none;
}
.content-contact div div form h4 {
        color:#4D4D4D;
        font-size:21px;
        font-weight:400;
        letter-spacing:.02em;
        line-height:24px;
        margin:0 0 12px;
        text-transform:none;
}
.content-contact div div form {
        clear:both;
        margin:0 0 46px;
        padding:4px 0 0;
}
.content-contact div div form textarea {
        background-color:#EEE;
        border:1px solid #4D4D4D;
        color:#939393;
        display:block;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        height:189px;
        letter-spacing:.02em;
        margin:0 0 18px;
        overflow:auto;
        padding:4px 10px;
        resize:none;
        width:451px;
}
.content-contact div div.sidebar {
	background: none repeat scroll 0 0 transparent;
	float: left;
	margin: 0;
	width: 221px;
}
.content-contact div div.sidebar h3 {
    color: #4D4D4D;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 36px;
    margin: 0 0 52px;
    text-transform: uppercase;
}
.content-contact div div.sidebar span {
        color:#4D4D4D;
        display:block;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:700;
        letter-spacing:.02em;
        line-height:24px;
        margin:0 0 12px;
}
.content-contact div div.sidebar p {
        color:#4D4D4D;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        letter-spacing:.02em;
        line-height:24px;
        margin:0 0 12px;
}
.content-contact div div.sidebar p a:hover {
        color:#4D4D4D!important;
}
.content-contact div div {
	background: transparent none repeat scroll 0px 0px;
	float: left;
	padding: 0px 31px 0px 0px;
	width: 493px; }
	
/* footer  */

.footer {
    height: 35px;
    text-align: center;
	overflow: hidden;
	clear: both;
	width: 940px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #B9B9B9;
	margin-top: 30px;
	padding: 15px 5px 0 18px;
}

.footer p {
    float: left;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 2px;
    letter-spacing: .02em;
    margin: 0px 0px 0px 100px;
}

.footer ul {
    float: right;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

.footer ul li {
    float: left;
}

.footer ul li a {
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 2px;
    letter-spacing: .02em;
    text-decoration: none;
    border-left: 1px solid #fff;
    padding: 0 6px;
}