/*GLOBAL SETTINGS*/
BODY
{
	margin: 0 auto;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
	background: #FFF url('../img/back.jpg') repeat-x top center;
	width: 100%;
	-webkit-text-size-adjust: none;
}

DIV#global
{
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
}
A
{
	font-weight: normal;
	text-decoration: none;
	border: 0 none;
	color: #999;
}
A:hover
{
	font-weight: normal;
	text-decoration: underline;
	border: 0 none;
	color: #333;
}
IMG
{
	border: 0 none;
}
HR
{
	border: 0;
	width: 960px;
	height: 1px;
	background-color: #fff;
	padding: 0;
	margin: 20px 0;
}
H1
{
	font-size: 22px;
	color: #90464E;
	text-decoration: none;
	margin: 0;
	padding: 0 0 5px;

}
H2
{
	font-size: 12px;
	color: #90464E;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.quote
{
	font-size:16px;
	font-family: Georgia, serif ;
	color: #90464E;
	text-decoration: none;
	margin: 0 0 0 50px;
	display: inline;
	font-weight: ;
	font-style: italic;
}
/*HEADER*/
DIV#header_frame
{
	/*[empty]float:;*/
	position: relative;
	top: 5px;
	left: 0px;
	width: 960px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid rgba(0,0,0,0.1)

}
DIV#header_frame A.logo-link
{
	text-decoration: none;
	color: transparent;
	cursor: pointer;
}
DIV#nsr-logo
{
	position: absolute;
	top: -5px;
	left: 0;
	width: 366px;
	height: 115px;
	background: url('../img/logo.png');
}


/*CONTENT AREA*/
DIV#korrektur
{
	float: left;
	width: 100%;
	
}
DIV#content_area
{
	position: relative;
	top: 50px;
	left: 0;
	width: 960px;
	min-height: 650px;
	padding: 50px 0 0;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
}
DIV.slider-wrapper.theme-default CENTER
{
	font-size: 18px;
	color: #90464E;
	letter-spacing: 0.03em;

}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in1 {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    animation-duration:2s;
}

.fade-in2 {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    animation-duration:3s;
}

.fade-in3 {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:6s;
    -moz-animation-duration:6s;
    animation-duration:6s;
}
 
 
 
DIV#kontakt-titel
{
	position: absolute;
	top: 50px;
	left: 0;
	position: absolute;
	top: 50px;
	right: 0;
	width: 320px;
	text-align: left;
}
DIV#kontakt-map
{
	position: absolute;
	top: 360px;
	left: 0;
	width: 450px;
	height: 340px;
}

DIV#kontakt-map-2
{
	position: absolute;
	top: 360px;
	right: -10px;
	width: 450px;
	height: 340px;
}
DIV#adress-field-1
{
	position: absolute;
	top: 505px;
	left: 1;
	font-size: 14px;
	color: #999;
	line-height: 22px
}
DIV#adress-field-2
{
	position: absolute;
	top: 505px;
	left: 270px;
	font-size: 14px;
	color: #999;
	line-height: 22px;
	

	

}
DIV#adress-field-2 A.adress_link
{
	font-weight: normal;
	text-decoration: none;
	border: 0 none;
	color: #999;
}
DIV#adress-field-2 A:hover.adress_link
{
	font-weight: normal;
	text-decoration: none;
	border: 0 none;
	color: #333;
}
DIV#c-form
{
	position: absolute;
	top: 0px;
	right:-20px;
	width: 280px;
	text-align: left;
}
DIV#c-form FORM B
{
	color: #90464E;
}
DIV#c-form FORM INPUT#f1, #f2, #f4
{
	width: 280px;
	height: 20px;
	background: #e7e7e7;
	padding: 0 0;
	margin-bottom:10px;

	font-family: Arial;
	border: none !important;

}
DIV#c-form FORM TEXTAREA#f3
{
	width: 280px;
	height: 75px;
	background: #e7e7e7;
	border: none !important;
	padding: 0px;
	font-family: Arial;
}
DIV#c-form FORM INPUT.senden
{
	width: 80px;
	height: 30px;
	background: #90464E;
	color: #fff;
	border: 0 none;
	position: absolute;
	right: 0px;
	top:300px
	
}

DIV#one
{
	display: block;
	width: 960px;
 height:100px;
 float: left;
line-height: 22px;
	font-size: 12px;
}


DIV#onefour
{
	display: block;
	width: 960px;
 height:100px;
 float: left;
line-height: 22px;
	font-size: 12px;
 margin: 0 0 0 20px;

}




DIV#three
{
	display: block;
	width: 300px;
 height:120px;
 float: left;
	font-size: 12px;
 margin: 10px 20px 0 0
}

DIV#four
{
	display: block;
	width: 200px;
 height:120px;
 float: left;
	font-size: 12px;
 margin: 0px 40px 0 0;
text-align: center}





/*ÜBER UNS
LINKS*/
DIV#inhalt-links
{
	float: left;
	width: 620px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding: 0 20px 20px 0;
	margin-top: -40px
}
DIV#inhalt-links H1
{
	padding: 5px 0 15px;
	font-weight: bold;
	color:#90464E;
	font-size: 19px;

}
DIV#inhalt-links H2
{
	display: block;
	color: #90464E;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
DIV#inhalt-links H3
{
	display: block;
	text-transform: uppercase;
	color: #90464E;
	font-size: 16px;
	font-weight: normal;
	line-height: 28px;
	margin: 15px 0;
	padding: 0;
}
DIV#inhalt-links UL
{
	float: left;
	display: block;
	overflow: hidden;
	cursor: auto;
	list-style: none;
	padding: 0 25px 0 0;
	margin: 0;
	text-transform: uppercase;
	color: #AAA;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
}
/*RECHTS*/
DIV#inhalt-rechts
{
	float: left;
	width: 320px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #333;
	line-height: 18px;
margin-top: -40px

}
DIV#inhalt-rechts H1
{
	padding: 5px 0 15px;
font-weight: bold;
color: #90464E;
font-size: 20px;
text-shadow: 1px 1px 0px rgba(239,239,239,0.67)
}
DIV#inhalt-rechts H2
{
	display: block;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
DIV#inhalt-rechts H3
{
	display: block;
	color: #90464E;
	font-size: 20px;
	font-weight: normal;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
DIV#inhalt-rechts HR
{
	display: block;
	border-bottom: 2px dotted #444;
	width: 320px;
	height: 0;
	background: transparent;
	padding: 0;
	margin: 20px 0;
}
DIV#inhalt-rechts UL
{
	display: block;
	overflow: hidden;
	cursor: auto;
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color: #AAA;
	font-size: 16px;
	font-weight: normal;
	line-height: 28px;
}
/*UNTEN*/
DIV#inhalt-unten
{
	float: left;
	width: 960px;
	font-size: 12px;
	color: #999;
	line-height: 18px;
}
DIV#inhalt-unten H1
{
	padding: 3px 0 15px;
}
DIV#inhalt-unten H2
{
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
DIV#unser-team
{
	float: left;
	width: 150px;
	padding: 0 20px 20px 0;
	margin: 0;
}
/*BILDERGALERIE*/
DIV#inhalt-galerie
{
	float: left;
	width: 960px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding: 0;
	margin: 0;
}
DIV#inhalt-referenzen
{
	float: left;
	width: 960px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding: 0;
	margin: 60px auto;
}
DIV#inhalt-galerie H1
{
	padding: 3px 0 22px;
margin: -30px 0 0 0;

}
DIV#inhalt-galerie DIV#bild-container H2
{
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 10px 0 0;
}
DIV#bild-container
{
	float: left;
	width: 200px;
	height: 240px;
	background: #FFF;
	margin: 0 10px 20px 10px;
	padding: 10px 10px 0;
	font-size: 12px;
	color: #999;
	line-height: 18px;
}
DIV#inhalt-galerie DIV#bild-container IMG#galerie-thumb
{
	width: 200px;
	height: 180px;
	margin: 0;
	padding: 0;
}
/*MENU TOP*/
DIV#menu_area
{
	position: absolute;
	top: 125px;
	margin: 0 auto;
	padding: 0;	
	border-top:1px solid rgba(0,0,0,0.1);
	width:960px
}
UL#navigation
{
	padding: 0;
	margin: 0;
	position: absolute;
	left:-64px;
	width:1045px


}
UL#navigation LI
{
	cursor: pointer;
	list-style: none;
	float: left;
	padding: 10px 0 0 64px;
	font-size: 16px;
	color: #90464E;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.01em;
	text-transform: uppercase;


}
UL#navigation LI A
{
	display: block;
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	color: #90464E;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.01em;


}
UL#navigation LI A:hover
{
	display: block;
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	color: #d66673;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.01em;
	-webkit-opacity: 1;
  	-moz-opacity: 1;
  	opacity:1;
  	-webkit-transition: all 1s ease-out 0s;
  	-moz-transition: all 1s ease-out 0s;
  	-ms-transition: all 1s ease-out 0s;
  	-o-transition: all 1s ease-out 0s;
  	transition: all 1s ease-out 0s;



}

/*MENU FOOTER*/
DIV#footer_menu
{
	position: absolute;
	top: 85px;
	left: 0;
	margin: 0 auto;
	padding: 0;
}
UL#footer_navigation
{
	padding: 0;
	margin: 0;
}
UL#footer_navigation LI
{
	cursor: pointer;
	list-style: none;
	float: left;
	padding: 0 12px 0 0;
	margin: 0;
	font-size: 11px;
	color: #FFF;
	font-stretch: condensed;
}
UL#footer_navigation LI A
{
	display: block;
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	color: #999;
	text-decoration: none;
}
UL#footer_navigation LI A:hover
{
	display: block;
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	color: #FFF;
	text-decoration: none;
}
/*FOOTER*/
DIV#footer_frame
{
	float: left;
	position: relative ;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 225px;
	background: #2d2d2d;
}

@media screen and (max-device-height: 600px) and (orientation:portrait) {
  DIV#footer_frame
{
	height: 570px;
  }
}



DIV#footer_content
{
	position: relative;
	bottom: 0;
	left: 0;
	width: 960px;
	height: 77px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
	background: #2d2d2d;
}
DIV#footer_adress
{
	position: absolute;
	bottom: 42px;
	left: 0;
	height: 22px;
	padding: 0;
	margin: 0;
}
DIV#footer_adress SPAN.email-txt
{
	position: relative;
	bottom: 5px;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	margin: 0;
	padding: 0 0 0 5px;
	}


	DIV#footer_adress SPAN.email-txt A:hover.footer_link
{
	font-weight: normal;
	text-decoration: none;
	border: 0 none;
	color: #FFF;
}

DIV#footer_phone
{
	position: absolute;
	bottom: 41px;
	left: 565px;
	height: 22px;
	padding: 0;
	margin: 0;
}
DIV#footer_phone SPAN.phone-txt
{
	position: relative;
	bottom: 6px;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	margin: 0;
	padding: 0 0 0 5px;
}
DIV#footer_email
{
	position: absolute;
	bottom: 42px;
	right: 0;
	height: 22px;
	padding: 0;
	margin: 0;
}
DIV#footer_email SPAN.email-txt
{
	position: relative;
	bottom: 5px;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	margin: 0;
	padding: 0 0 0 5px;
}
DIV#footer_email SPAN.email-txt A.footer_link
{
	font-weight: normal;
	text-decoration: none;
	border: 0 none;
	color: #999;
}
DIV#footer_email SPAN.email-txt A:hover.footer_link
{
	font-weight: normal;
	text-decoration: none;
	border: 0 none;
	color: #FFF;
}