body {
    background-color: #EDEEEF;
    font-size: medium;
    font-family: verdana,Arial,sans-serif;
    margin:0px;
    padding:0px;
  
  }
  
  *html body {
  	font-size: small; /* für IE5/Win */
  	f\ont-size: medium; /* für andere IE-Versionen */
  	display:inline;
  	margin:0px;
    padding:0px;
  }
  
  
  dfn {
  display:none;
  }
  

#wrap {
  max-width: 1200px;
  min-width: 750px;
  background: #ffffff;
  margin-bottom:0px;
  margin-top:10px;
  margin-left:5%;
  margin-right:5%;
    padding:0px;
    border-left: 1pt dashed silver;
    border-right: 1pt dashed silver;
 }
  
  
 #headerart {
	background: url(../pics/barf_art.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
  
#headerstein {
	background: url(../pics/barf_stein.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
        
#headerpapier{
	background: url(../pics/barf_papier.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
        
#headerlicht {
	background: url(../pics/barf_licht.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
 
 #headermario {
	background: url(../pics/barf_marionette.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
        
#headerkrea {
	background: url(../pics/barf_kreartiv.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
        
#headerweb {
	background: url(../pics/barf_web.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }
        
#headerreferenz {
	background: url(../pics/barf_referenz.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }

#headerkontakt {
	background: url(../pics/barf_kontakt.jpg) no-repeat left;
        height:200px;
        padding:0 0 0 10px;
        margin:0px;
        }

#Naviart {
	
	background-color:#ffffff;
	float: left;
	width: 25%;
	padding:0px;
	margin:0px;
	} 
 
    
  #Naviart li {
    list-style: none;
    padding: 7px 0px;
   
  }
  
  
  #Naviart a:link {
    color: #000000; 
  }
  
  #Naviart a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Naviart a:hover {
    color: #ffffff; 
    background-color: #CE0004;
  }
  #Naviart a:active {
    color: #ffffff; 
    background-color: #CE0004;
  }
  
  #Naviart h1 {
    font-size: 130%;
    font-weight:normal;
    color:#CE0005; 
    padding:0px 0px 0 0px; 
      }


 #Navistein {
 background-color:#ffffff;
float: left;
width: 25%;
padding:0px;
margin:0px;
} 
 
    
  #Navistein li {
    list-style: none;
    padding: 7px 0px;
  
  }
  
  
  #Navistein a:link {
    color: #000000; 
  }
  
  #Navistein a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navistein a:hover {
    color: #ffffff; 
    background-color: #1DACCB;
  }
  #Navistein a:active {
    color: #ffffff; 
    background-color: #1DACCB;
  }
  
  #Navistein h1 {
    font-size: 130%;
    font-weight:normal;
    color:#1DACCB; 
    padding:0px 0px 0 0px; 
      }
      
       
#Navipapier {

background-color:#ffffff;
float: left;
width: 25%;
padding:0px;
margin:0px;
} 
 
    
  #Navipapier li {
    list-style: none;
    padding: 7px 0px;
  
  }
  
  
  #Navipapier a:link {
    color: #000000; 
  }
  
  #Navipapier a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navipapier a:hover {
    color: #ffffff; 
    background-color: #B77628;
  }
  #Navipapier a:active {
    color: #ffffff; 
    background-color: #B77628;
  }
  
  #Navipapier h1 {
    font-size: 130%;
    color:#B77628; 
    font-weight:normal;
    padding:0px 0px 0 0px; 
      }
      
     

#Navilicht {
 
background-color:#ffffff;
float: left;
width: 25%;
padding:0px;
margin:0px;
} 
 
    
  #Navilicht li {
    list-style: none;
    padding: 7px 0px;
  
  }
  
  
  #Navilicht a:link {
    color: #000000; 
  }
  
  #Navilicht a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navilicht a:hover {
    color: #ffffff; 
    background-color: #97B133;
  }
  #Navilicht a:active {
    color: #ffffff; 
    background-color: #97B133;
  }
  
  #Navilicht h1 {
    font-size: 130%;
     color:#97B133;
    padding:0px 0px 0 0px; 
    font-weight:normal;
      }
      
       
   
