/*
Theme Name: vorschlag:hammer
Theme URI: –
Author: Simon Koschmieder
Author URI: http://www.simon-koschmieder.de
Description: Das Theme der Vorschlag Hammer Seite
Version: 1.0
*/

@font-face {
    font-family: 'vh01regular';
    src: url('fonts/vh02_500/vh02-500-webfont.eot?v=4');
    src: url('fonts/vh02_500/vh02-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vh02_500/vh02-500-webfont.woff?v=4') format('woff'),
         url('fonts/vh02_500/vh02-500-webfont.ttf?v=4') format('truetype'),
         url('fonts/vh02_500/vh02-500-webfont.svg#vh02dregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,html{
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	padding-bottom:0px !important;
	background-image:url(img/bodypattern.png?v=4);
	
}
#impressum{
	position:absolute;
	bottom:10px;
	right:13px;
	z-index:3200;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:right;
	width:11px;
	-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
}
#impressum:hover{
	text-decoration:none;
}
.page-item-273,.page-item-380{
	position:absolute;
	bottom:10px;
	right:13px;
	z-index:3200;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:right;
	width:11px;
	-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
}
.page-item-273:hover,.page-item-380:hover{
	text-decoration:none;
}
#vorhang{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(img/bodypattern.png?v=3);
	
	pointer-events: none;
}
.fontLightOn,.fontLightOn a, .fontLightOn a.attention,.fontLightOn div{
	color:#dcffff !important;
	/*text-shadow: 0px 0px 20px #dcffff !important;*/
}
.fontLightOn img.backlit{
	/*-webkit-box-shadow: 0px 0px 20px #ffc !important;
	-moz-box-shadow:    0px 0px 20px #ffc !important;
	box-shadow:         0px 0px 20px #ffc !important;*/
	/*-webkit-filter: drop-shadow(0px 0px 2px #ffc); 
	filter: drop-shadow(0px 0px 2px #ffc); */
	background:url(img/imglight.png) center no-repeat !important;
}
#main{
	
	position:absolute;
	width:100%;
	height:100%;
	
}
#trailerholder{
	opacity:0;
    display: table; 
    vertical-align: middle;
    height:100%;
    width:100%;
    text-align:center;
    background-color:#000;
    position:absolute;
    z-index:5000;
}
#trailercontentouter{
    display: table-cell; 
    vertical-align: middle;
    padding:10px;

}
#trailercontentinner {
 width:300px;
  margin: 0 auto;
  background: #ffea00;
 /* border: 2px solid #ff9800;*/
}
#closetrailer{
width:45px;
height:45px;
position:absolute;
left:50%;
padding:0px;
cursor:pointer;
margin-left:-23px;
bottom:10px;
background-image:url(css/photoswipe-icons.png);

}
.scrollcontainer{
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	
}

.scrollcontainer::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.3);
	
	background-color: inherit;
}

.scrollcontainer::-webkit-scrollbar
{
	width: 8px;
	background-color: inherit;
}

.scrollcontainer::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,150,.3);
	background-color: #00c;
}

.scrollcontainer_inner{
	padding:40px;
	
}
.back{
	
	width:100px;
	height:47px;
	
	text-align:center;
	margin-left:-50px;
	position:absolute;
	left:40%;
	padding-top:3px;
	margin-bottom:30px;
	margin-top:0px;
	background-color:#00c;
	color:#ffc;
	
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;

}
.back:hover{
	text-decoration:none;
}
.close{
	
	width:100px;
	height:47px;
	
	text-align:center;
	margin-left:-50px;
	position:absolute;
	left:50%;
	padding-top:3px;
	margin-bottom:30px;
	margin-top:0px;
	background-color:#00c;
	color:#ffc;
	
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;

}
.close.with_back{
	left:60%;
}
.close_bottom{
	display:none;
	width:100%;
	text-align:center;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:-32px;
	border-top:1px dashed #00c;
	
}
.line{
	width:100%;
	text-align:center;
	padding-top:10px;
	margin-top:-10px;
	height:20px;
	border-top:1px dashed #00c;
}
body{
	/*text-transform:uppercase;*/
	
		font-family:'vh01regular', Helvetica,Arial,sans-serif;
	font-size:29px;
	line-height:34px;
	color:#00C;
	
 cursor:  url(cursor_mouse.png?v=2) 38 38, auto !important;
 
}

