@charset "UTF-8";

.load-font {
	font-family: 'webfont2','webfont3';
}


/*Fru normal*/
@font-face {
    font-family: 'webfont2';
    src: url('webfont/webfont2.eot');
    src: url('webfont/webfont2.eot?#iefix') format('embedded-opentype'),
         url('webfont/webfont2.woff') format('woff'),
         url('webfont/webfont2.ttf') format('truetype'),
         url('webfont/webfont2.svg#webfont2') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Fru bold*/
@font-face {
    font-family: 'webfont3';
    src: url('webfont/webfont3.eot');
    src: url('webfont/webfont3.eot?#iefix') format('embedded-opentype'),
         url('webfont/webfont3.woff') format('woff'),
         url('webfont/webfont3.ttf') format('truetype'),
         url('webfont/webfont3.svg#webfont3') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----------*/
/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;}
body { line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* css reset */
/*-----------*/

/*-------*/
/* HTML5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}html, button, input, select, textarea {font-family: sans-serif;}
a:focus {outline: thin dotted;}a:active, a:hover {outline: 0;}
b, strong {font-weight: bold;}blockquote {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;
	*vertical-align: middle;}button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}table {border-collapse: collapse;border-spacing: 0;}
/* HTML5 */
/*-------*/


html	{
 	min-height: 100%;
	margin-top: 0px;
	font-size: 100%; 
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* Android */	
}

body {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13px;
	line-height: 18px;
  color: #000000;
  background-color: #151515;
  background-color: #eeeeee;
  background-color: #fafafa;
  margin: 0px;
  padding: 0px;
	outline: 0;
  /* scroll firefox */
  overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden; 
	
  border-style: none;
	height:100%;
  -webkit-text-size-adjust:none; /* Turn off font resizing */	
}

:focus {
  -moz-outline-style:none;
	outline-style:none;
}

body#noScroll	{
	overflow: hidden; 
}
body#scroll	{
  overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden; 
}


#titletag h1, #titletag h2, #titletag h3 {
	display: none;
	font-size: 1px;
	text-align: left;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
  color: #eeeeee;
	text-indent: -4400px;
}

select, input, textarea { 
  font-size: 99% 
} 
input, select {
  vertical-align: middle;
}

table, a, td, tr, ul, li, p, div, h1, h2, h3, h4, h5, h6, sub, sup, form, label, input, textarea, fieldset, span	{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #000000;
	font-weight: normal;
}

span.title {
  color: #FAFAFA;
}
.sm-a a {
	font-size:12px;
	font-family:"webfont2", Verdana, Geneva, Tahoma, sans-serif;
}

table, td, tr	{
	line-height: 1px;
}

td {
	border: 1px none #cccccc;
}

a, ul, li, p, div, span, h1, h2, h3, h4, h5, h6, form, label, input, textarea, fieldset, 
.textblock {
  font-size: 13px;
  line-height: 18px;
}

p {
  margin-bottom: 16px;
}

div, span, h1, h2, h3, h4, h5, h6 {
  line-height: 17px;
}

td.spaceBlock img{
  display: block;
}

b {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
  color: #555555;
}


/* links */
a, a.externlink {
	color: #FF6800;
	text-decoration: none;
}

a:active, a.externlink:active	{
	color: #FF6800;
}

a:visited, a.externlink:visited	{
	color: #FF6800;
}

a:hover, a.externlink:hover	{
	color: #858585;
	text-decoration: none;
}

a:active, a:focus, a.externlink:focus {
	outline-style: none;
	-moz-outline-style:none;
}

a img	{
	border: 0;
}

/* external link */
a[href^="http://"] {
  background-image: url('images/link_0.gif');
	background-repeat: no-repeat; 
	background-position: 0px 0px;
  padding-left: 15px;
	
	text-decoration: none;
	width: 100%;
	color: #FF6800;
}

h1.logo a[href^="http://"] {
  background:none;
}

/* internal link */
a[href^="/"], a[href^=".."] {}

