/** ============================== Allgemeine HTML Deklarationen ============================== **/
* {
	line-height:1.5em;
}

body {
	background:#373741;
	margin:0px;
	padding:0px;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	position:relative;
}

td, p, div { font-family:Arial,Tahoma,Verdana,sans-serif; }

a img { border:none; }

/** ============================== Allgemeine Kurz-Deklarationen ============================== **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.space-5, .space-10, .space-20, .space-50 { font-size:0px; overflow:hidden; }
.space-5  { width: 5px; height: 5px; }
.space-10 { width:10px; height:10px; }
.space-20 { width:20px; height:20px; }
.space-50 { width:50px; height:50px; }

/** ============================ Allgemeine Formular Deklarationen ============================ **/
form { margin:0px; padding:0px; }

input.tfield, input.textfeld, select.tfield, select.textfeld, textarea.tfield, textarea.textfeld  {
	background:#ffffff;
	margin:0px;
	padding:2px;
	width:194px; /** Select-width - padding - border = Input-width **/
	border:1px solid #666666;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	font-size:0.92em;
}

select.tfield, select.textfeld {
	margin:0px;
	padding:2px;
	width:200px; /** Input-width + padding + border =  Select-width **/
}

textarea { overflow:auto; }

.err {
	background:#fccfcc;
	border:1px solid #666666;
}

.errText { color:#990000; }
.okText  { color:#009900; }


/** ============================== Allgemeine Link Deklarationen ============================== **/
/*
	Es ist notwendig, dass bei Links alle 5 Fälle (link, visited, hover, focus & active)
	deklariert werden. Dies hängt unmittelbar mit der korrekten Darstellung und Interpretation
	vom IE ab. Hauptsächlich betroffen ist die Version 6 vom Internet Explorer
	
	Zudem sollte man auf die korrekte Reihenfolge achten:
	1.) link   2.) visited   3.) hover   4.) focus   5.) active
*/
a:link, a:visited, a:hover, a:focus, a:active {
	outline:none;
	text-decoration:underline;
	color:#fff;
}

a:hover, a:focus, a:active {
	outline:none;
	text-decoration:underline;
	color:#ddd;
}


/** ============================= Allgemeine Layout Deklarationen ============================= **/
#layout {
	margin:0px auto;
	padding:0px;
	width:990px;
	background:#fff;
	position:relative;
}

#header {
	background:#fff;
	margin:0px;
	padding:0px;
	height:105px;
	position:relative;
}

#stamp {
	position:absolute;
	bottom:-7px;
	left:15%;
	height:93px;
	width:191px;
	background:url('../images/baumit_stempel.png');
	background-size:100%;
	z-index:9;
}

#logo {
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;
}


/** =========================== Allgemeine Navigation Deklarationen =========================== **/
#navigation {
	margin:0 0 164px;
	padding:0;
	width:125px;
	position:absolute;
	left:0;
	top:120px;
}
#navigation_footer {
    margin:0;
    padding:0;
    width:125px;
    position:absolute;
    left:0;
    bottom:0;
}

#navigation ul,
#navigation_footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation ul li a,
#navigation_footer ul li a {
	margin:0 0 14px 0;
	padding:3px 5px 3px 36px;
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#54585e;
	font-weight:700;
	background:url('../images/navi_square.jpg') 20px 6px no-repeat;
}

#navigation ul li a:hover,
#navigation ul li a.on,
#navigation_footer ul li a:hover,
#navigation_footer ul li a.on {
	text-decoration:none;
	color:#ec7404;
}






/* Responsive Navigation */
div.nav_open {
	background:#fff url('../images/mobilenavi.png') no-repeat center center;
	padding:15px;
	width:30px;
	height:25px;
	cursor:pointer;
	position:absolute;
	top:35px;
	left:15px;
	z-index:1000;
	display:none;
}

div.nav_open.active {
		background:#fff url('../images/mobilenavi_active.png') no-repeat center center;
}

#nav_responsive { display:block; }

#nav_responsive div.responsive_content {
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	background:#fff;
	color:#fff;
	height:100%;
	overflow:hidden;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	z-index:9999;
	display:none;
}

#nav_responsive div.responsive_content .response_inner {
	padding:10px 0;
}

#nav_responsive div.responsive_content .response_inner h3 {
	padding-left:10px;
}

div.response_inner ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

