@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/Open Sans Semibold.ttf);
}



html,body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2rem;
	font-size: 100%;
	color: #333333;
	padding: 0px;
	height: 100%;
	margin: 0px;
	/*background-image: url(../images/bgSp.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #FFFFFF;
}



p {
	line-height: 1.5rem;
	color: #CCCCCC;
	
}

.textargument{
	text-decoration: none;
	color: #666666;
	font-size: 1.5rem;
	font-weight: normal;
	padding-bottom: 0.6rem;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 1.5rem;
}

.textargumentgruen{
	text-decoration: none;
	color: #9bca3e;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 0.6rem;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5rem;
}

.textargument_einleitung{
	text-decoration: none;
	color: #ac9231;
	font-size: 1.2rem;
	font-weight: normal;
	padding-bottom: 0.6rem;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.5rem;
}

.titel{
	text-decoration: none;
	color: #999999;
	font-size: 2.3rem;
	font-weight: bold;
}

.titel2{
	text-decoration: none;
	color: #666666;
	font-size: 2.3rem;
	font-weight: bold;
	padding-bottom: 0.6rem;
}

.seitentitel{
	text-decoration: none;
	color: #303030;
	font-size: 2.3rem;
	font-weight: bold;
	padding-bottom: 0.6rem;
	margin-top: 50px;
	padding-top: 50px;
}

.ueberschrift{
	font-family: Open Sans Semibold, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 3em;
}

.ueberschrift a:link{
	font-family: Open Sans Semibold, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3em;
}

.ueberschrift_weiss{
	font-family: Open Sans Semibold, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CCCCCC;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3em;
}

.ueberschrift_schwarz{
	font-family: Open Sans Semibold, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3em;
}



.button_center a:link, button_center:hover {
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: rgba(252, 223, 21, 1);
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 0px;
	border-radius: 0.4em;
	text-decoration: none !important;
	color: #333 !important;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.button_center_black a:link, button_center_black:hover {
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: rgba(51,51,51,1);
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 0px;
	border-radius: 0.4em;
	text-decoration: none !important;
	color: #fcdf15;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
}

.button_slider, button_slider:link, button_slider:hover  {
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: rgba(252, 223, 21, 1);
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 0px;
	border-radius: 0.4em;
	text-decoration: none !important;
	color: #333;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
}

.button_center_oben a:link  {
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 260px;
	margin-top: 20px;
	height: 225px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.button_center_oben a:hover {

	background-color: rgba(51,51,51,0.3);

}


.subtitel{
	text-decoration: none;
	color: #333333;
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
	font-weight: normal;
	line-height: 1.0rem;
}

.subtitel2{
	text-decoration: none;
	/*color: #444444;*/
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
	font-weight: normal;
	line-height: 1.0rem;
}

.specs{
	text-decoration: none;
	color: #333333;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.5em;
}

.highlight{
	background-color: #CCC;
	width: 100%;
}

img,table {
	border: none;
}

	


.tabelenspec {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.8rem;
	line-height: 1.6rem;
	text-align: left;
	vertical-align: middle;
	background-color: #F1F1F1;
	padding-left: 10px;
	
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
}

.tabelenname {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.8rem;
	line-height: 1.6rem;
	text-align: left;
	vertical-align: middle;
	background-color: #F1F1F1;
	padding-left: 10px;
	
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}



/* a links */
a:link, a:visited {
	text-decoration: underline;
	color: #333333;
}



a:hover {
	text-decoration: none;
	color: #333333;
}






#main_bg {
	background-attachment: fixed;
	/*background-image: url(../images/topbg.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#Kontakt {
	overflow: hidden;
	background-color: #FFFFFF;
	color: #333333;
	padding-left: 0px;
	padding-bottom: 25px;
}

#Karte {
	overflow: hidden;
	background-color: #FFFFFF;
	color: #333333;
	vertical-align: bottom;
}

#Inhalt1 {
	overflow: hidden;
	background-color: #FFFFFF;
	color: #333333;
	padding-left: 10px;
	padding-bottom: 25px;
}

#Inhalt2 {
	overflow: hidden;
	color: #333333;
}

#page_slider {
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	z-index: 95;
}


#page_bg {
	width: auto;
	z-index: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: visible;
}


div.center {
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	font-size: 0.9rem;
}


div#wrapper {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	
}

div#up {
	z-index: 88;
	position: fixed;
	float: right;
	display: none;
	text-align: left;
	margin-left: 880px;
	top: 90%;
	border-radius: 0.5em;
	overflow: hidden;
}


div#wl {
	float: right;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
	position: static;
	background-color: #CCC;
	margin-top: 50px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 50px;
}


div#wlx {
	float: left;
	overflow: visible;
	padding-left: 20px;
	background-color: #999999;
	position: fixed;
	z-index: 98;
	margin-left: 100px;
	top: 100px;
	width: 750px;
	visibility: hidden;
}


div#werkliste {
	float: left;
	width: 750px;
	height: 600px;
	overflow: scroll;
	padding-left: 10px;
	padding-bottom: 25px;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-top: 20px;
	position: fixed;
	z-index: 98;
	margin-left: 100px;
	top: 150px;
	visibility: hidden;
}

#incontent {
	overflow: hidden;
	/*background-image: url(../images/bg_grau.png);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}



.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 100%;
	height: 100%;
}





#footer {
	text-align: right;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;

	background-color: #9bca3e;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-top-left-radius: 0em;
}

#header {
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;

	background-color: #9bca3e;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
	border-top-left-radius: 1em;
}



#artikel_0 {
	float: left;
	width: 950px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#grau {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-right: 10px;
}



#artikel_projekte {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	padding-right: 10px;
	z-index: 90;
}

#artikel_Reverenzen_grau {
	float: left;
	width: 950px;
	height: auto;
	overflow: hidden;
	background-color: #e3e1d8;
	color: #333333;	/*border-radius: 1em;*/
	margin: 0px;
	padding: 0px;
}