a[href*="files/"] {
	background: url('images/symbol_web_28x16.gif') left top no-repeat;	
  padding-left: 35px;
  padding-right: 0px;

}

a[href$=".pdf"] {
	background: url('images/symbol_pdf_28x13.gif') left top no-repeat;	
  padding-left: 35px;
  padding-right: 0px;
}

a[href$=".doc"] {
	background: url('images/symbol_msword_28x16.gif') left top no-repeat;	
  padding-left: 35px;
  padding-right: 0px;
}

a[href$=".mp3"] {}
a[href$=".zip"] {}





/* =============== */
/* CONTENT Home / News Views
/* =============== */

#contentBackgrHome, #contentBackgrViews {
  position: absolute;
  left: 0;
  top: 0px;
  right: 0;
  bottom: 0px; 
  height: auto;
  width: auto;
  background: transparent;
}

#contentBackgrViews {
z-index: 0 !important;
}

#contentMainHome {
	position:absolute;
	width:85%;
  top: 14%;
  left: 0px;
  padding-bottom: 0;
  overflow: hidden;
  padding: 5%;
  padding-top: 0px;
	height: auto;
  background: transparent;
	cursor: pointer;
}

.homeTitle h1, .homeTitle h1 b {
  font-family:"webfont3", Verdana, Geneva, Tahoma, sans-serif;
	font-weight:normal;
  font-size: 140px;
  line-height: 0.9;
  margin: 0;
  padding-bottom: 0px;
  color:#FF6800;
	letter-spacing: -4px;
}

.homeTitle h1 b {
  color:#858585;
}

#sliderBackground { width: 100%; height: 100%; }

/* =============== */
/* CONTENT Gallery
/* =============== */

#contentMainGallery {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 112px;
  bottom: 42px; 
  height: auto;
  width: auto;
  background: transparent;
}

#sliderGallery { left: 5%; width: 90%; height: 100%; }


#contentMainInfo {
	position:absolute;
	margin: 0px;
	padding: 0px;
	width:600px;
	height: auto;
	min-height: 28px;
	top: 0px;
  right: 0px;
  margin-right: 0px;
  margin-top: 132px;
  color:#000000;
	display: block;
}

.infoBlock {
	position:relative;
	width:auto;
	height: auto !important;
	top: 0px;
  right: 0px;
  margin-right: 0px;
	display: block;
}

.infoBlockContent {
	position:absolute;
	border: 1px solid #dddddd;
	border-right: 1px none #dddddd;
  background-color: #EEEEEE;
  background-color: #f8f8f8;
	background-color: url(images/phpcolors/rgba.php?r=248&g=248&b=248&a=0.9) repeat;
	background-color: rgba(248,248,248,0.9);
	left: 28px;
  padding: 19px;
	height: auto !important;
	display: block;
}

.infoBlockIcon, .infoBlockIcon.close {
	position:absolute;
	background: url('images/info_56x28.png') no-repeat 0px 0px;
	background-color: #a6a6a6;
	left: 0px;
	top: 0px;
	width:28px;
	height:28px;
	cursor:pointer;
}

.infoBlockIcon:hover {
	background-color: #FF6800;
}

.infoBlockIcon.close {
	background: url('images/info_56x28.png') no-repeat -28px 0px;
	background-color: #FF6800;
}

.infoBlockIcon.close:hover {
	background-color: #a6a6a6;
}


.infoBlockContent h1, .infoBlockContent h2 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 20px;
	color:#FF6800;
	font-weight:normal;
	letter-spacing: 0px;
	text-transform: uppercase;
}

.infoBlockContent h2 {
	text-transform: none;
}

.infoBlockContent p {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
	line-height: 1.4;
	font-weight:normal;
	color:#555555;
  text-align: justify;
}

.infoBlockContent p:last-child {
  margin-bottom: 0px;
}

/* =============== */
/* CONTENT Text
/* =============== */

#contentMainText {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 90px;
  margin-top: 23px;
  margin-top: 59px;
  margin-top: 34px;
  margin-top: 0px;
  bottom: 70px; 
  height: auto;
  width: auto;
  background: transparent;
}