#Navimario {
	
	background-color:#ffffff;
	float: left;
	width: 25%;
	padding:0px;
	margin:0px;
	} 
 
    
  #Navimario li {
    list-style: none;
    padding: 7px 0px;
   
  }
  
  
  #Navimario a:link {
    color: #000000; 
  }
  
  #Navimario a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navimario a:hover {
    color: #ffffff; 
    background-color: #122764;
  }
  #Navimario a:active {
    color: #ffffff; 
    background-color: #122764;
  }
  
  #Navimario h1 {
    font-size: 130%;
    color:#122764; 
    padding:0px 0px 0 0px; 
    font-weight:normal;
      }
   
#Navikrea {
	
	background-color:#ffffff;
	float: left;
	width: 25%;
	padding:0px;
	margin:0px;
	} 
 
    
  #Navikrea li {
    list-style: none;
    padding: 7px 0px;
   
  }
  
  
  #Navikrea a:link {
    color: #000000; 
  }
  
  #Navikrea a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navikrea a:hover {
    color: #ffffff; 
    background-color: #122764;
  }
  #Navikrea a:active {
    color: #ffffff; 
    background-color: #122764;
  }

 #Navikrea h1 {
    font-size: 130%;
    color:#122764; 
    padding:0px 0px 0 0px; 
    font-weight:normal;
      }

#Naviweb {
	
	background-color:#ffffff;
	float: left;
	width: 25%;
	padding:0px;
	margin:0px;
	} 
 
    
  #Naviweb li {
    list-style: none;
    padding: 7px 0px;
   
  }
  
  
  #Naviweb a:link {
    color: #000000; 
  }
  
  #Naviweb a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Naviweb a:hover {
    color: #ffffff; 
    background-color: #D1BC09;
  }
  #Naviweb a:active {
    color: #ffffff; 
    background-color: #D1BC09;
  }

 #Naviweb h1 {
    font-size: 130%;
    color:#D1BC09; 
    padding:0px 0px 0 0px; 
    font-weight:normal;
      }

#Navireferenz {
	
	background-color:#ffffff;
	float: left;
	width: 25%;
	padding:0px;
	margin:0px;
	} 
 
    
  #Navireferenz li {
    list-style: none;
    padding: 7px 0px;
   
  }
  
  
  #Navireferenz a:link {
    color: #000000; 
  }
  
  #Navireferenz a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navireferenz a:hover {
    color: #ffffff; 
    background-color: #CE0005;
  }
  #Navireferenz a:active {
    color: #ffffff; 
    background-color: #CE0005;
  }

 #Navireferenz h1 {
    font-size: 130%;
    color:#CE0005; 
    padding:0px 0px 0 0px; 
    font-weight:normal;
      }

#Navikontakt {
	border-right: 1pt dashed silver;
	background-color:#ffffff;
	float: left;
	width: 25%;
	padding:0px;
	margin:0px;
	} 
 
    
  #Navikontakt li {
    list-style: none;
    padding: 7px 0px;
   
  }
  
  
  #Navikontakt a:link {
    color: #000000; 
  }
  
  #Navikontakt a:visited {
    color: #000000; 
    background-color: #eeeeee;
  }
  #Navikontakt a:hover {
    color: #ffffff; 
    background-color: #849DDD;
  }
  #Navikontakt a:active {
    color: #ffffff; 
    background-color: #849DDD;
  }

 #Navikontakt h1 {
    font-size: 130%;
    color:#849DDD; 
    padding:0px 0px 0 0px; 
    font-weight:normal;
      }



 


#content {
float: right;
width: 74%;
border-left: 1pt dashed silver;
margin:0px;
padding:10px 0 0 0;
}


#content div {
padding:0px 90px 10px 30px;
}

#contentart {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentart div {
padding:0px 90px 10px 30px;
}

#contentart h1 {
 font-size: 150%;
 font-weight:normal;
    color:#CE0004; 
}

 
#contentart ul {
list-style-image:url(../pics/liste_art.jpg);
}

 #contentpapier {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentpapier div {
padding:0px 90px 10px 30px;
}

#contentpapier h1 {
 font-size: 150%;
    color:#B77628; 
}

 #contentstein {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}

#contentstein div {
padding:0px 90px 10px 30px;
}

 #contentstein h1 {
 font-size: 150%;
    color:#1DACCB; 
}

