body {
	background-color:#f0f0f0;
	color:#484848;
	font-size:15px;
	padding:0;
	margin:0;
	font-family:"Trebuchet MS","Times New Roman","Comic Sans MS",Georgia;
}

img {
	padding:0;
	margin:0;
	border:0;
}

.clean {
    clear: both;
}

#backButton {
    display: none;
}
#backButton2 {
    display: none;
}

#all {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#head {
	background-image:url(../Bilder/head.jpg);
	height:209px;
	width:900px;
	/*float:left;*/
    position: relative;
	border-width:thin;
	border-style:solid;
	border-top-style:none;
	border-bottom-style:none;
	border-color:#aaa5a0;
}

.loadImage {
    margin-top: 10px;
}

#socialStuff {
    position: absolute;
    top: 100px;
    left: 911px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    /*background-color: rgba(170,165,160,0.5);*/
    background-color: #dddada;
    width: 100px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #888888;
    border-color:#aaa5a0;
    border-width: 1px;
    border-style: solid;
    height: 105px;
}

#proNav {
    position: absolute;
    top: 10px;
    left: 911px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #dddada;
    width: 100px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #888888;
    border-color:#aaa5a0;
    border-width: 1px;
    border-style: solid;
}


#proNav h3{
    margin:0px;
}


#proNav ul{
    margin-left: 35px;
}
#proNav ul li {
    list-style-type: square;
    margin-bottom: 10px;
}

#loadWrapper {
    top: 15px;
    left: 5px;
    z-index: 10;
    position: absolute;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #dddada;
    width: 90px;
    border-radius: 5px;
    
    height: 90px;
}

#socialStuff ul{
    margin: 0px;
}
#socialStuff ul li {
    list-style-type: none;
  
}


#navi {
	height:34px;
	width:900px;
	/*float:left;*/
	border-width:thin;
	border-style:solid;
	border-top-style:none;
	border-bottom-style:none;
	border-color:#aaa5a0;
}

.button {
	background-image:url(../Bilder/button_unactive.jpg);
	height:34px;
	width:141px;
	color:white;
	margin-right:5px;
	font-size:16px;
	float:left;
}

.button a {
	height:34px;
	width:141px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
	color:white;
	float:left;
}

.button:hover {
	background-image:url(../Bilder/button_active.jpg);
	height:34px;
	width:141px;
	float:left;
	margin-right:5px;
}

#fill {
	background-image:url(../Bilder/button_unactive.jpg);
	height:34px;
	width:170px;
	font-size:16px;
	float:left;
}

#fill a {
	padding-top:5px;
	margin-right:23px;
	text-decoration:none;
	color:white;
	float:right;
}

#fill a:hover {
	text-decoration:underline;
}

.clear {
	height:150px;
	width:315px;
	float:right;
}

.seperator {
	width: 260px;
    /*#821450;*/
    color: #6a1041;
    
    margin-top: 5px;
    margin-left: 15px;
    
    padding-left: 22px;
    padding-bottom: 7px;
    padding-top: 7px;
    
    border-width: 1px;
    border-bottom-style: dotted;
	border-top-style: dotted;
    border-color: #848484;
}

#projektnavi {
	margin-top:10px;
	/*height:498px;*/
	width:315px;
	float:right;
}


#naviTop {
	/*background-image:url(../Bilder/leftnavi.jpg);*/
	background-image:url(../Bilder/naviTop.png);
	margin-top:10px;
	margin-left:0px;
	height:30px;
	width:315px;
	float:left;
}

#naviBottom {
	/*background-image:url(../Bilder/leftnavi.jpg);*/
	background-image:url(../Bilder/naviBottom.png);
	margin-left:0px;
	height:30px;
	width:315px;
	float:left;
}


#pnFiller {
	/*background-image:url(../Bilder/leftnavi.jpg);*/
	background-image:url(../Bilder/naviFill.png);
	/*margin-top:10px;*/
	margin-left:0px;
	/*height:498px;*/
	width:315px;
	float:left;
}

#pnFiller h3{
	margin-top:0px;
}

