@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcecodepro/v3/mrl8jkM18OlOQN8JLgasDxM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:14px;
	font-weight: 300;
	vertical-align: baseline;
	font-family:'Open Sans',sans-serif;
}
html {
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}
body {
	font:13px/2.1 Helvetica, Arial, sans-serif;
	line-height: 1;
	background:#ccc;
	/*background:-moz-linear-gradient(#FFF, #EEE);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #EEE));*/
	color:#333;

}
strong
{
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizeLegibility;
}
ol, ul {
	list-style: none;
}
img {
	-ms-interpolation-mode: bicubic;
}
div, input, textarea, select, button {
	-webkit-background-clip: padding-box;
}
a {
	color:#22172E;
	text-decoration:none;
}
a:hover {
		color:#000;
	}

#container { 
	position:absolute; 
	margin-top:100px;
	top:0px;
}

#header {
	position:fixed;
	margin-top:-60px;
	left:20px;
	z-index:1000;
}
#header h1 a{
    font-family:'Open Sans',sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin: 0 0 0.25em;
	line-height:18px;
}
#header p {
	display:none;
}
#header ul {
float:left;

	}
ul.navi li
{
display:inline-block;
margin-top:10px;
font-size:14px;
}
ul.navi.first li
{
margin-top:16px;
}
ul.navi li a
{
color:white;
}
ul.navi li a.current
{
color: black;
}


.javascript #controls {
	display:block;
}
.Idevice  #controls {
	display:none;
}
#controls {
	position:fixed;
	/*margin-top:-80px;*/
	top:710px;
	left:15px;
	z-index:100;
}
	#controls li {
		float:left;
		display:inline-block;
	}
		#controls li a {
			outline:none;
		}
		#controls .start a
{
    font-family:'Open Sans',sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin-right:0.5em;

		}

		#controls .prev a,
		#controls .next a {
    font-family:'Open Sans',sans-serif;
    font-size: 38px;
    font-weight: 300;
    margin-left:0.25em;
	color:white;

		}		
#content {
	width:800px;
	height:506px;
	/*position:static;*/
}
#logo {
	width:1000px;
	margin-top:10px;
	margin-left:20px;
	height:auto;
	position:static;
}



#presentation {
	width:20px;
	padding:0 0px;
	float:left;
	font-size:11px;
/*	text-align:right;*/
}
#presentation strong {
	font-weight:normal;	
}
#presentation .author {
	font-weight:bold;	
	text-transform:uppercase;	
}
	#presentation ul  {
		font-size:40px;
		font-weight:bold;
/*		margin-top:25px;*/
		margin-top:15px;
		margin-bottom:15px;
	}
		#presentation ul li {
			margin-bottom:10px;
			line-height:1;
		}
		#presentation ul li a {
			background:#DDD;
			color:#000;
			text-shadow: 0 1px 1px #FFF;
			display:block;
			padding:12px 15px;
			border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
			font:normal 10px/1em Georgia, "Times New Roman", Times, serif;
			text-transform:uppercase;
			letter-spacing:1px;
			height:auto; overflow:hidden;		
		}
		#presentation ul li a:hover {
			background:#CCC;
			color:#000;
			text-shadow:none;
		}
		#presentation ul li.current a {
			text-align:left;
			background:#22172E;
			color:#FFF;
			text-shadow:none;
		}
	
#gallery {
	float:left;
	

}
#gallery li {
		float:left;
		border-top:5px solid transparent;
		/*border:1px solid #CCC;*/
		border-right:none;
		height:501px;
		line-height:22px;
	}
#gallery li strong
	{
		margin-top:10px;
	}
#gallery li.current {
			/*border-top:5px solid #fff;*/
		}
#gallery li#end  {
			width:800px;
			height:500px;
		}
#gallery li#end a {
				line-height:500px;
				font-size:600%;
				color:#FFF;
				background:#22172E;
				background:-moz-linear-gradient(#22172E, #635);
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #22172E), color-stop(1, #635));
				text-align:center;
				display:block;
				border-right:1px solid #CCC;
			}
#gallery img {
		/*border-bottom:1px solid #FFF;*/
		background:#CCC url(../img/loading.gif) no-repeat center center;
		height:500px;
		padding-bottom:5px;
	}

.contact
{
width:500px;height:500px;float:left;margin-left:0px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight: 300;line-height:20px;
}
.contact p
{
margin-bottom:20px;
}
.contact a
{
text-decoration:underline;
color:#FFFFFF;
}
.pic
{
width:341px;height:500px;float:left;
}
.profil
{
width:500px;height:500px;float:left;margin-left:20px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight: 300;line-height:20px;
}
.maske
{
color:#999;font-size:36px;
}
@media only screen and (max-width: 1024px)
{
#container { 
	position:absolute; 
	top:0px;
	margin-top:0px;
}

#header {
	position:absolute;
	margin-top:20px;
	width:350px;
	left:0px;
	z-index:1000;
	background-color:white;
	padding:10px;
	border:1px solid #CCCCCC;
}
#header h1
{
float:left;
width:320px;
}
#header h1 a{
    font-family:'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: 300;
	line-height:18px;
}
#header ul {
float:left;

	}
ul.navi li
{
display:inline-block;
margin-top:10px;

}
ul.navi li a
{
color:#999;
    font-family:'Open Sans',sans-serif;
    font-size: 15px;
	text-transform:uppercase;
    font-weight: 300;
	line-height:18px;
}
ul.navi li a.current
{
color: black;
}
.maske
{
color:#999;font-size:20px;
}
#presentation {
	width:0px;
	padding:0 0px;
	float:left;
	font-size:11px;
/*	text-align:right;*/
}
#controls {
	position:fixed;
	/*margin-top:-80px;*/
	top:560px;
	left:15px;
	z-index:100;
}
/*	#controls li {
		float:left;
		display:inline-block;
		
	}
		#controls li a {
			outline:none;
		}
		#controls .start a
{
    font-family:'Open Sans',sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin-right:0.5em;

		}

		#controls .prev a,
		#controls .next a {
    font-family:'Open Sans',sans-serif;
    font-size: 38px;
    font-weight: 300;
    margin-left:0.25em;
	color:white;
	background-color:#999999;

		}*/
#content {
	width:800px;
	margin-top:0px;
	height:auto;
	position:static;
}



#gallery {
	float:left;
}
#gallery li {
		float:left;
		border-top:5px solid transparent;
		border-right:none;
		height:auto;
		line-height:22px;
	}
#gallery li div.subline {
		display:inline;
		background-color:#FFFFFF;
	}
#gallery li.current {
			border-top:5px solid transparent;
		}
#gallery img {
		/*border-bottom:1px solid #FFF;*/
		background:#CCC url(../img/loading.gif) no-repeat center center;
		height:auto;
		padding-bottom:5px;
	}

#logo {
	width:1000px;
	margin-top:100px;
	margin-left:0px;
	height:auto;
	position:static;
}
/*#logo img
{
width:80%;
height:80%;
}*/
.contact
{
width:500px;height:500px;float:left;margin-left:10px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight: 300;line-height:20px;
}
.pic
{
display:block;width:341px;height:540px;float:left;margin-left:10px;
}
/*#logo .pic img
{
width:100%;
height:100%;
}*/
.profil
{
clear:both;width:500px;height:500px;float:left;margin-left:10px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight: 300;line-height:20px;
}
}