#contentlicht {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentlicht div {
padding:0px 90px 10px 30px;
}

 #contentlicht h1 {
 font-size: 150%;
    color:#97B133; 
}


#contentmario {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentmario div {
padding:0px 20px 10px 30px;
}

div#contentmario h1 {
 font-size: 130%;
 font-weight:normal;
    color:#122764; 
}

 
#contentmario ul {
list-style-image:url(../pics/liste_mario.jpg);
}



#contentkrea {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentkrea div {
padding:0px 90px 10px 30px;
}

#contentkrea h1 {
 font-size: 150%;
 font-weight:normal;
    color:#C7455F; 
}

 
#contentkrea ul {
list-style-image:url(../pics/liste_art.jpg);
}



#contentweb {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentweb div {
padding:0px 90px 10px 30px;
}

#contentweb h1 {
 font-size: 150%;
 font-weight:normal;
    color:#D1BC09; 
}

 
#contentweb ul {
list-style-image:url(../pics/liste_web.jpg);
}

#contentreferenz {
 float: right;
width: 74%;
border-left: 1pt dashed silver;

margin:0px;
padding:10px 0 0 0;
}


#contentreferenz div {
padding:0px 90px 10px 30px;
}

#contentreferenz h1 {
 font-size: 150%;
 line-height:90%;
 font-weight:normal;
    color:#CE0005; 
}
#contentkontakt {
 float: right;
width: 74%;


margin:0px;
padding:10px 0 0 0;
}


#contentkontakt div {
padding:0px 90px 10px 30px;
}

#contentkontakt h1 {
 font-size: 150%;
 font-weight:normal;
    color:#849DDD; 
}

#contentsm {
 float: right;
width: 85%;
border-left: 1pt dashed silver;float: right;}

margin:0px;
padding:10px 0 0 0;
}


#contentsm div {
padding:0px 90px 10px 30px;
}

#contentsm ul {
list-style-image:url(../pics/liste_art.jpg);
}


#contentsm h1 {
 font-size: 150%;
 font-weight:normal;
    color:#CE0005; 
}
#footerart_c {
clear:both;
background-color:#1F1717;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footerart {
background-color:#EDEEEF;
text-align:center;
}

#footerstein_c {
clear:both;
background-color:#48432B;
text-align:center;
font-weight:bold;
color:#ffffff;
padding:3px;
}

#footerstein {
background-color:#EDEEEF;
text-align:center;
}
   
#footerpapier_c {
clear:both;
background-color:#2D4D27;
text-align:center;
color:#ffffff;
font-weight:bold;
padding:3px;
}

#footerpapier {
background-color:#EDEEEF;
text-align:center;
}

#footerlicht_c {
clear:both;
background-color:#F68622;
font-weight:bold;
text-align:center;
color:#ffffff;
padding:3px;
}

#footerlicht {
background-color:#EDEEEF;
text-align:center;
}
#footermario_c {
clear:both;
background-color:#8D1A1E;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footermario {
background-color:#EDEEEF;
text-align:center;
}
 
 #footerkrea_c {
clear:both;
background-color:#9BBB41;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footerkrea {
background-color:#EDEEEF;
text-align:center;
}
 
  #footerweb_c {
clear:both;
background-color:#474131;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footerweb {
background-color:#EDEEEF;
text-align:center;
}

 #footerreferenz_c {
clear:both;
background-color:#A0BDDB;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footerreferenz {
background-color:#EDEEEF;
text-align:center;
}

 #footerkontakt_c {
clear:both;
background-color:#F66725;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footerkontakt {
background-color:#EDEEEF;
text-align:center;
}

 #footersm_c {
clear:both;
background-color:#A0BDDB;
text-align:center;
color:#ffffff;
padding:3px;
font-weight:bold;
}

#footersm {
background-color:#EDEEEF;
text-align:center;
}


a:link {
    color: #000000; 
  }
  
 a:visited {
    color: #000000; 
     }
 a:hover {
    color: #CE0005; 
    
  }
 a:active {
    color: #CE0005; 
   
  }
  
.weiss:link {color:#ffffff; 
font-weight:bold;}
.weiss:visited {color:#ffffff;
font-weight:bold;}
.weiss:active {color:#ffffff; 
font-weight:bold;}
.weiss:hover {color:#ffffff; font-weight:bold;
}