@import url('reset.css');

html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
}

img {
	-ms-interpolation-mode: bicubic; 
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	color: #343434;
	background-color: #ffffff;
	background-image: url('../images/bg.png'); 
	background-repeat: repeat-y; 	
	background-position: center center; 
	background-attachment: fixed;
}

.clear {
	clear: both;
}

#wrapper {
	margin: auto;
	padding: 0;
	width: 1012px;
	min-height: 550px;
	border-left: 1px solid white;	
	border-right: 1px solid white;	
}


#top {
	width: 1012px;
	height: 208px;
	border-bottom: 1px solid white;
}

#top2 {
	width: 1012px;
	height: 42px;
	border-bottom: 1px solid white;
}

#servicenavi {
	float: left;
	width: 253px;
	height: 208px;
	border-right: 1px solid white;	
}

.servicenavi {
	padding: 15px;
	color: white;
}

#location_navi {
	float: left;
	width: 460px;
	height: 40px;
	padding: 13px;
	padding-left: 22px;
	color: white;
}

.flag_en {
	background: transparent url("../images/flag_en.png");
	background-repeat: no-repeat;
	background-position: 43px 2px;
	padding-right: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.flag_de {
	background: transparent url("../images/flag_de.png");
	background-repeat: no-repeat;
	background-position: 46px 2px;
	padding-right: 24px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#start_navi {
	float: right;
	width: 251px;
	height: 208px;
}

#top2_left {
	float: left;
	width: 253px;
	height: 42px;
	border-right: 1px solid white;	
	background-color: #a5978e;
}

#top2_middle {
	float: left;
	width: 505px;
	height: 42px;
	border-right: 1px solid white;	
	background-color: #e20031;
}

#top2_right {
	float: left;
	width: 252px;
	height: 42px;
	background-color: #96bf0d;
}
.top2_right {
	padding: 15px;
	padding-left: 22px;
}

#main {
	border-bottom: 1px solid white;	
	width: 1012px;
	background: transparent url("../images/bg_content.png");
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#navigation {
	float: left;
	width: 253px;
	min-height: 310px;
	background-color: #8d7d74;
	border-right: 1px solid white;	
}

#content {
	float: left;
	width: 758px;
	min-height: 300px;
}

.content {
	padding: 22px;
	margin-bottom: 20px;
}

.content table td {
	padding-right: 0px;
	padding-bottom: 12px;
}

.content table td.tdleft {
	padding-right: 32px;
	padding-bottom: 12px;
}



#subphotos {
	border-bottom: 1px solid white;	
}

.subphotos {
	float: left;
	border-right: 1px solid white;	
}
.subphotos2 {
	float: left;
}

#footer {
	padding-top: 20px;
	padding-left: 16px;
	padding-bottom: 30px;
}

.footer {
	font-size: 7.5pt;
	color: #ffffff;
}

.indicateBlue {
	color: white;
	background-color: #66b8dc;
	padding: 8px;
	margin-bottom: 6px;
}

.indicateGreen {
	color: white;
	background-color: #96bf0d;
	padding: 8px;
	margin-bottom: 6px;
}

.indicateOrange {
	color: white;
	background-color: #f8b333;
	padding: 8px;
	margin-bottom: 6px;
}





.photoframeRight {
	float: right;
	margin-bottom: 25px;
	width: 220px;
	margin-left: 16px;
}

.photosub {
	font-size: 7.5pt;
	color: #96bf0d;
}

.pictureframe {
	border: solid 1px #efefef;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
}

.pictureBlog {
	border: solid 1px #efefef;
	padding: 2px;
	margin-bottom: 10px;
}

.pictureframeLeft {
	float: left;
	border: solid 1px #efefef;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.pictureframeLeftNoF {
	float: left;
	margin-right: 10px;
	margin-bottom: 25px;
}

.pictureframeRight {
	float: right;
	border: solid 1px #efefef;
	padding: 1px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.pictureframeRightNoF {
	float: right;
	margin-left: 10px;
	margin-bottom: 25px;
}

.noborder {
	border: none;
}


a:active,a:link,a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	color: #ffffff;
 	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #787878;
 	text-decoration: underline;
}

.content a, a.black {
	color: black;
}

#footer a:active,#footer a:link,#footer a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 7.5pt;
	color: #ffffff;
 	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: #787878;
 	text-decoration: underline;
}

a.navi_service:active, a.navi_service:link, a.navi_service:visited {
	color: #ffffff;
	font-size: 8pt;
}

a.navi_service:hover {
	color: #efefef;
}

a.navi_extra:active, a.navi_extra:link, a.navi_extra:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background: transparent url("../images/bullit_01.png");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}

