/*Stylesheet beispiel
*/
*{
padding:0;
margin:0;
}


html{
overflow-y:scroll;
}
body {

background-image:url(./images/DSC_7282.jpg);
background-repeat:no-repeat;
background-color:#111;
position:top center;

color:white;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;

}

div#wrapper{
	background:#017EFF url(images/gradient.jpg) repeat-y left top;
	border: solid 16px #eee;
	color:black;
	width:auto;
	min-width:660px;
	max-width:72em;
	margin-top:10px;	
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;		
}

div#header {
position:relative;
background-color:#007eff;
background-image:url(images/header.jpg);
background-repeat:repeat-y;
background-position: center center;
color:black;
padding:10px 20px 175px 20px;
text-shadow:1px 1px 2px #111;
margin-bottom:10px;
border-bottom: 1px solid #000055;

}

div#headercovid {
position:relative;
background-color:#007eff;
/*background-image:url(images/header.jpg);
background-repeat:repeat-y;
background-position: center center;*/
background-color:white;
color:black;
padding:10px 20px 175px 20px;
text-shadow:1px 1px 2px #111;
margin-bottom:10px;
border-bottom: 1px solid #000055;

}


#testid{

text-align:center;
color:#c0e900;
font-size:2em;
font-family:serif;
font-weight:bold;

}

div#navi {

float:left;
width:20%;

}
div#navi ul{
width:10em;

}



div#navi li{
list-style-type:none;
text-align:center;
margin:10px;
margin-top:0px;
}

div#navi a{
font-style:italic;
font-weight:bold;
border:solid 3px white;
display:block;
text-decoration:none;
color:white;
background-color:#3333AA;
margin:0px;

}



div#naviinnen{
padding-left:20px;
width:40%;
}



div#navi li.siesindhier a{
color:#c0e900;
background-color:#33a;
border:solid 3px #c0e900;
}

div#navi a:hover,a:focus{
color:#ffff00;


}

div#navi a:active{
color:#c0e900;

}


div#content{
            
background-color:#007eff;
margin-left:20%;

}

div#contentstartseite{
            
background-color:#007eff;
margin-left:auto;
margin-right:auto;

}

div#contentinnen{
/*padding:20px;*/
padding:0;
margin:0;
}

p#unterschrift{
text-align:center;
color:#eee;
font-weight:bold;
}

div#footer{

clear:both;
background-color:#d9d9d9;
color:black;
border-top:1px solid #000055;
padding:10px 20px 20px 20px;
margin-top:0px;
}

address{
text-align:center;
font-size:80%;
font-style:normal;
letter-spacing:2px;
line-height:1.5;
}

img#logo{

color:black;
}


h1{
font-size:150%;
}

h2{
font-size:130%;
}

h3{
font-size:110%;
}

a{
text-decoration:none;

}

a:link{
color:#d90000;
}
a:visited{
color:#017EFF;
}

a:hover,
a:focus{
text-decoration:none;
border:none;
}

a:active{
color:#c0e900;
border:none;
}
div#content a{

}
div#content a:hover,div#content a:focus{

text-decoration:none;
}

p#slogan{
position:absolute;
text-align:center;
width:100%;
color:#c0e900;
font-weight:bold;
font-style:italic;
font-size:2em;
top:45%;


padding:0px 0px;
margin-bottom:0;
}

p#slogancovid{
position:absolute;
text-align:center;
width:100%;
color:#dd0000;
font-weight:bold;
font-style:italic;
font-size:1.5em;
top:45%;


padding:0px 0px;
margin-bottom:0;
}

p#impress{

color:#c0e900;
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;
font-weight:bold;
font-style:italic;
font-size:1.3em;

}

div#impressumstext{

color:black;
//text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;
font-weight:bold;
font-style:italic;
font-size:1em;

}

div#impressumstext li{
list-style-type:circle;
}

p#slogan span{
color:#d90000;
}

/*Abstände nach unten und von links*/

h2,h3,p,ul,ol{
margin-bottom:1em;
}

ul ul{
margin-bottom:0;
}

li{
margin-left:1em;
}

.bildlinks{
float:left;
padding:3px;
border: 5px solid #ccc;
margin-right:10px;
margin-bottom:10px;
}

.bildrechts{
float:right;
padding:3px;
border: 5px solid #ccc;
margin-right:10px;
margin-left:10px;
}

.footerlogo{
float:right;
padding:3px;
margin-right:10px;
margin-left:10px;
}
.footerlogomeg{
float:left;
padding:3px;
margin-right:10px;
margin-left:10px;
}

.footerlogolinks{
position:absolute;
float:left;
padding:3px;


}



