/*
* i4 project "blumer"
* by ditoy e-dentity 2013
* desktop stylesheet
*/

@import url(https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900);

html {
	height: 100%;
}
body {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 16px;
	color: white;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
/*	min-width: 1290px; /*1185*/
	/*background-image: url(../image/home.jpg);*/
	background-size: cover;
	background-attachment: fixed;
	overflow-x: hidden;
}
body.topbar {
	background-color: #eee;
}
div#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 258px;
	height: 53px;
	background-repeat: no-repeat;
	z-index: 80;
}

div#bg_slideshow_logged_in {
	position: absolute;
	top: 100px;
	left: 20px;
	width: 200px;
	min-height: 100px;
}
div#bg_slideshow_logged_in .component_slideshow {
	position: relative;
	min-height: 50px;
}
div#bg_slideshow_logged_in div.slideshow_navigation {
	display: none;
}
/*
div#bg_slideshow {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
div#bg_slideshow .aggregator_container,
div#bg_slideshow .aggregator_item,
div#bg_slideshow .component_slideshow,
div#bg_slideshow .slideshow_run,
div#bg_slideshow .slideshow_run > div {
	width: 100%;
	height: 100%;
}
.component_slideshow .slideshow_wrapper {
	padding: 0;
	height: 100%;
}
div#bg_slideshow div.slideshow_run .img {
	width: 100%;
	height: 100%;
	background-size: cover;
}
*/
div#bg_slideshow .component_slideshow div.slideshow_navigation {
	width: 100%;
	height: 107px;
	left: 0;
	margin: 0;
	top: 50%;
	border: 0;
	background: none;
	z-index: 8;
}
div#bg_slideshow div.slideshow_navigation div.center {
	display: none;
}
div#bg_slideshow .component_slideshow .slideshow_navigation .left,
div#bg_slideshow .component_slideshow .slideshow_navigation .right {
	margin: 0;
	width: 42px;
	height: 107px;
}
div#bg_slideshow .component_slideshow .slideshow_navigation .left {
	left: 10px;
}
div#bg_slideshow .component_slideshow .slideshow_navigation .right {
	position: absolute;
	right: 10px;
}
div#bg_slideshow .component_slideshow .slideshow_navigation a.prev,
.component_slideshow .slideshow_navigation a.next {
	width: 48px;
	height: 107px;
	z-index: 101;
}
div#bg_slideshow .component_slideshow div.slideshow_navigation a.prev {
	background: url('../image/v3-pfeillinks.png') no-repeat 0 0;
}
div#bg_slideshow .component_slideshow div.slideshow_navigation a.next {
	background: url('../image/v3-pfeilrechts.png') no-repeat 0 0;
}


div#wrap {
	margin: 0 auto;
	padding: 0;
	width: 625px;
}
/*div#navigation {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 75px;
	min-width: 100%;
	background-color: rgb(62,51,48);
	background-color: rgba(62,51,48,0.79);
	z-index: 80;
}*/
div#navigation a,
div#content a {
	color: white;
	text-decoration: none;
}
/*
.navigation_container {
	float: left;
	width: 100%;
}
*/
.navigation_container a {
	font-size: 16px;
}
.component_authentication label {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	color: white;
}
p {
	margin: 0;
	margin-bottom: 16px;
}
h4 {
	font-size: 14px;
	margin: 0;
}

div#content a {
	color: #fc0;
}
div#content h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	line-height: 130%;
}
div#content .component_text div.text_standard,
div#content .component_text div.text_standard p {
	font-size: 14px;
	line-height: 130%;
	margin-bottom: 12px;
}
div#content .component_text h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
div#content .component_text h1.xl_center {
	text-align: center;
	font-size: 48px;
	line-height: 135%;
	padding: 15px 30px 15px;
	font-family: 'Orbitron', sans-serif;
	font-weight: 400;
	text-transform: lowercase;
}
div#content .component_text h1.l_center {
	font-weight: normal;
	text-align: center;
	font-size: 32px;
}
div#content .component_text h1.m_center {
	font-weight: normal;
	text-align: center;
	font-size: 24px;
	line-height: 150%;
}
div#content .component_text div.text_standard li {
	font-size: 14px;
}
div#content .component_library {
	font-size: 14px;
	padding-bottom: 5px;
}
/*div#content .component_library a {
	color: #fc0;
}*/
div#content .component_authentication button {
	font-family: helvetiva, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	border-radius: 5px;
	background-color: rgb(141,126,117);
	border: 2px black solid;
	color: white;
}
div#content .component_authentication input[type=text],
div#content .component_authentication input[type=password] {
	padding: 3px;
	border-radius: 5px;
}

