/* Your custom css code goes here */
@font-face {
    font-family: 'bard';
    src: url('fonts/bard.eot');
    src: url('fonts/bard.eot?#iefix') format('embedded-opentype'),
         url('fonts/bard.woff2') format('woff2'),
         url('fonts/bard.woff') format('woff'),
         url('fonts/bard.ttf') format('truetype'),
         url('fonts/bard.svg#bardregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h6 {
	color:#333;
	font-family:bard;
	font-size:200%;
    font-weight: 450;
}
h7 {
	color:#fff;
	font-weight:300;
	font-size:170px;
	font-family:bard;
}
h8 {
  color:#333;
  font-family:bard;
  font-size:200%;
  line-height:1.1;
}
.textshade{
  text-shadow: 1px 1px 3px #333, 15px 15px 15px #1b1b1b, 0 0 30px #CCC;
}
.narfont {
  font:450% 'bard', arial, Helvetica, sans-serif;
}
.probootstrap-logo {
  color: #B2D430;
  font-size: 90px;
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-family: bard;
  text-shadow: 1px 1px 3px #333, 15px 15px 15px #1b1b1b, 0 0 30px #CCC;
}
.probootstrap-logo:hover, .probootstrap-logo:focus, .probootstrap-logo:active {
  color: #B2D430;
}
.narsubfont {
  	font:190% 'bard', arial, Helvetica, sans-serif;
}
.narfontquote {
  	font:500% 'bard', arial, Helvetica, sans-serif;
    color: #fff;
	font-style: italic;
    text-align: left;
}
.narfontwhite {
  	font:250% 'bard', arial, Helvetica, sans-serif;
	color: #fff;
}
.sublogo {
  color: #333;
  font-weight: 450;
}
.slogan{
  position: relative;
  height: 100px;
  margin-bottom: 20px;
}
.cursiv {
  font-style: italic
}
#article{
	color: #333;
	font-family: bard;
	font-size: 30px;
    background:transparent url('img/green39.png') repeat;
	margin:10px 0 -10px 0;
	border-radius:13px 13px 13px 13px; 
	padding:5px 10px 0 10px;
	z-index:3;
}
.author{
	color:#333;
	font-family: bard;
	font-size: 18px;
}
.paper{
	background:url('img/paperback.jpg') repeat;
}
.left{
	text-align: left;
}
.right {
	text-align: right;
}
.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.mcolumn10{
	float:left;
	padding:10px;
	width:10%;
}
.mcolumn30{
	float:left;
	padding:10px;
	width:30%;
}
.mcolumn50{
	float:left;
	padding:10px;
	width:50%;
}
.mcolumn60{
	float:left;
	padding:10px;
	width:60%;
}
.mtop:after{
	content:"";
	display:table;
	clear:both;
}
.sliderfixed{
	height:90px;
}
.bottom{
	margin-botoom:20px;
}
.tab{
	margin-left:30px;	
}
.tab2{
	margin-left:70px;	
}
.camper{
	display:none;
}
.camper img{
	width:450px;
	height:73px;
}
.nocamper:hover .camper{
	display:block;
	position:absolute;
	left:45px;
	top:40px;
	z-index:1;
}
.nocamper a{
	position:absolute;
	left:45px;
	top:0px;
	z-index:100;
}
.menucolor li a:hover{
	font-family:bard;
	font-size: 14px;
	color: #445111;
	text-shadow: -.5px .5px 1px #333,
				  .5px .5px 1px #333,
				  .5px -.5px 0px #333,
				 -.5px -.5px 0px #333;
}
.boxshade{
	box-shadow: 10px 10px 5px gray;
}
.answer{ 
    background:transparent;
  	border:2px solid #ccc; 
	color:#000;
  	border-radius:3px 3px 3px 3px;
  	-moz-border-radius:3px 3px 3px 3px;
  	-webkit-border:3px 3px 3px 3px;
}
.answer select{
  	border:2px solid #b2d430; 
}
.form-error{
	posistion:relative;
	float:left;
	min-width:300px;
	height:100%;
	text-align:center;
	color:#000;
	padding:3px;
	margin:10px 10px 5px 5px;
    background:transparent url('img/green39.png') repeat;
    border: 2px solid #F00;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.form_color {
	font-color: #000;
}
.geenspam{
	display:none;
}
.botbut{
	height: 126px;
	width: 200px;
}
.botlogo{
	height:100px;
	width:68px;
	float:right;
}
.footercolor li a{
	color: #ddd;
}
.footercolor li a:hover{
	font-family:bard;
	font-size: 14px;
	color: #b2d430;
}