﻿     html{
 
 min-height:100%;
  
          background: url(back2.jpg) fixed; 
        
        
        
 }

body
{

margin:0px;padding:0px; font-family: 'Open Sans Condensed'; font-weight: 300; font-size:14pt;line-height:1.6;background-color:none !important;}

h1
{margin:0px; padding:0px;font-size:22pt; color:black;margin-top:0px;font-weight:normal !important;} 

h2
{margin:0px; padding:0px;font-size:18pt; color:black; font-weight:normal !important;} 


#manfredstader
{font-family: 'Open Sans Condensed'; font-weight: 400;margin:-2px;margin-top:0px; padding:0px;font-size:36pt; color:inherit;margin-left:-2px;text-rendering:optimizelegibility; line-height:1.0;} 



#strassenmaler
{font-family:  'Open Sans Condensed', sans-serif; margin:0px; padding:0px;font-size:18pt; color:#997000 !important; line-height:40px; text-rendering:optimizelegibility; line-height:1.6;margin-top:20px;}

h3
{margin:0px; padding:0px;} 

#linksstart
{width:15%; margin-left:2%;  margin-top:23px; float:left; background:white; position:fixed; line-heigth:1;}

#rechtsstart
{width:76%;float:right; margin-right: 3%; margin-top:20px;}

#scroller
{margin-top:15px;} 	


a:link { text-decoration:underline;color:black;  }
a:visited { text-decoration:underline;color:black;  }
a:active { text-decoration:underline;color:black; }
a:hover { text-decoration:underline;color:#997000; }


a.menue:link {  text-decoration:none; display:inline-block; padding: 4px; padding-left:15px; padding-right:10px;  background-image: url(dot.png); background-position:left; background-repeat:no-repeat; color:#666666;  }
a.menue:visited {text-decoration:none; display:inline-block; padding: 4px; padding-left:15px;  padding-right:10px;  background-image: url(dot.png); background-position:left; background-repeat:no-repeat; color:#666666;  }
a.menue:active { text-decoration:none;display:inline-block; padding: 4px; padding-left:15px;padding-right:1px;    background-image: url(dot.png); background-position:left; background-repeat:no-repeat; color:#666666;  }
a.menue:hover { text-decoration:none;display:inline-block; padding: 4px; padding-right:10px;  padding-left:15px;  background-image: url(dot.png); background-position:left; background-repeat:no-repeat; background-color: #666666; text-decoration:none; color:white; }


a.blackblue:link {display:inline-block; background-color:#091139; padding:10px; text-decoration:none;color:white; font-weight:bold; -webkit-box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75);
box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75); }
a.blackblue:visited {display:inline-block; background-color:#091139; padding:10px; text-decoration:none;color:white; font-weight:bold; -webkit-box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75);
box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75); }
a.blackblue:active {margin-left:12px; margin-top:22px !important; display:inline-block; background-color:#091139; padding:10px; text-decoration:none;color:white; font-weight:bold; -webkit-box-shadow: 7px 15px 67px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 15px 67px -12px rgba(0,0,0,0.75);
box-shadow: 7px 15px 67px -12px rgba(0,0,0,0.75); }
a.blackblue:hover {display:inline-block; background-color:#111d5b; padding:10px; text-decoration:none;color:white; font-weight:bold; -webkit-box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75);
box-shadow: 25px 44px 88px -12px rgba(0,0,0,0.75); }

a.unten:link { text-decoration:underline;color:white;  }
a.unten:visited { text-decoration:underline;color:white;    }
a.unten:active { text-decoration:underline;color:white;  }
a.unten:hover { text-decoration:underline;color:orange;   }


#h {min-width:40% !important; max-width:40% !important; height:auto !important;}
#q {min-width:60% !important; max-width:60% !important; height:auto !important;}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
    
#outervideo
{width:60%;}    

#oben
{width:100%; height:10px;}

.kontaktfeldeins
{width:30%}

.kontaktfeldzwei 
{width:50%}


@media screen and (max-width: 1500px) {
#h {min-width:50% !important; max-width:50% !important; height:auto !important;}
#q {min-width:70% !important; max-width:70% !important; height:auto !important;}

#outervideo
{width:70%;}    

}


@media screen and (max-width: 1200px) {
#linksstart
{position:relative; z-index:none; }

#h {min-width:60% !important; max-width:60% !important; height:auto !important;}
#q {min-width:80% !important; max-width:80% !important; height:auto !important;}


    #outervideo
{width:80%;}    

}

@media screen and (max-width: 1000px) {
	

	
	
#linksstart
{width:25%; margin-top:23px; float:left; }

#rechtsstart
{width:65%;float:right;margin-right:3%;margin-top:20px;}

#h {min-width:90% !important; max-width:90% !important; height:auto !important;}
#q {min-width:100% !important; max-width:100% !important; height:auto !important;}

#outervideo
{width:100%;}    

.kontaktfeldeins
{width:60%}

.kontaktfeldzwei 
{width:80%}	

}



@media screen and (max-width: 600px) {
	



#h {min-width:100% !important; max-width:100% !important; height:auto !important;}
#q {min-width:100% !important; max-width:100% !important; height:auto !important;}
	
.kontaktfeldeins
{width:80%}

.kontaktfeldzwei 
{width:100%}	


#linksstart
{width:40%; margin-left:3%; margin-top:23px; margin-right:5px; float:left;background-color:transparent;}

#rechtsstart
{width:50%;float:right;margin-right:3%;margin-top:20px;}

}


.punkt li {background: url(punkt.png) no-repeat left top;
  padding: 5px 0px 3px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;}

.punkt ul {margin: 0; padding: 0;}






.punkt li {background: url(punkt.png) no-repeat left top;
  padding: 5px 0px 3px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;}

.punkt ul {margin: 0; padding: 0;}


