/* -------------------------------------------------------------------------------------
 LAYOUT
 ======================================================================================*/

body {
    font-size: 62.5%;
    margin: 0;
    text-align: center;
    overflow-y: scroll;
}
body,
input[type="button"] {
    font-family: Georgia, serif;
}
.wrap {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
p {
    padding: 0;
    margin: 0 0 20px 0;
}

ul {
    padding: 0;
    margin: 0;
}
#logo {
    padding-top: 8px;
    height: 24px;
}
#head {
    margin-bottom: 20px;
}
#main {
    /*margin-bottom: 30px;*/
}
#head,
#footer,
h2 {
    font-family: "Helvetica", Arial, "Sans Serif";
}



/* -------------------------------------------------------------------------------------
 NAVIGATION
 ======================================================================================*/

#navigation ul,
#subnavigation ul {
    margin: 0;
    padding: 0 0px 0 0px;
}
#navigation ul li,
#subnavigation ul li {
    display: inline;
    margin-right: 12px;
}
#navigation ul li a,
#subnavigation ul li a {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 32px;
    text-decoration: none;
    color: #fff;
}
#navigation ul li a:hover,
#subnavigation ul li a {
    color: #000;
}
#navigation ul li a:hover,
#navigation ul li.active a {
}

#main .marginal a.linkicon,
#main a,
#footer a,
a {
    color: #000;
}


/* -------------------------------------------------------------------------------------
 PRESENTER
 ======================================================================================*/

/* container */
#presenter {
    height: 530px;
    overflow: hidden;
    position: relative;
}
#presenter #slides {
    position: relative;
	height:530px;
	width: 999999px;
}
#presenter #slides .slide {
    position: relative;
	float:left;
	display:block;
	height:530px;
	width:1000px;
}
.slide {
    background: #fff;
}
#controls {
    width: 106px;
    position: absolute;
    right: 25px;
    bottom: 24px;
    z-index:99;
    display: none;
}
.claim {
    position: absolute;
    bottom: 25px;
    left: 25px;
}



/* -------------------------------------------------------------------------------------
 showcase
 --------------------------------------------------------------------------------------*/


/* container */
.showcase {
	margin-bottom:18px;
}
.showcase #controls {
	right:15px;
	bottom:10px;
}

/* project */
.showcase_project {
    position: absolute;
	left:0;
	bottom:0;
	width:950px;
	padding:25px;
}
.showcase_project h2 {
	font-size: 72px;
    line-height: 72px;
	color:#FFFFFF;
	margin-bottom:5px;
}
.showcase_project p {
	font-size:16px;
	color:#FFFFFF;
}
#main .showcase_project a {
	color:#FFFFFF;
}
#main .showcase_project a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
p.showcase_meta {
	margin-bottom:0;
}
.showcase_project object {
	display:none;
}


/* info */
.showcase_info {
	padding-top:16px;
	border-top:2px solid #000000;
}


/* -------------------------------------------------------------------------------------
 lounge
 --------------------------------------------------------------------------------------*/

/* container hd 1920x1080px */
body.page_lounge {
	overflow:hidden;
	width:100%;
	height:100%;
}


/* container hd 1920x1080px */
#lounge {
	width:1920px;
	height:1080px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

/* presenter */
#presenter.lounge {
	width:1920px;
	height:1080px;
}

/* slides */
#presenter.lounge #slides .slide {
	width:1920px;
	height:1080px;
	text-align:left;
	overflow:hidden;
}
#presenter.lounge #slides .slide img {
	min-width:1920px;
}

/* info */
.lounge_info {
    position: absolute;
	left:0;
	bottom:0;
	width:1820px;
	padding:50px;
}
.lounge_info p {
	font-family: "Helvetica", Arial, "Sans Serif";
	font-size:120px;
	line-height:125px;
	margin:0;
	font-weight:bold;
	color:#FFFFFF;
}



/* -------------------------------------------------------------------------------------
 GALLERY
 ======================================================================================*/

/* gallery */
#gallery {
}

/* images */
#gallery_images {
	position:relative;
}
#gallery_images li {
	position:absolute;
	left:0;
	top:0;
}
#gallery_images li img {
	clear:both;
	display:block;
}

/* caption */
#gallery_images li span {
	clear:both;
	display:block;
	font-size:12px;
	line-height:18px;
	color:#999999;
}

/* lounge */
#gallery.lounge {
	width:1920px;
	height:1080px;
}
#gallery.lounge #gallery_images li {
	width:1920px;
	height:1080px;
	text-align:left;
	overflow:hidden;
}
#gallery.lounge #gallery_images li img {
	min-width:1920px;
}