.clearing{
clear:both;
}

  div.galerie {  
	overflow:hidden;
    background-color: #eee;    
    padding: 10px; 
    padding-top: 25px; 
    border: 1px solid black;
    margin: 0 3px 3px 0; 
  }
  
  div#startbildlinks {
    
  margin-left:7%;  
  width:40%;  	        
  float:left;
  }
  
  #lente{
    color:black;
    font-weight:bold;
    text-align:let;
  }
  
  div#startbildlinks a {    
  border:none;

  }
  
  div#startbildrechts a {    
  border:none;

  }  
  
  


  div#startbildrechts {
  margin-right:7%;  
  width:40%;  	        
  float:right;
  }
  
  div.galerie img{
  float:left;
  margin-right:15px;
  }

div#kontakt{
background-image:url(./images/HoC/HOC-Einfahrthinweise//HoC-Hintergrund-1.jpg);
background-repeat:no-repeat;
text-align:left;
width:80%;
border:solid 6px #eee;
color:#c0e900;
text-shadow:1px 1px 2px #111;
font-weight:bold;
font-style:italic;
font-size:2em;

}

div#willkommen{
background: url("./images/HoC/HoC-Hintergrund.jpg") top center no-repeat;
width:80%;
height:80%;

}

div#willkommen2{
background: url("./images/HoC-Express/HoC-Express-Hintergrund-1.jpg") top center no-repeat;
width:80%;
height:80%;

}


div#preise{
background: url("./images/HOC-Preise-2013-12-02.gif") top left no-repeat;
width:100%;

height:10%;

}

div#preised{
background: url("./images/HoC-Express/HOC-Preise-2013-12-02.gif") top left no-repeat;
width:100%;

height:10%;

}

div#angebote{
background: url("./images/Angebote/angebot.jpg") top left no-repeat;
width:100%;

height:10%;

}

div#angebotedort{
background: url("./images/Angebote/angebot.jpg") top left no-repeat;
width:100%;

height:10%;

}


div#housecardbild{
background: url("./House-Card-2013.gif") top left no-repeat;
width:100%;

height:100%;
}

div#housetest{
background: url("./House-Card-2013.gif") no-repeat;
display:block;
width:100%;      
}



a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}

div#navi li.face a{

background-color:white;

}



div#zeiten{
float:right;

font-weight:bold;
background-color:rgba(0,126,255,0.9);
/*color:#c0e900;*/
color:black;
font-size:1.2em;
text-align:center;

}

div#zeiten b{ 

font-size:1.3em;


}

div#zeiten strong{ 
color:red;
font-size:1.3em;


}

div#zeiten span{ 
text-decoration:underline;
font-size:1.1em;


}

span#navipreis{
color:#c0e900;
}
/*
div#servicebildl{
display:block;
background-position:top left;
background-size:40%;
background-image:url(./images/HoC/HoC-Service/HOC-Service1.gif);
background-repeat:no-repeat;

}

div#servicebildr{
display:block;

background-position:top right;
background-size:40%;
background-image:url(./images/HoC/HoC-Service/HOC-Service2.gif);
background-repeat:no-repeat;

}


*/
div#serbildl{
//float:right;
}



span#zahlbar{
font-weight:bold;
color:#c0e900;
}

span#housecardspan a{
text-decoration:underline;
color:#c0e900;
border:none;
background-color:rgba(0,0,0,0);
}

td#rechts{
text-align:right;
color:#fa0;
}
td{
padding-bottom:5%;
}

div#service{
background-image:url(./images/HoC/HoC-Service/HoC-Hintergrund-3.jpg);
background-repeat:no-repeat;
background-color:#c2c2c2;

width:98%;
border:solid 6px #eee;
}

div#sblinks{
display:block;
float:left;
width:100%;
background-color:#111;
}

div#sbrechts{

width:100%;
float:left;

background-color:#546;
}

div#sbparkcrengel{
background-image:url(./images/HoC/HOCSB-Park/HoC-Hintergrund-2.jpg);
background-repeat:no-repeat;
background-color:#c2c2c2;

width:98%;
border:solid 6px #eee;


}

div#sbparkdort{
background-image:url(./images/HoC-Express/ESB-Park/HoC-Express-Hintergrund-2.jpg);
background-repeat:no-repeat;
background-color:#c2c2c2;

width:98%;
border:solid 6px #eee;


}



div#service div#heading{

text-align:left;
width:80%;

color:#ffaa00;
text-shadow:1px 1px 2px #111;
font-weight:bold;
font-style:italic;
font-size:1.8em;

}

div#service div#list{
color:#ffaa00;
text-shadow:1px 1px 2px #111;
font-weight:bold;
font-style:italic;
font-size:1em;

}