/*@viewport { width: 320px; zoom: 1;}*/

@font-face { font-family: 'open_sansregular'; src: url('fonts/sopensans-regular-webfont.eot'); src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansbold'; src: url('fonts/opensans-bold-webfont.eot'); src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'droid_serifregular'; src: url('fonts/droidserif-regular-webfont.eot'); src: url('fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidserif-regular-webfont.woff') format('woff'), url('fonts/droidserif-regular-webfont.ttf') format('truetype'), url('fonts/droidserif-regular-webfont.svg#droid_serifregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'droid_serifbold'; src: url('fonts/droidserif-bold-webfont.eot'); src: url('fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidserif-bold-webfont.woff') format('woff'), url('fonts/droidserif-bold-webfont.ttf') format('truetype'), url('fonts/droidserif-bold-webfont.svg#droid_serifbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'droid_serifitalic'; src: url('fonts/droidserif-italic-webfont.eot'); src: url('fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidserif-italic-webfont.woff') format('woff'), url('fonts/droidserif-italic-webfont.ttf') format('truetype'), url('fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg'); font-weight: normal; font-style: normal; }

*				{ margin:0; padding:0}
body			{ font-weight:normal; font-size:1em; font-family: 'droid_serifregular',"Times New Roman", Times, serif; line-height:140%; color:#44656e }

a				{ cursor:pointer !important; outline:none !important; text-decoration:none}
a img			{ border:none !important }
b, strong 		{ font-family: 'open_sansbold', Arial, Helvetica, Verdana, sans-serif !important  }

.floatLeft		{ float:left }
.floatRight		{ float:right }
.marginBottom	{ margin-bottom:5% !important }
.center			{ text-align:center}
.clear			{ clear:both }
.block			{ display:block}
.padding		{ padding-left:7%; padding-right:7% }
.greyColor 		{ color: #8ba2a9 !important }
.darkGreyColor 	{ color: #44656E !important }
.cyanColor 		{ color: #00b4dc !important }
.jump			{ display: block; top: -80px; position: absolute; visibility: hidden;}

#mobile			{ float:left; width:100%; overflow:hidden; margin-bottom:200px;}
#logo			{ position:absolute; top:0; left:0; width:93%; height:227px; background:#45666f; padding-left:7%}

.header					{ position:absolute; top:227px; left:0; width:86%; min-height:77px; background:url(layout/bg_nav.png) bottom left repeat-x; padding-bottom:30px; font-size:0.7em; z-index:100}
.header.fixed			{ position:fixed; top:0; left:0; margin:0}
.header .nav			{ display:block; clear:both }
.header .scrollTo		{ padding:1px 2%; color:#44656e; }
.header .separator		{ margin:0 3%}
.header .scrollTo.first	{ margin-left:-2%; }
.header .scrollTo.active{ background:#00b4dc; color:#fff }

.section			{ float:left; padding-top:307px; width:100%;}
.section.fixed	{ padding-top:80px }

.article				{ position:relative }
.article h1				{ font-size:1em; font-weight:normal; color:#fff; text-transform:uppercase; background:#00b4dc; height:114px; position:relative }
.article h1 span			{ position:absolute; bottom:0.92em; left: 7%; width:93% }
.article h2				{ font-size:1em; font-weight:normal; color:#fff; text-transform:uppercase; background:#00b4dc; height:114px; position:relative }
.article p				{ margin-bottom:0.73em; clear:both }
.article .social_media_icons { height:78px; border-top:1px solid #6f8b94; border-bottom:1px solid #6f8b94; display:block  }
.article .social_media_icons img {margin:18px 19px 0 0 }
.article .logo					{ text-align:center; border-bottom:1px solid #6f8ba3; margin:0 5% 5% 5%; padding-bottom:6px}

.article#projektauswahl p, p.small 		{ font-size:0.7em; line-height:150% }
.article#projektauswahl .marginBottom { margin-bottom:11% !important }