/* -------------------------------------------------------------------------------------
 CONTENT
 ======================================================================================*/


/* Content */
#content {
    margin-top: 30px;
    font-size: 14px;
    line-height: 21px;
}
h2, #main .marginal h2.full {
    font-size: 35px;
    margin: 0 0 15px 0;
    /*
    padding-bottom: 10px;
    border-bottom: 1px dashed #000;
    margin: 0 0 15px 0;*/
}
.claim h2 {
    border-bottom: none;
}
#main h2, #main .marginal h2.full {
    line-height: 36px;
}
h3 {
    font-size: 16px;
    color: #000;
}
#lightbox-image-details-caption h2 {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
    text-align: left;
    display: none;
}
h4 {
	font-weight: normal;
	margin: 0 0 20px 0;
}
.date {
	font-weight: normal;
}
ul#news {
	position: relative;
    padding: 0;
    list-style-type: none;
	margin-bottom: 20px;
}
ul#news li {
	/* margin-bottom: 5px; */
}
ul#news a,
h3 a {
	/* text-decoration: none;*/
	font-weight: bold;
}
/* Defined with "Erlebnisfarbe"
ul#news a:hover,
h3 a:hover {
	color: #BD0D00;
}*/



/* -------------------------------------------------------------------------------------
 NEWS
 ======================================================================================*/


/* news */
div.news {
	
}
div.news_entry {
	margin:0 0 60px 0;
}
.news_navigator {
	padding:40px 0 0 0;
}
.main .news_navigator li {
	display:block;
	float:left;
	margin:0;
	width:295px;
	list-style:none;
}
.news_navigator li.news_navigator_prev {
	float:left;
}
.news_navigator li.news_navigator_next {
	float:right;
}
.news_navigator li a {
	display:block;
	padding:20px 0;
}
.news_navigator_prev a {
	text-align:left;
	padding-right:10px;
}
.news_navigator_next a {
	text-align:right;
	padding-left:10px;
}


/* -------------------------------------------------------------------------------------
 WHATEVER
 ======================================================================================*/

hr {
	background-color: #000;
	border: none;
	height: 6px;
	padding: 0;
	margin: 0 0 2em;
	width: 33%;
	text-align: left;
}
.marginal hr {
    width: 33%;
}
li hr {
    width: 100%;
    margin: .5em 0 .5em;
    height: 2px;
    
}
th {
	text-align: left;
}
a {
    outline: none;
}
a:hover {
    /* text-decoration: none;*/
}
a img {
    border: none;
}
a.lightbox.left {
    margin: 0 25px 25px 0;
}
a.lightbox {
    text-decoration: none;
    text-align: center;
}
a.lightbox span {
    text-decoration: underline;
}
a.lightbox:hover span {
    text-decoration: none;
}

h2 {
    font-weight: bold;
}
h3,
#main .marginal h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0px;
	
}
.main,
#legal {
	width: 590px;
	padding-right: 40px;
    float: left;
}
.marginal,
#contact {
    width: 340px;
    float: right;
}
#main .marginal {

}

#footer {
    margin-top: 30px;
    padding-bottom: 30px;
}
#legal {
    font-size: 1.1em;
    border-top: 6px solid #000;
    padding-top: 4px;
}
#contact {
    font-size: 1.1em;
    border-top: 2px solid #000;
    padding-top: 8px;
}
.block {
    border-top: 2px solid #000;
    padding-bottom: 0px;
}
.block .marginal {
    padding-top: 10px;
}
.block .main object {
    margin-top: 10px;
    margin-bottom: 10px;
}
.block h3 {
    margin: 10px 0 20px 0;
}
.contact p {
    margin: 0;
}

dl {
    clear: both;
}
dl dt {
    width: 20%;
    font-weight: bold;
    float: left;
}
dl dd {}

/* defaults */
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.hidden {
    display: none;
} 
.skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px;
}

