article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

html,button,input,select,textarea{font-family:sans-serif}

body{margin:0}

nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}

html,body{
height:100%;
}

body{
background-color:#FFFFFF;
color:#000000;
font-family:"Arial", Helvetica, sans-serif;
font-size:18px;
line-height:26px;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

img{vertical-align:middle}

nav ul{
list-style-type:none;
margin:0;
padding:0;
}

a{outline:0 none !important}

h1,h2,h3,h4,h5,h6,p{
font-size:100%;
font-weight:normal;
margin:0;
}

p{margin-bottom:26px;letter-spacing:0.05em}

.siteContent{background-color:#FFFFFF}

.main{background:url('') center bottom repeat-x;*zoom:1;font-size:13px;line-height:18px;text-transform:uppercase;padding-bottom:13px;letter-spacing:1px}
.main:before,.main:after{content:"";display:table}
.main:after{clear:both}
.main>a{float:left}
.main>a.team{display:none}
.main>a.team.show{display:block}
.main>span{display:none;float:left;height:30px;padding-left:10px}
.main>span.show{display:block}
.main a{color:#afafaf;display:inline-block;height:30px;outline:none;text-decoration:none}
.main a:hover,.main a.active{color:#fff}.main ul{float:right}.main ul li{display:inline;float:left;padding-left:30px}
.main ul li:first-child{padding-left:0}

.siteHeader{background-color:#FFFFFF;color:#afafaf;position:fixed;top:0px;left:0px;right:0px;z-index:5}

.siteContent{min-height:100%;position:relative;width:100%}.siteContent h1{font-size:39px;line-height:50px;margin-bottom:17px;text-transform:uppercase}
.siteContent .content{*zoom:1;padding-top:200px;padding-bottom:100px;margin:0 auto;margin:0 7%}
.siteContent .content:before,.siteContent .content:after{content:"";display:table}
.siteContent .content:after{clear:both}
.siteContent .content.text{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:324px;padding-right:265px}
.siteContent .content.text .sub{padding-bottom:50px}.siteContent .content.text .sub .clients{padding-top:30px}
.siteContent .content.text .sub .clients img{width:100%;height:auto}
.siteContent .content.text .vcard{float:left;font-size:18px;letter-spacing:0.1em;line-height:24px;text-transform:uppercase;width:50%;padding-top:20px}.profile{margin:0 auto;max-width:1680px;position:relative}.profile .image{text-align:center}

.siteContent.home{
	background-image:url('http://www.kerstin-bloechinger.de/mein-vivahaus/img/layout/home.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	position:relative
}

.aboutContent{
background-image:url('http://www.kerstin-bloechinger.de/mein-vivahaus/img/layout/ueber.jpg');
background-position:center top;
background-size:100% auto;
background-repeat:no-repeat
}

.aboutContent .content{color:#eaeaea;padding-bottom:150px;font-size:15px;line-height:21px}

.contactContent{
background-image:url('http://www.kerstin-bloechinger.de/mein-vivahaus/img/layout/kontakt.jpg');
background-position:center top;
background-size:100% auto;
background-repeat:no-repeat
}

@media only screen and (max-width: 1439px){.siteContent .content h1{font-size:30px;line-height:40px;margin-bottom:17px}
	.siteContent .content.text{padding-right:0}
	.siteContent .content.text p{font-size:16px;line-height:24px}
.aboutContent .content{padding-bottom:65px}
	.workDetail .work .image,.workDetail .work .video{margin-bottom:36px}
	.main>span{display:none !important}}

@media only screen and (max-width: 1279px){
	
	.siteHeader .overflower{height:20px}
	.workList .project span{font-size:14px;line-height:18px}.siteContent .content{padding-top:60px}
	.siteContent .content.text{padding-right:0;padding-left:274px}
	.siteContent .content.text h1{font-size:24px;line-height:30px}
	.siteContent .content.text p{font-size:14px;line-height:22px;margin-bottom:22px}
	.siteContent .content.text .vcard{font-size:13px;line-height:18px}
	.siteContent.aboutContent .content{padding-bottom:100px;padding-top:100px;padding-right:150px}
	.siteContent.aboutContent .content.text p{font-size:13px;line-height:18px;margin-bottom:18px}
	.main{font-size:12px;line-height:16px}
	.main a{height:25px}
	.main ul li{padding-left:20px}
	.workList li img{display:block !important}
	.siteHeader .inner{min-height:72px}
	.siteHeader .inner:after{height:85px}
	.siteHeader h1{left:-60px}
	.siteHeader h1 a{height:100px}
	.siteHeader h1:before,.siteHeader h1:after{height:72px}
	.siteHeader h1:before{height:85px}
	.siteHeader .main{left:277px;padding-left:0}.profile{overflow:hidden}
	.profile .vita .showme{font-size:13px;line-height:18px}.contactPage{background-size:cover;background-attachment:scroll}}

@media only screen and (max-width: 1279px) and (orientation: portrait){.siteContent.home{background-position:center top;position:relative;min-height:54%}
	.siteContent.home span{background-position:center top}
	.aboutContent .content.text{padding-top:100px;padding-bottom:80px}
	.aboutContent .content.text h1{font-size:24px;margin-bottom:18px}
	.aboutContent .content.text p{font-size:13px;line-height:18px;margin-bottom:18px}
	.profile .vita{margin-left:0 !important}.workList li img{display:block !important}
	.contactPage{background-position:85% bottom;background-size:cover}
	.contactPage .content.text .vcard{font-size:14px;line-height:20px}
	.main ul li{padding-left:10px}}

@media only screen and (min-width: 1680px){body,.overflower{max-width:1680px;margin:0 auto}
	body{background-color:#434343}}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}