.textBlock h1, .textBlock h2 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 20px;
	color:#FF6800;
	font-weight:normal;
  margin-top: 21px;
	letter-spacing: 0px;
	text-transform: uppercase;
}

.textBlock h2 {
	text-transform: none;
}

.textBlock p {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight:normal;
  font-size: 13px;
	line-height: 1.4;
	color:#333333;
  text-align: justify;
}

.textBlock a {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight:normal;
  font-size: 13px;
	line-height: 1.4;
}

.textBlock p:last-child {
}

/* =============== */
/* CONTENT Bild
/* =============== */

.imgBlock1 {
	display: block;
	max-width: 100%;
	height: auto;
}

.imgBlock1 img {
  margin-top: 26px;
	width: 100%;
	height: auto;
}

.imgBlock2 {
	display: block;
	max-width: 100%;
	height: auto;
}

.imgBlock2 img {
  margin-top: 26px;
	width: 100%;
	height: auto;
}

.imgBlock1 p.caption, .imgBlock2 p.caption {
	margin: 0px;
  margin-top: 0px;
	padding-top: 0px;
}

.imgBlock2space {
	display: block;
	max-width: 4%;
	height: auto;
}

.imgBlock2space img {
	width: 4%;
	height: auto;
	float: left;
}

/* =============== */
/* HEADER / LOGO
/* =============== */


#contentHeaderHome, #contentHeader {
	position:absolute;
	top:0px;
  left: 0px;
  margin-top: 20px;
  padding: 0px;
	width: 100%;
	height: 49px;
  background: transparent;
}


span.header {	
	position:relative;
  /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;
	/* text-transform: uppercase; */
	font-size: 22px;
	float: left;
	text-decoration: none;
	color: #FF6800;
	width: auto;
	height: 49px;
	left: 0px;
	top: 0px;
}

span.header h1.logo, span.header h1.logo a,
span.header h1.logo a span {
	font-family: "webfont2", Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
	display: block;
	width: auto;
	height: 49px;
	color: #FF6800;
	text-indent: 0px;
  margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: left !important;
	cursor: pointer;
	font-size: 23px;
  line-height: 25px;
	letter-spacing: -1px;
}

span.header h1.logo a span {
	color: #858585;
}



/* =============== */
/* SPRACHEN
/* =============== */

span.sprachen  {
	font-family: "webfont2", Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	position: relative;
	margin: 0px;
	margin-top: 17px;
	margin-left: 60px;
	padding: 0px;
	left: 0px;
	top: 0px;
  height: auto;
	width: auto;
	text-align: right !important;
	white-space:nowrap;
	float: left;
	text-transform: uppercase;	
}

span.sprachen a, span.sprachen a:active {
	font-family: "webfont2", Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height:11px;
}

span.sprachen td, span.sprachen a:hover {
	font-family: "webfont2", Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	color: #858585;
	line-height:11px;
}

span.sprachen div.contentSprachen span.line {
	font-family: "webfont2",Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13px;
	line-height:13px;
	vertical-align: 3px !important;
}


/* =============== */
/* MENU
/* =============== */



span.nav {
	width: 100%;
}

span.navMenuHeader {
	display:none;
}


/* Main Menu */
#main-menu {
	position:relative;
	top:0px;
	width:auto;
  margin: 0px;
  margin-top: 0px;
	padding: 0px;
	float: right;
}

#main-menu ul {
	width:192px;
	max-width:192px!important;
}

#main-menu ul a {
	overflow: hidden; 
}



/* =============== */
/* TEXT
/* =============== */




h5.list {
  font-size: 13px;
	line-height: 18px;
	font-weight: normal;
  margin-bottom: 2px;
}	





ul {
	list-style-type: none;
	list-style-image: url(images/circlesm.png);
	font-size: 13px;
	line-height: 18px;
  margin-top: 0px;
  margin-left: 5px;
	padding-left: 8px;
  margin-bottom: 16px;
	text-align: left;
}


li {
	font-size: 13px;
	line-height: 18px;
}