#clientlist,
.personlist {
    width: 1000px;
}
#clientlist a {
	text-decoration: none;
}
#clientlist td,
.personlist td {
    vertical-align: center;
    line-height: 20px;
    height: 30px;
}
#clientlist th,
.personlist th {
    vertical-align: top;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 6px;
    border-top: none;
    border-bottom: 2px solid #000;
}
#clientlist td,
.personlist td {
    width: 185px;
    padding: 0 3px;
    text-align: left;
}
#clientlist td.first {
    width: 260px;
}
#clientlist td.first,
#clientlist th.first {
    padding-left: 3px;
    text-align: left;
}
td.last {
    border-right: none;
}
#clientlist td a.section {
    display: block;
    width: 100%;
    height: 6px;
    margin: 12px auto;
}
tr.odd td {
    background-color: rgb(227, 227, 227);
}
.personlist {
    margin-bottom: 30px;
}
.personlist td {
    width: 180px;
}
.personlist td.first,
.personlist td.last {
    width: 230px;
}
.marginal.mtop30 {
	margin-top: 72px;
}
.marginalblock {
    margin-bottom: 20px;
}
.marginallistitem {
    margin-bottom: 10px;
}

.marginalblock img.left {
    margin-right: 10px;
}


.boilerplate {
	margin-bottom: 30px;
}
.boilerplate p {
	margin-bottom: 0;
}

div.newsadditional {
    width: 202px;
    margin-right: 10px;
}
p.additionaltext {
    margin-right: 30px;
}
div.newsadditional img {
    border: 1px solid #000;
    margin-bottom: 5px;
    margin-top: 4px;
    width: 200px;
}
div.newsbody {
    width: 370px;
}
div.contact {
	margin-bottom: 20px;
}
.form_right {
    float: right;
    width: 250px;
}
input.text {
    width: 250px;
    padding: 2px 0 2px 0;
    margin: 0 0 3px 0;
}
label.left {
    line-height: 25px;
}

.main ul {}
.main ul li { margin-left: 18px;}
.marginal ul li {
    list-style-type: none;
}

#news li { margin-left: 0;}


ul.skills,
.main ul.skills {
	position: relative;
    padding: 0;
    list-style-type: none;
	margin-bottom: 20px;
}
ul.skills li,
.main ul.skills li {
	margin-left: 0px;
	margin-bottom: 5px;
}
ul.skills a,
h3 a {
	/* text-decoration: none; */
	font-weight: bold;
}
/*
ul.skills a:hover,
h3 a:hover {
	color: #BD0D00;
}*/

.m70 {
	margin-left: 70px;
}
.w70 {
	margin-right: 10px;
}
.w270 {
	width: 18em;
}


/* --------------------------------------------------------------------------
FORMS
-----------------------------------------------------------------------------*/

/* form */
form {
	font-size: 1em;
}

form.form {
	margin:0 0 20px 0;
	padding:0;
}

/* fieldset */
fieldset {
	background-color:#FFFFFF;
	border:none;
	border-top:1px solid #000000;
	margin:0 0 25px 0;
	padding:9px 0 0 0;
}
fieldset.actions {
	border-top:2px solid #000000;
	padding-top:13px;
}
fieldset legend {
	font-weight:bold;
	background-color:#FFFFFF;
	width:100px;
	padding:0 20px 0 0;
	margin:0;
}

/* error */
div.error {
  margin: 10px 0 5px;
	padding:5px 10px 5px 10px;
	background-color:#FF0000;
	color:#FFFFFF;
}
div.error p, #main div.error a {
	color:#FFFFFF;
}
div.row .error {
  padding-left: 120px;
}
/* inputs & rows */
div.row {
}
div.row_margin {
	margin-bottom:10px;
}
div.inputs {
	float:left;
	margin:0 0 5px 0;
}

/* label */
label.label {
	display:block;
	float:left;
	font-size:14px;
	line-height:21px;
	padding:4px 20px 2px 0;
	width:100px;
	text-align:right;
}
label.hidden {
	visibility:hidden;
}
label.required {
	background-image:url('img/form_required.gif');
	background-position:right 8px;
	background-repeat:no-repeat;
}


/* inputs */
input {
	font-size: 1em;
	outline:none;
}
input.fullsize {
	width: 334px;
}
input:focus {
	border: 2px solid #BD0D00;
}

/* radio & checkbox */
input.check {
	clear:both;
	float:left;
	margin:7px 10px 0 0;
	border:none;
	padding:0;
}
input.radio {
	clear:both;
	float:left;
	margin:7px 10px 0 0;
	border:none;
	padding:0;
}
label.label_check,
label.label_radio {
	display:block;
	float:left;
	font-size:14px;
	line-height:21px;
	padding:4px 0 2px 0;
}

/* textarea */
textarea.textarea {
	font-size:14px;
	line-height:21px;
    width: 456px;
	height:120px;
    padding: 4px 5px 2px 5px;
    margin: 0 0 3px 0;
	outline:none;
}
textarea.textarea:focus {
	border: 2px solid #BD0D00;
}

