@charset "UTF-8";
/* CSS Document */

/*---Links---*/

a {text-decoration: none;}
a:link, a:visited {color: #888;}
a:hover {color: #993300;}
a:active, a:focus {color: #993300;}

.mailaddress {padding: 5px;}

/*----Basic Layout----*/

body {
	font-family: 'Typograph Pro Light', sans-serif;
	color: #000;
	background-color:#FFF;
	position:relative;
	}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}
.container {
	margin: auto;
	width: 80%;
	max-width:800px;
	padding: 2%;
}

/*----header + menus----*/

.menu{
	min-width:60%;
	}
.menu li{
	font-family: 'Montserrat', sans-serif;
	font-size:86%;
	display: inline-block;
	text-transform: uppercase;
	padding: 8px;
/*	letter-spacing: 1px;*/
	}
#menuTop {text-align:center;}
#menuTopKlein {text-align:center; font-size:70%; padding: 20px;}
#menuBottom {text-align:right;}

.herbielogo {
/*	text-align:left;*/
}
.herbielogoKlein img{
	width:20%;
}
.page_headline {
	font-family: 'Montserrat', sans-serif;
	font-size:386%;
	display: inline-block;
	text-transform: uppercase;
	padding: 8px;
	}
.hr {
	margin:20px;
	padding:10px;
	/*padding-top: 200px;*/
	height: 20px;
/*	background: #fff url(images/flourishGrey.jpg) no-repeat scroll center;*/
}

.Logoparade {
	margin: auto;
	padding-top: 200px;
	text-transform:uppercase;
}
#Logobild {
	min-width:80%;
}
.artikelblock {
	position:relative;
	margin: auto;
	background-color: #FFFFFF;
	width:100%;
	max-width: 1280px;	
}
.headline {
	width: 100%;
/*	float:left;*/
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	text-align: left;
	font-size:300%;
	letter-spacing:3px;
	color:#CCC;
	padding-bottom:20px;
}
.anchor:hover {color:#CCC;}
	
	/*----slideshow----*/	
.cycle-slideshow { 
	width: 100%;
	padding-bottom:20px;
	/*padding:10px 0;
	margin:10px 0;*/
	}
.cycle-slideshow img { width: 100%; height: auto }	
	
#slidesGraphics {}
#slidesIllustration {}	

toplink {
	max-width:100%;
	overflow:hidden;
	}
BT_top {
	overflow: hidden;
	display: block;
	}
BT_top img {
	position:absolute;
	width: 50%;	
	top:0;
	right:0;
	}	
BT_top img:hover {}

.content{
	max-width:720px;
	padding-left:20%;
	padding-bottom:120px;
	line-height:180%;
	}
.content a {
	font-family: 'Montserrat', sans-serif;
	}
#contentGraphics, #contentIllustration {
	/*padding-top:100px;*/
	}
.dummybild {
	margin:0 auto;
	width:60%;
	max-width:800px;	
	}

.footer {
	width:100%;
	margin:auto;
	text-align:center;
	background-color:#FFF;
	position:fixed;
	bottom:0;
	z-index:9999;
	font-size:70%;
	}