/*-------------*/
.mouseover{
	cursor:  url(cursor_mouse.png?v=2) 38 38, auto  !important;
}
a, .close_bottom, .close, .gallery-item, .small_right{
	cursor:  url(cursor_finger.png?v=2) 38 38, auto !important;
}
.mousedown a, .mousedown .close_bottom,  .mousedown .close, .mousedown .gallery-item, .mousedown .small_right{
	cursor:  url(cursor_finger.png?v=2) 38 38, auto !important;
}
.mousedown{
 cursor:  url(cursor_hit.png?v=2) 38 38, auto  !important;
}

/*-------------*/
p{
	font-size:24px;
	line-height:29px;
}
p a{
	text-decoration:underline !important;
}
#page{

	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;	
	width:100%;
	height:100%;
	
}
canvas{
 margin:0px !important;
 padding:0px !important;
}
#content_holder, canvas, .nav_menu, #bgpattern{
/*transition: filter 2s;*/
}

#content_holder.pink , canvas.pink , .nav-menu.pink {
filter: hue-rotate(50deg);
}
#content_holder.red , canvas.red , .nav-menu.red, #bgpattern.red{
/*filter: sepia(100%) brightness(0.8) hue-rotate(320deg) saturate(4);*/
/*filter:  brightness(80%) contrast(70%) sepia(100%) hue-rotate(320deg) saturate(25);*/
filter: brightness(40%) contrast(80%) sepia(90%) hue-rotate(320deg) saturate(5);

}
#content_holder.brown , canvas.brown , .nav-menu.brown {
filter: hue-rotate(160deg);
}
#content_holder.yellow , canvas.yellow , .nav-menu.yellow {
filter: hue-rotate(220deg);
}

#content_holder.green , canvas.green , .nav-menu.green, #bgpattern.green {
/*filter: hue-rotate(270deg);*/
/*filter: sepia(100%) brightness(80%) contrast(70%) hue-rotate(270deg) saturate(25);*/
filter: brightness(50%) contrast(70%) sepia(90%) hue-rotate(46deg) saturate(11);

}
#content_holder.blue , canvas.blue , .nav-menu.blue {
filter: hue-rotate(360deg);
}
#content_holder.quickblue , canvas.quickblue , .nav-menu.quickblue {
filter: hue-rotate(0deg);
}
#renderHelp{
	filter: none !important;
}
#myCanvas2{
	position:absolute;
	left:0px;
	top:0px;
	pointer-events: none;
}
ul, li , ul li{
	list-style:none;
}
h1, h2, h3, h4{
	padding:0px;
	margin:0px;
	font-size:29px;
}
a{
	color:#00C;
}

#overlay{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#00c;
}
#overlay_inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
#content_holder{
	position:absolute;
	left:50%;
	bottom:13%;
	height:0px;
	background:#fff;
	overflow:auto;
	border:2px solid #00c;
	/*-webkit-box-shadow: 0px 1px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 1px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 1px 2px 3px rgba(0, 0, 0, 0.3);*/
	
	/**/
	background-color: rgb(255,255,200);
	/*background-image:url(img/bgpattern.png);*/
	
}
#content_holder.bottom{
	
	border:1px solid #00c;
	
	
	/*background:url(img/close.gif) center center #fff;*/
	background-repeat:no-repeat;
}
#image_holder{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-512px;
	margin-left:-512px;
	width:1024px;
	height:1024px;
	text-align:center;
}	
#image_holder img{
	display:inline;
	max-height:100%;
	max-width:100%;
}
#content{
	font-size:29px;
	line-height:34px;
	/*padding:40px;*/
	position:absolute;
	width:100%;
	height:100%;
}
#bgpattern{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(img/bgpattern.png?v=3);
}
.nav-menu{
	position:absolute;
	left:0px;
	top:0px;/*40px*/
	width:100%;
	height:100%;
	text-align:center;
	
}