/* submit */
input.submit {
	font-weight: bold;
	cursor:pointer;
}
.form input.submit,
input[type="button"] {
	padding: 0 1em;
	height: 26px;
	margin: 0 1em 0 0;
	font-size: 14px; 
	font-color: #000000; 
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #BBBBBB;
	background: transparent url('img/background_btn.png') repeat-x scroll top center;
	background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BBB));
}	

input[type="button"]:hover,
input[type="button"]:focus {
	border: 1px solid #BD0D00;	
}
.btn_input a {
	float: left;
	display: block;
	margin: 0 1em 0 0;
	padding: 3px 0 5px;
	font-size: 14px; 
	font-color: #000000; 
	text-align: center;
    text-decoration: none;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: transparent url('img/background_btn_sd_left.png') no-repeat top left;
}
.btn_input a span {
	margin-left: 4px;
	padding: 5px 1em;
	background: transparent url('img/background_btn_sd_right.png') no-repeat top right;
}
.btn_input a.default {
	font-weight: bold;
}
.btn_input a:hover,
.btn_input a:focus {
	background: transparent url('img/background_btn_sd_left_hover.png') no-repeat top left;
}
.btn_input a:hover span,
.btn_input a:focus span {
	background: transparent url('img/background_btn_sd_right_hover.png') no-repeat top right;
}

#additional .marginallistitem {
    min-height: 40px;
}
#additional {
    overflow: hidden;
    height: 0;
}
.moreControls {
    margin-top: 10px;
}
.moreControls div#showMore {
    opacity: 1;
    float: left;
}
.moreControls div#showLess {
    float: right;
}
.moreControls a {
    height: 30px;
    padding: 0 0px 3px 0px;
}
.moreControls a:hover {

}
/* DESIGN MOCK STYLES */
    /*
a.linkicon {
    padding: 1px 0 1px 0;
	padding-right: 12px;
	background: url('img/linkicon_black.png') no-repeat right center;
	text-decoration: none;
}

#news a.linkicon {
	padding-right: 1px;
}

a:hover.linkicon {
	background-image: url('img/linkicon_red.png');
	color: #BD0D00;
}*/
/* hover background feedback */
tr.hoverbg td,
tr.odd.hoverbg td,
tr.hoverbg td {
	color: #fff;
	background-color: #7F7F7F;
	color: white;
	cursor: pointer;
	text-decoration: none;
}


/* PersonList Stuff */
#personlist {
    /* border-top: 2px solid #000; */
    margin-right: -40px;
	margin-bottom: 20px;
}
/*
.person .person_summary div {
    float: left;
}*/
.person .person_cv_inner {
    padding: 0 3px 0 3px;
}
.person .person_summary {
    padding: 3px 3px 6px 3px;
    line-height: 20px;
}
.person .person_summary.delimit {
    height: 0px;
}
.person .person_summary .person_contacts {
}
/*
.person .person_summary .person_information { width: 620px; }
.person .person_summary .person_name { width: 220px; font-weight: bold; }
.person .person_summary .person_tel { width: 160px; }
.person .person_summary .person_mobile { width: 160px; }*/
.person .person_summary .person_name { font-weight: bold; }

.person {
    /* border-bottom: 1px dashed #000; */
    margin-bottom: 10px;
}
.person .person_summary.hover,
.person.hover .person_summary,
.person.hover {
    /* background-color: rgb(227, 227, 227); */
}
.person .person_cv {
    overflow: hidden;
    height: 0;
}
.person .person_cv.show {
    height: auto;
}
.person .person_cv_inner {
    padding-top: 10px;
    padding-bottom: 10px;
}
.person .person_cv_inner img {
    margin: 3px 10px 0px 0;
}

.newsadditional,
.additionaltext,
.marginal {
    font-size: 13px;
}

.lightbox-image-details {
    display: none !important;
}

.addthis_toolbox {
    position: relative;
    top: 0;
    left: 0;
}

.addthis_toolbox .at300bs {
    display: none;
}

.addthis_toolbox .share {
    float: left;
    padding-right: 10px;
    font-size: 1em;
}

.addthis_toolbox a {
	width: 14px;
	height: 14px;
	overflow: hidden;
	padding: 0 5px 0 0;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left -14px;
	background-color: transparent;
}

.addthis_toolbox a:hover { background-position: left 0; }

.addthis_toolbox a.icons_facebook { background-image: url(./img/icons_facebook.gif); }
.addthis_toolbox a.icons_twitter { background-image: url(./img/icons_twitter.gif); }
.addthis_toolbox a.icons_email { background-image: url(./img/icons_email.gif); }


/* @end */