div.response_inner ul li a:link,
div.response_inner ul li a:visited,
div.response_inner ul li a:hover,
div.response_inner ul li a:active {
	margin:0px 0px 14px 0px;
	padding:3px 5px 3px 36px;
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#54585e;
	font-weight:700;
	background:url('../images/navi_square.jpg') 20px 0.65em no-repeat;
}

div.response_inner ul li a:hover,
div.response_inner ul li a.on:link,
div.response_inner ul li a.on:visited,
div.response_inner ul li a.on:hover,
div.response_inner ul li a.on :active {
	text-decoration:none;
	color:#ec7404;
}

/** =========================== Allgemeine Mobile-Navigation Deklarationen =========================== **/
/*
.main {
	display:none;
}

.menu-trigger {
	height:40px;
	width:40px;
	background:url(../images/mobilenavi.png) no-repeat 1px 1px;
	display:block;
	position:absolute;
	top:40px;
	left:5%;
	z-index:20;
	cursor:pointer;
}

#jPanelMenu-menu  {
	margin:0px;
	padding:18px 0px 0px;
	width:125px;
	height:100%;
	overflow:hidden;
	border-right:1px solid #8b9499;
	background:#fff;
	float:left;
	list-style:none;
}

#jPanelMenu-menu li a {
	margin:0px 0px 14px 0px;
	padding:3px 5px 3px 36px;
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#54585e;
	font-weight:700;
	background:url('../images/navi_square.jpg') 20px 6px no-repeat;
}

#jPanelMenu-menu li a:hover, #jPanelMenu-menu li a.on {
	text-decoration:none;
	color:#ec7404;
}

*/
/** ============================ Allgemeine Content Deklarationen ============================= **/
#maincontainer {
	background-color:#ec7404;
	background-repeat:no-repeat;
	background-size:100%;
	margin-left:125px;
	padding:70px 40px 20px;
	min-height:485px;
}

#content {
	width:37%;
	color:#fff;
	position:relative;
	top:0px;
	left:0px;
	z-index:10;
}
.home #content{
	position:relative;
	top:-135px;
	left:0px;
	width:50%;
	min-width:245px;

}
.home #content .infobutton {
}

#footer {
	width:37%;
	position:relative;
	overflow:hidden;
}

.home #footer {
	width:39%;
	position:relative;
	left:-70px;
	top:-70px;
}

#likebutton {
    margin:40px 20px 20px;
    width:85px;
    text-align:center;
}
#likebutton img {
    width:50px;
    height:auto;
}

#likebutton2 {
    width: auto;
    padding: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    background:#fff;
	display:none;
}

.infobutton {
	margin:0px;
	display:block;
	float:right;
}

.title {
    color: #fff;
    font-size: 30px;
	font-weight:400;
	text-transform:uppercase;
	font-family:HelveticaNeue BoldCond,Arial;
    margin: 0;
    padding-bottom: 0.6em;
	line-height:36px;
	max-width:280px;
}


.section_frame30 {
    width: 100%;
}
.section_frame30 > div {
    width: 100%;
    margin:0 0 14px;
}
#content .section_frame30 > div > .title {
    padding: 6px 40px 6px 10px;
    margin: 0;
    position: relative;
    color: #EC7404;
    background:#fff;
    cursor: pointer;
    height: 28px;
    max-width: 1000px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;

    -webkit-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.5);

    line-height:1em;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: none;
}
.section_frame30 > div > .title:before {
    content: '';
    height: 3px;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 13px;
    background:#000;

    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.section_frame30.open > div > .title:before {
    right: 15px;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.section_frame30 > div > .title:after {
    content: '';
    height: 3px;
    width: 15px;
    position: absolute;
    right: 19px;
    top: 13px;
    background:#000;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.section_frame30.open > div > .title:after {
    right: 15px;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/*.section_frame30.open > div > .title:after {
    top:12px;

    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}*/
.section_frame30 > div > div {
    padding:10px 0;
    overflow:hidden;
    border-top: 1px solid #ccc;
}


.imageIcons {
    overflow:hidden;
    padding:20px 0;
}
.image-item {
    float:left;
    width:27.333333%;
    text-align:center;
    font-weight:700;
}
.image-item {
    margin:0 3%;
}
.image-item > a,
.image-item > img,
.image-item > span,
.image-item > div
{
    display:block;
}
.image-item img {
    height:auto;
    width:100%;
}
.image-item > div
{
    width: 100%;
    white-space: normal;
}
.firsttxt {
    margin:0 0 14px;
}