#artikel_grau {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #3f3a31;
	color: #999999;
	padding-right: 10px;
	padding-top: 20px;
	/*border-radius: 1em;*/
}

#artikel_grau2 {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #e3e1d8;
	color: #333333;
	padding-right: 10px;
	padding-top: 20px;	/*border-radius: 1em;*/
}

#artikel_grau_letzte {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: rgba(51, 51, 51, 1.0);
	color: #999999;
	padding-right: 10px;
	padding-top: 20px;
	/*border-top-right-radius: 1em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
	border-top-left-radius: 1em;*/
}

#artikel_weiss {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: rgba(255, 255, 255, 1.0);
	color: #333333;
	padding-right: 10px;
	padding-top: 20px;
	/*border-top-right-radius: 1em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
	border-top-left-radius: 1em;*/
}

#artikel_trans {
	float: left;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: rgba(51, 51, 51, 0.0);
	color: #999999;
	padding-right: 10px;
	padding-top: 20px;
	/*border-radius: 1em;*/
}

#artikel_voll {
	float: left;
	width: 950px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
}

#artikel_voll_mitte {
	float: left;
	width: 950px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
	text-align: center !important;
}

#inhalt3_links {
	float: left;
	width: 280px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
}




#Box1 {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	color: #333;
	margin-bottom: 25px;
	border: 1px solid #999999;
	background-image: url(../bilder_refbox/box1.jpg);
	background-repeat: no-repeat;
	text-align: right;
}
#Box2 {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	color: #333;
	margin-bottom: 25px;
	border: 1px solid #999999;
	background-image: url(../bilder_refbox/box2.jpg);
	background-repeat: no-repeat;
}
#Box3 {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	color: #333;
	margin-bottom: 25px;
	border: 1px solid #999999;
	background-image: url(../bilder_refbox/box3.jpg);
	background-repeat: no-repeat;
}
#Box4 {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	color: #333;
	margin-bottom: 25px;
	border: 1px solid #999999;
	background-image: url(../bilder_refbox/box4.jpg);
	background-repeat: no-repeat;
}
#Box5 {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	color: #333;
	margin-bottom: 25px;
	border: 1px solid #999999;
	background-image: url(../bilder_refbox/box5.jpg);
	background-repeat: no-repeat;
}
#Box6 {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	color: #333;
	margin-bottom: 25px;
	border: 1px solid #999999;
	background-image: url(../bilder_refbox/box6.jpg);
	background-repeat: no-repeat;
}

#inhaltPix {
	width: 300px;
	height: 300px;
	position: absolute;	
}



#inhalt3_mitte {
	float: left;
	width: 280px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 45px;
}

#spalte3_links {
	float: left;
	width: 300px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 10px;

}

#spalte3_mitte {
	float: left;
	width: 300px;
	height: auto;
	overflow: hidden;
	margin-left: 25px;
	padding-left: 0px;
	padding-bottom: 10px;

}


#spaltet3_rechts {
	float: right;
	width: 300px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 10px;

}




#inhalt3_rechts {
	float: right;
	width: 290px;
	height: auto;
	overflow: hidden;
	margin-right: 10px;
}


#inhalt3_rechts_voll {
	float: right;
	width: 325px;
	height: auto;
	overflow: hidden;
	margin-right: 0px;
}

#inhalt2_rechts {
	float: right;
	width: 600px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
}

#inhalt2_links {
	float: left;
	width: 625px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
}

#inhalt2_links_einfuerung {
	float: left;
	width: 610px;
	height: auto;
	overflow: hidden;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 10px;
	padding-top: 30px;
}

#inhalt4_links {
	float: left;
	padding-left: 0px;
	padding-bottom: 0px;
	height: auto;
	width: 200px;
	z-index: 80;
}

#inhalt4_mitte {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 43px;
	text-align: left;
	vertical-align: bottom;
	position: static;
}
#inhalt4_rechts {
	float: right;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: bottom;
	position: static;
}

#inhalt2_3_rechts {
	float: right;
	width: 600px;
	height: auto;
	overflow: hidden;
	padding-left: 0px;
	padding-bottom: 0px;
}


#inhalt4_titel {
	float: left;
	width: 195px;
	height: auto;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 5px;
	
}

#inhalt3_titel {
	float: left;
	width: 275px;
	height: auto;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 5px;
	text-decoration: none;
	color: #333333;
	/*font-size: 0.9rem;*/
	letter-spacing: 0.1rem;
	font-weight: normal;
	line-height: 1.2rem;
	
}