#pn {
	/*background-image:url(../Bilder/leftnavi.jpg);*/
	/*background-image:url(../Bilder/naviFill.png);*/
	/*margin-top:10px;*/
	margin-left:0px;
	/*height:498px;*/
	width:315px;
	float:left;
}

#projektnavi ul {
	width:auto;
	margin-left: 55px;
	padding: 0px;
}
#projektnavi li {
	line-height: 19px;
	margin-bottom: 10px;
	list-style-type:square;
	color:#821450;
}

#content table ul {
	width:100%;
	margin-top:0px;
	margin-left: 0px;
	padding:0px;

}
#content table li {
	list-style-type:none;
	color:white;
	margin-bottom: 3px;
}


.listing {
	color:#484848;
}

#passport {
	background-image:url(../pics/passport.jpg);
	border-width:medium;
	border-style:solid;
	border-color:#aaa5a0;
	margin-left:60px;
	margin-top:51px;
	width:200px;
	height:269px;
	float:left;
}


.gallerieNav{
    display: none;
    position: absolute;
    font-size: 15px;
    top: 243px;
    min-width: 141px;
    z-index: 17;
     background-color: #bab4b4;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px; 
    box-shadow: 0px 5px 10px #888888;
}

.gallerieNav a{
    float: none;
}

.gallerieNav ul{
    margin: 0px;
    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0px;
    height: auto;
    width: auto;  
}

.gallerieNav ul li{
    list-style-type:circle;
	color:#ca0517; 
}
.gallerieNav ul .acti{
    list-style-type:disc;
	color:#ca0517; 
}


.GallerieWrapper {
    width:320px;
    float:left;
    margin-left:70px;
    margin-bottom:50px;
}

.GallerieWrapper a{
    text-decoration: none;
}
.GallerieWrapper a:hover{
    text-decoration: underline;
}


.homegalerieImg {
	border-width:medium;
	border-style:solid;
	border-color:#aaa5a0;
	width:320px;
    border-radius: 7px;
    
	/*height:100px;*/
}

.homegalerieImg:hover {
	border-width:medium;
	border-style:solid;
	border-color:#821450;
	
	
}




.galerieImg {
	border-width:medium;
	border-style:solid;
	border-color:#aaa5a0;
    border-radius: 7px;
    box-shadow: 5px 5px 5px #888888;
	/*margin-right:5px;*/
    margin-right: 34px;
	/*margin-bottom:10px;*/
    margin-bottom:30px;
	width:120px;
	/*height:100px;*/
}

.galerieImg:hover {
	border-width:medium;
	border-style:solid;
	border-color:#821450;

	
}


.login {
	color:#484848;
	margin-bottom:40px;
}

.btn {
	color:#484848;
	border-color:#484848;
	border-style:solid;
	border-width:thin;
	background-color:#dddada;
}

.btn:hover {
	background-color:#c2c2c2;
}

.btn:focus {
	background-color:#c2c2c2;
}

input {
	width:100%;
	color:#484848;
	border-color:#484848;
	border-style:solid;
	border-width:thin;
	background-color:white;
}

textarea {
	width:100%;
	font-family:"Trebuchet MS","Times New Roman","Comic Sans MS",Georgia;
	font-size:13px;
	color:#484848;
	border-color:#484848;
	border-style:solid;
	border-width:thin;
	background-color:white;
}

input:focus {
	color:#484848;
	border-color:#484848;
	border-style:solid;
	border-width:thin;
	background-color:#dddada;
}

#content {
	background-color:white;
	width:860px;
	border-width:thin;
	border-style:solid;
	border-top-style:none;
	border-color:#aaa5a0;
    padding-top:1px;
	/*float:left;*/
    position: relative;
    
    padding-left: 20px;
    padding-right: 20px;
}

#content .login table {
	background-color:#f0f0f0;
	padding-bottom:10px;
	color:#484848;
	border-style:solid;
	border-width:thin;
	vertical-align: top;
	padding-top:5px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:5px;
	text-align:left;
}

#content .login td {
	color:#484848;
	border-style:none;
	vertical-align: top;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}