/* group related */
div#content .component_group h1 {
	font-size: 18px;
	/*padding: 5px;*/
}
div#content .toggle_container {
	margin-bottom: 10px;
}
div#content .toggle_link_open,
div#content .toggle_link_collapse {
	background: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
div#content .toggle_container .box > .aggregator_item:first-child {
	margin-top: 10px;
}
div#content .toggle_container .box > .aggregator_item {
	width: 100%;
}
div#content .toggle_link_open:after,
div#content .toggle_link_collapse:after {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: normal;
	text-align: center;
}
div#content .toggle_link_open:after {
	content: url(../image/icon-open.png);
}
div#content .toggle_link_collapse:after {
	content: url(../image/icon-collapse.png);
}
div#content .component_link a {
	font-size: 14px;
	background: none;
}

/** handmade */
/** see also desktop section of responsive_design.css */
/* >>> HANDMADE PASTE HERE */
body.handmade div#wrap {
	width: 1100px;
}
div#content.handmade {
	float: left;
	width: 100%;
	max-height: 600px;
	padding-bottom: 200px;
	z-index: 79;
}
div#content.handmade h1 {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	display: block;
	float: left;
	height: 20px;
	
}
div#content div#atelier h1 {
	width: 100%;
	margin-bottom: 20px;
}
div#content div#atelier p,
div#content div#bueroloft p {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	width: 100%;
}
div#content div#bueroloft p {
	margin: 50px 0 0 0;
}
div#content div#atelier ul {
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 0 20px;
}
div#content div#atelier li {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 135%;
}
div#content.handmade a {
	font-size: 14px;
}
div#content.handmade div.column {
	width: 510px;
	float: left;
	margin-right: 20px;
	margin-bottom: 150px;
}
div#content.handmade div#grundriss.column {
	width: 250px;
	float: left;
	margin-right: 20px;
}
div#content.handmade div.column > table {
	float: left;
	border: 0;
	width: 100%;
	border-collapse: collapse;
}
div#content.handmade div.column > table th,
div#content.handmade div.column > table td {
	line-height: 180%;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	border-bottom:1px black solid;
	vertical-align: top;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
div#content.handmade div.column > table th {
	line-height: 135%;
}
div#content.handmade div#wohnloft.column > table > tbody > tr.hilite,
div#content.handmade div#atelier.column > table > tbody > tr.hilite {
	background-color: #cc8989;
}
div#content.handmade div#bueroloft.column > table {
	margin-top: 35px;
}
div#content.handmade div#bueroloft.column > table > tbody > tr.hilite {
	background-color: #8989bb;
}
div#content.handmade div.column > table a,
div#content div#atelier p a,
div#content div#bueroloft p a {
	color: #cd9a24;
	text-decoration: none;
}
div#content.handmade div.column > table td:first-child,
div#content.handmade div.column > table th:first-child {
	font-weight: bold;
	width: 16%;
}
div#content.handmade div.column > table td:last-child {
	width: 10%;
}
div#content.handmade div.column th.left,
div#content.handmade div.column td.left {
	text-align: left;
}
div#content.handmade div.column th.right,
div#content.handmade div.column td.right {
	text-align: right;
	padding-right: 20px;
}
div#content.handmade div.column th.center,
div#content.handmade div.column td.center {
	text-align: center;
}
div#content.handmade div.column img {
	display: block;
	float: left;
	width: 510px;
	height: 377px;
}
div#content.handmade div.column img#hochbau {
	width: 510px;
	height: 377px;
	background-image: url(../handmade/image/fassade-legende.png);
}
div#content.handmade div.column img#untergeschoss {
	width: 250px;
	height: 600px;
}
div#content div#bueroloft a.hervorhebung {
	color: #ca0814;
	font-weight: bold;
}
div#content div#bueroloft a.hervorhebung:hover {
	color: #cd9a24;
}
/* <<< END HANDMADE */

/** social media */
div#social {
	z-index: 82;
	position: absolute;
	bottom: 7px;
	right: 15px;
}




/** admin */
div#admin_container h1,
div#admin_container h2, 
div#admin_container p,
div#admin_container li,
div#admin_container div.filter_bar label,
div#admin_container div.filter_bar select {
	color: white;
}
div#admin_container div.filter_bar {
	background-color: transparent;
	color: white;
}
div#admin_container div.filter_bar select {
	background-color: transparent;
}