/* cutive-regular - latin */
@font-face {
  font-family: 'Cutive';
  font-style: normal;
  font-weight: 400;
  src: url('http://www.megangay.com/fonts/cutive-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('http://www.megangay.com/fonts/cutive-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.megangay.com/fonts/cutive-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://www.megangay.com/fonts/cutive-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://www.megangay.com/fonts/cutive-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://www.megangay.com/fonts/cutive-v17-latin-regular.svg#Cutive') format('svg'); /* Legacy iOS */
}



html {
	height: 100%;   
}


body {
	margin:0;
	padding:0;
   	height: 100%;
   
}


a {
	color:#bebebe;
	text-decoration:none;
}



#page {
	width:720px;
	margin: 0 auto;
}


.background {
position:fixed;
   display: table;
   width:600px;
   height: 80%;

}


.background-center {
   display: table-cell;
   vertical-align: middle;

}




.bildleiste {
position:absolute;
   display: table;
   width: 600px;
   height: 80%;

}


.bildleiste-category {
position:absolute;
   display: table;
   width: 600px;

}



.bildleiste-inhalt {
   display: table-cell;
   vertical-align: middle;
}

.scroll {
position:relative;
   display: table;
   width: 400px;
   height: 600px;

}


.menu-position {
position:fixed;
   display: table;
   width:153px;
   height: 100%;

}


.menu-position-inhalt {
   display: table-cell;
   vertical-align: middle;

}




#name
{
position:relative;
width:720px;
height:90px;
top:70px;
font-size:60pt;
font-family: 'Cutive', serif;
color:#000000;
}


#bild
{
position:relative;
width:720px;
margin-left:152px;
height:250px;
font-family: 'Cutive', serif; 
clear:both;
}

#image
{
width:400px;
float:left;
}

#bild-cv
{
position:relative;
width:720px;
margin-left:152px;
height:250px;
font-family: 'Cutive', serif; 
clear:both;
}


#bild-cv h1
{
position:absolute;
margin-top:4px;
font-family: 'Cutive', serif;
font-size: 10pt;
color:#6c6b6b;
display:inline;
font-weight:normal;
}

h2
{
margin-left:0px;
font-family: 'Cutive', serif;
font-size: 10pt;
color:#6c6b6b;
display:inline;
font-weight:normal;
width:600px;
}


#bild-cv h3
{
position:relative;
margin-left:50px;
font-family: 'Cutive', serif;
font-size: 10pt;
color:#6c6b6b;
display:inline;
font-weight:normal;
}

#bild-cv p {
position:relative;
margin-top:5px;
margin-bottom:15px;
margin-left:50px;
line-height:12px;}



#links
{
position:relative;
width:400px;
float:left;

}

#links-voice
{
position:relative;
width:400px;
height:230px;
left:0px;
top:0px;

background: rgba(240, 240, 240, 0.85);
float:left;

}


#links-voice p
{
margin-top:5px;
font-size:0px;
}

.Audio {
margin-top:-17px;}



#rechts
{
width:295px;
margin-left:7px;
float:left;
}


#fliesstext
{
font-family: Helvetica;
font-size:9pt;

}

#fliesstext-photo
{
font-size:7pt;
}


#abstand
{
width:720px;
height:95px;
clear:both;
}

#abstand-category
{
width:720px;
height:20px;
clear:both;
}

#abstand-single
{
width:720px;
height:0px;
clear:both;
}



#menu
{
position:absolute;
left:558px;
height:60%;
width:300px;
bottom:0;
}

#menu-text
{
font-size:12pt;
font-family: 'Cutive', serif;
font-weight:normal;
background:#ffffff;
height:1000px;
margin-top:-10px;
line-height:14pt;
}

#klein

{
font-size:7pt;
font-family: 'Cutive', serif;
line-height:6pt;
}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: block;
		text-align: left;
	}
	.main-navigation ul {
		margin: 0;
		padding: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: block;
		text-decoration: none;
	}
	.main-navigation li a {
		color: #bebebe;

	}
	.main-navigation li a:hover {
			color: #000000;


	}

	.main-navigation li ul li a:hover {
		color: #000000;


	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .active> a {

		color: #000000;
	}


	.nav-menu-zwei,
	.nav-menu-zwei > ul {
		display: inline !important;
		text-align: left;
	}
	.nav-menu-zwei a,
	.nav-menu-zwei li {
		display: inline !important;
		text-decoration: none;
		font-size:6pt;
	}
	
	
	
#qtranslate-3 ul {
		display: inline !important;
		text-align: left;
	}

#qtranslate-3 li {
		display: inline !important;
		text-decoration: none;
		font-size:6pt;
	}


#mqtranslate-3 ul {
		display: inline !important;
		text-align: left;
	}

#mqtranslate-3 li {
		display: inline !important;
		text-decoration: none;
		font-size:6pt;
	}


.widget-title {
		display: none;
	}



@media (max-width: 720px)


{

#page {
	width:100%;
}

#abstand
{
width:95%;
height:95px;
clear:both;
}

#abstand-category
{
width:95%;
height:20px;
clear:both;
}

#abstand-single
{
width:95%;
height:0px;
clear:both;
}

#links {
    position: relative;
    width: 90%;
    float: left;
}


img {
    width: 100%;
    height: auto;

}

.menu-position {
    position: fixed;
    display: table;
    width: 100px;
    height: 100%;
}


.bildleiste {
    position: absolute;
    display: table;
    width: 95%;
    height: 80%;
}


.bildleiste-category {
    position: absolute;
    display: table;
    width: 95%;



}
#bild {
    position: relative;
    width: auto;
    margin-left: 97px;
    height: 250px;
    font-family: 'Cutive', serif;
    clear: both;
}

#fliesstext-photo {
    font-size: 7pt;
}

#rechts {
    width: 100%;
    margin-top: 10px;
    float: left;
}

#links-voice {
    width: 100%;
    height:auto;
    padding-left:10px;
    padding-right:10px;
    background: rgba(240, 240, 240, 0.85);
    float: left;
}

.scroll {
    position: relative;
    display: table;
    width: 100px;
    height: 100px;
}

.background {
    position: fixed;
    display: table;
    width: 95%;
    height: 80%;
}

#name {
    position: relative;
    height: 90px;
    top: 70px;
    font-size: 38pt;
    font-family: 'Cutive', serif;
    color: #000000;
}


#menu {
    position: absolute;
    left: 10px;
    top: 60%;
    height: 60%;
    width: 20%;
    bottom: 0;
}
	

#bild-cv {
    position: relative;
    width: 100%;
    margin-left: 130px;
    height: 250px;
    font-family: 'Cutive', serif;
    clear: both;
}

#video {
    width: 100%;
    float: left;
}
.js-video {
    height: 0;
    padding-top: 10px;
    padding-bottom: 67.5%;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}

}