#content table {
	color:white;
	border-style:none;
	border-width:medium;
	border-style:solid;
	border-color:#78736e;
	padding:0px;
	vertical-align: top;
	margin-left:40px;
	border-spacing:0px;
}

#content th {
	vertical-align: top;
	padding-left:10px;
	border-style:double;
	border-width:thin;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

#content td {
	vertical-align: top;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-style:double;
	border-width:thin;
	text-align:left;
}

.hell {
	background-color:#aaa5a0;
}

.dunkel {
	background-color:#78736e;
}



.sem {
	color:#821450;
	margin-left:20px;
	margin-top:-15px;
	font-size:10px;
	font-style:italic;
}

#switch {
	float:left;
	margin-top:190px;
	margin-left:10px;
	font-size:10px;
	color:#484848;
	text-decoration:none;
}

#switch:hover {
	float:left;

	font-size:10px;
	color:#821450;
	text-decoration:underline;
}

.small {
	font-size:10px;
	display:inline;
}

.smallin {
	float:left;
	margin-left:10px;
	width:100%;
	margin-bottom:25px;
}


.inlineImage {
	margin-left:40px;
}

.inline {
	margin-left:40px;
	/*margin-right:20px;*/
}

#content a:hover {
	color:#821450;
	text-decoration:underline;
}

#pn a {
	text-decoration:none;
}

.topLink{
	float:right;
	padding-right:5px;
	text-decoration: none;
}
.topLink a{
	text-decoration: none;
}
.topLink a:HOVER{
	text-decoration: underline;
}

#footer {
	width:860px;
	height:34px;
	/*margin-left:20px;*/
	font-size:10px;
	border-width:thin;
	border-top-style:dotted;
	border-color:#484848;
	/*float:left;*/
	margin-top:50px;
}


/*ALLGEMEIN*/

p {
	text-align:justify;
	margin-left:40px;
	/*width:520px;*/
    /*margin-right: 40px;*/
}

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

h1 {
	color:#821450;

	/*margin-left:10px;*/
	font-size:20px;
	font-style:italic;
}

h2 {
	font-size:15px;
	text-decoration:underline;
	margin-top:0px;
}

h3 {
	margin-left:25px;
	font-size:18px;
	color:#821450;
	font-style:italic;
}

h4 {
	margin-top:0px;
	margin-bottom:5px;
	font-size:15px;
	color:white;
	font-style:italic;
	text-decoration:underline;
}

h5 {
	margin-top:0px;
    margin-left:0px;
	margin-bottom:10px;
	font-size:16px;
	color:#821450;
	font-style:italic;
	text-decoration:none;
}
.fb-send  iframe{
	width:105px;
}

ul {
	width:100%;
	/*width:520px;*/
	margin-left: 60px;
	padding:0px;
}

li {
	list-style-type:disc;
	color:#6a1041;
	margin-bottom: 5px;
}

/*UNTERSTUETZUNG*/


.homegalerieImg2 {
	border-width:medium;
	border-style:solid;
	border-color:#aaa5a0;
	width:120px;
   padding: 15px;
   border-radius: 7px;
   
	/*height:100px;*/
}

.homegalerieImg2:hover {
	border-width:medium;
	border-style:solid;
	border-color:#821450;
	
	
}

.rounder {
    border-radius: 7px;
    box-shadow: 5px 5px 5px #888888;
    border-color: #aaa5a0;
    border-style: solid;
    border-width:3px;
        
}

.referenceWrapper {
    margin-left:40px;
    width:810px;
    height: 270px;
    margin-bottom: 25px;
}

.referenceText {
    width:540px;
    margin-left:30px;
    text-align: justify;
}


/* POJEKT BILDER */

.referenceWrapper2 {
    margin-left:40px;
    width:810px;
    /*height: 400px;*/
    margin-bottom: 100px;
}

.referenceWrapper3 {
    margin-left:40px;
    width:810px;
    margin-bottom: 30px;
}

.referenceText2right {
    /*width:300px;*/
    margin-left:30px;
    text-align: justify;
}

.referenceText2left {
    /*width:300px;*/
    margin-right:30px;
    text-align: justify;
}