a.navi_extra:hover {
	color: #dedede;
 	text-decoration: none;
}

a.naviLevel_0_link:active, a.naviLevel_0_link:link, a.naviLevel_0_link:visited {
	display: block;
	width: 217px;
	height: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background: #8d7d74 url("../images/bullit_01.png");
	background-repeat: no-repeat;
	background-position: 16px 16px;
	padding-top: 13px;
	padding-left: 36px;	
	border-bottom: 1px solid white;
}
a.naviLevel_0_link:hover {
	color: #dedede;
 	text-decoration: none;
}

a.naviLevel_0_linkActive:active, a.naviLevel_0_linkActive:link, a.naviLevel_0_linkActive:visited {
	display: block;
	width: 217px;
	height: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background: #a5978e url("../images/bullit_01.png");
	background-repeat: no-repeat;
	background-position: 16px 16px;
	padding-top: 13px;
	padding-left: 36px;	
	border-bottom: 1px solid white;
}
a.naviLevel_0_linkActive:hover {
	color: #dedede;
 	text-decoration: none;
}

a.naviLevel_0b_link:active, a.naviLevel_0b_link:link, a.naviLevel_0b_link:visited {
	display: block;
	width: 217px;
	height: 27px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background: #8d7d74 url("../images/bullit_01.png");
	background-repeat: no-repeat;
	background-position: 16px 15px;
	padding-top: 13px;
	padding-left: 36px;	
}
a.naviLevel_0b_link:hover {
	color: #dedede;
 	text-decoration: none;
}

a.naviLevel_0b_linkActive:active, a.naviLevel_0b_linkActive:link, a.naviLevel_0b_linkActive:visited {
	display: block;
	width: 217px;
	height: 27px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background: #a5978e url("../images/bullit_01.png");
	background-repeat: no-repeat;
	background-position: 16px 15px;
	padding-top: 13px;
	padding-left: 36px;	
}
a.naviLevel_0b_linkActive:hover {
	color: #dedede;
 	text-decoration: none;
}

a.naviLevel_0c_link:active, a.naviLevel_0c_link:link, a.naviLevel_0c_link:visited {
	display: block;
	width: 217px;
	height: 27px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background-color: #8d7d74;
	padding-top: 13px;
	padding-left: 36px;	
}
a.naviLevel_0c_link:hover {
	color: #dedede;
 	text-decoration: none;
}


.headline{
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	margin-bottom: 12px;
	font-weight: bold;
}

.headlineMiddle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #676767;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
}

.headlineSmall {
	font-size: 8pt;
	color: #96bf0d;
	font-weight: bold;
}

.headlineBig {
	font-size: 14pt;
	margin-bottom: 14px;
}


#content ul li {
	list-style: disc;
	padding-left: 0px;
	margin-left: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.pdfDownloads li {
	background:transparent url("../images/icon_pdf16.png") no-repeat;
	margin-left: 0px;
	padding-left: 24px;
	background-position: 0 0px;
	margin-bottom: 10px;
	line-height: 16px;
}

#content .content ul li.mov {
	list-style: none;
	background:transparent url("../images/icon_filmreel16.png") no-repeat;
	margin-left: 0px;
	padding-left: 24px;
	background-position: 0 0px;
	margin-bottom: 10px;
	line-height: 16px;
}

.tickercontainer { /* the outer div with the black border */
	width: 505px; 
	height: 120px; 
	margin: 0; 
	padding: 0
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0px;
	top: 15px;
	height: 12px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 600px;
	width: 500px; 
	font: bold 10px Verdana;
	color: #ffffff;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: transparent;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font: bold 10px Verdana;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
	color: #efefef;
	font-weight: normal;
	padding-left: 20px;
} 

.cluetip-default {
  background-color: #96bf0d;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #96bf0d;
  color: #fff;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
  padding-top: 1px;
}



.form_input_v2_130 {
	background: transparent url("../images/bg_input_v2_130.png") top left;
	border: none;
	width: 121px;
	height: 18px;
	padding: 0px;
	padding-left: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
}

.form_input_v2_300 {
	background: transparent url("../images/bg_input_v2_300.png") top left;
	border: none;
	width: 296px;
	height: 19px;
	padding: 0px;
	padding-left: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
}
.form_input_300x100 {
	background: transparent url("../images/bg_input_300x100.png") top left;
	border: none;
	width: 295px;
	height: 53px;
	padding: 1px;
	padding-left: 3px;
	padding-top: 6px;
	overflow: auto;
}
.form_input_300x120 {
	background: transparent url("../images/bg_input_300x120.png") top left;
	border: none;
	width: 288px;
	height: 108px;
	padding: 1px;
	padding-left: 3px;
	padding-top: 6px;
	overflow: auto;
}