ul, menu, dir {
-webkit-padding-start: 0px;
}
.nav-menu ul,.nav-menu ul li{
	text-align:center;
	display:inline-block;
	text-transform:uppercase;
	margin:20px;
}
.nav-menu ul li a{
	text-decoration:none;
}
.nav-menu ul li a:hover{
	color:#00c;
}
.nav-menu ul li a{
	padding-top:40px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.attention_geometry{
	position:relative;
	left:50%;
	margin-top:-32px;
	margin-left:-62px;
	padding:0px 0px;
	margin-bottom:20px;
	text-align:center;
	width:0px;
	height:0px;
	border-left: 60px solid transparent;
  	border-right: 60px solid transparent;
  	border-bottom: 100px solid #00c;
}
a.attention{

	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:2px;
	display:block;
	/*background:#00c;*/
	color:#ffc;
	position:absolute ;
	left:50%;
	margin-top:-88px;
	margin-left:-50px;
	padding:0px 0px;
	text-align:center;
	width:100px;
	height:100px;
}
.gallery-item{

}
.small_right{
	font-size:20px;
	margin:0px;
	padding:0px;
	float:right;
	margin-top:-7px;
	letter-spacing:1px;
	
}
.title{
	position:relative;
	left:50%;
	width:400px;
	margin-left:-200px;
	text-align:center;
	margin-top:24px;
	margin-bottom:30px;
}
.hochgestellt{
		
	font-size:20px;
	margin:0px;
	padding:0px;
	position:absolute;
	margin-top:-7px;
	
	
}
.vh_event_attention{
	
	position:absolute ;
	margin-top:-5px;
	margin-left:-40px;
	padding:0px 0px;
	width:0px;
	/*height:100px;*/
	border-top: 45px solid transparent;
  	border-bottom: 45px solid transparent;
  	border-left: 130px solid #00c;
}
.vh_event_date{
	display:block;
	width:140px;
	padding-top:24px;
	padding-left:2px;
	margin-left:-30px;
	color:#ffc;
	position:absolute;
	margin-bottom:30px;
}
.vh_event_month{
	position:absolute;
	display:inline-block;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:8px;
	margin-left:3px;
}
.vh_event_time_circle{
	color:#ffc;
	position:absolute;
	display:inline-block;
	background-color:#00c;
	padding-top:22px;
	font-size:20px;
	line-height:20px;
	letter-spacing:1px;
	width:60px;
	text-align:center;
	height:38px;
	margin-left:10px;
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	
}
.vh_event_time{
	
	/*font-size:20px;
	line-height:20px;
	letter-spacing:1px;*/
	
}


.vh_event_date .date{
	text-decoration:underline;
	text-transform:uppercase;
}
.vh_event_title{
	display:block;
	margin-left:100px;
	margin-bottom:10px;
	padding-top:24px;
}
.vh_preview{
	float:left;
	width:47%;
}
.vh_image_preview{
	float:left;
	width:29%;
	cursor:pointer;
}
.vh_margin{
	float:left;
	width:6%;
	height:30px;
}
.vh_next_line{
	width:100%;
	clear:left;
	height:30px;
}

.tabholder{
	/*-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);*/
	width:100%;
	
	text-align:center;
	/*margin-top:-65px;*/
	margin-top:-10px;

}
.tab{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
	letter-spacing:1px;
	padding:32px 0px 38px 0px;
	font-size:20px;
	text-transform:uppercase;
	background:#00C;
	color:#FFC;
	height:20px;
	width:90px;
	border-radius:45px;
	
}
.tab.selected, .tab:hover{
	border-radius:0px;
}
.tabcontent{
	
}

@media only screen and (max-width: 760px) { 

	body{
	/*text-transform:uppercase;*/
	
		font-family:'vh01regular', Helvetica,Arial,sans-serif;
		font-size:12px;
		line-height:13px;
	}
	h1, h2, h3, h4{
		padding:0px;
		margin:0px;
		font-size:12px;
	}
	#content{
		font-size:20px;
		line-height:24px;
		

	}
	.scrollcontainer_inner{
		padding:20px;
	}
	p{
		font-size:20px;
		line-height:24px;
	}
	.small_right{
		font-size:20px;
		margin-top:-4px;
		letter-spacing:1px;
	}
	.hochgestellt{
		
		font-size:10px;
		margin-top:-7px;
	}
	.vh_event_month{
		margin-top:3px;
		font-size:20px;
		line-height:20px;
	}
	.attention_geometry{
	
		margin-top:-17px;
		margin-left:-32px;
		border-left: 32px solid transparent;
  		border-right: 32px solid transparent;
  		border-bottom: 65px solid #00c;
	}
	a.attention{

		font-size:12px;
		line-height:12px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		margin-top:-61px;
		margin-left:-25px;
		padding:0px 0px;
		text-align:center;
		width:50px;
		height:50px;
	}
	.tab{
		display:inline-block;
		margin-right:5px;
		margin-left:5px;
		letter-spacing:0.5px;
		padding:16px 0px 20px 0px;
		font-size:12px;
		text-transform:uppercase;
		background:#00C;
		color:#FFC;
		height:18px;
		width:54px;
		border-radius:27px;
	
	}
	.tabholder{
		margin-top:10px;
	}
	#content_holder{
		bottom:1%;
	
	}
	
	.title{
		width:280px;
		margin-left:-140px;
		margin-top:14px;
		margin-bottom:16px;
	}
	.nav-menu{
		/*top:20px;
		width:310px;
		margin-left:-155px;*/
		font-size:17px;
	}
	nav-menu ul,.nav-menu ul li{
		margin:7px;
	}
	.close{
	
		width:70px;
		height:34px;
		
		text-align:center;
		margin-left:-35px;
		position:absolute;
		left:50%;
		padding-top:3px;
		/*margin-top:-20px;*/
		background-color:#00c;
		color:#ffc;
	
		-webkit-border-bottom-right-radius: 35px;
		-webkit-border-bottom-left-radius: 35px;
		-moz-border-radius-bottomright: 35px;
		-moz-border-radius-bottomleft: 35px;
		border-bottom-right-radius: 35px;
		border-bottom-left-radius: 35px;

	}
	.back{
	
		width:70px;
		height:34px;
		
		text-align:center;
		margin-left:-35px;
		position:absolute;
		left:40%;
		padding-top:3px;
		/*margin-top:-20px;*/
		background-color:#00c;
		color:#ffc;
	
		-webkit-border-bottom-right-radius: 35px;
		-webkit-border-bottom-left-radius: 35px;
		-moz-border-radius-bottomright: 35px;
		-moz-border-radius-bottomleft: 35px;
		border-bottom-right-radius: 35px;
		border-bottom-left-radius: 35px;

	}
	.close.with_back{
		left:60%;
	}

}

@media only screen and (max-width: 410px) { 
.vh_event_attention{
	
	position:absolute ;
	margin-top:7px;
	margin-left:-20px;
	
  	border-left: 65px solid #00c;

	border-top: 30px solid transparent;
  	border-bottom: 30px solid transparent;
}
.vh_event_date{
	display:block;
	width:100px;
	padding-top:24px;
	padding-left:2px;
	margin-left:-20px;
	color:#ffc;
	position:absolute;
	margin-bottom:30px;
}
.vh_event_month{
	position:absolute;
	display:inline-block;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin-top:7px;
	margin-left:3px;
}

.vh_event_title{
	display:block;
	margin-left:50px;
	margin-bottom:10px;
	padding-top:24px;
}
}