@charset "UTF-8";
@import url('reset.css');
@import url('font/stylesheet.css');

* {
	font-family: Tahoma, 'DINRegular'; font-size:13px; line-height:22px; color:#555;
}


#container {
	width: 982px; margin: 40px auto;  
}

#head {
	clear: both; border-bottom: 1px solid #aaa; height: 130px;
}

#head .slogan {
	float: left; font-size: 32px; display: block; margin-left: 30px;font-family: 'DINLight', Tahoma; color: #aaa;letter-spacing: -2px; font-weight: lighter;
}
#head img {
	float: right; margin-right: 50px;
}

#lang_menu {
	height: 20px; clear: both; margin-bottom: 40px;
	 }
#lang_menu a {
	text-decoration: none; color: #999;
}
#lang_menu .left {
	float: left; color: #999; font-family: 'DINRegular', Tahoma; font-size: 12px; line-height: 14px;	
}
#lang_menu .right {
	float: right; color: #999; font-family: 'DINRegular', Tahoma; font-size: 12px; line-height: 14px;	
}

#left_nav {
	width: 185px; margin-right: 15px; float: left; 
}

#left_nav img {
	border: none; margin-bottom: 12px;
}

#right_nav {
	width: 185px; margin-left: 15px; float: right; }
	
#right_nav label {
	float: left; font-size: 10px; line-height: 15px; text-transform: uppercase; padding-top: 2px;
}

#right_nav input[type=text], #right_nav input[type=password] {
	float: right; width: 130px; margin-right: 5px; font-size: 10px; line-height: 15px; text-transform: uppercase; border: 1px solid #aaa; background: none;
}
#right_nav .button {
	width: 70px; font-size: 10px; height: 22px; text-transform: uppercase; display: block; text-align: center; border: none; background: url('../images/loginSubmit.png') no-repeat top left; margin-left: 47px; 
}
#right_nav input.error {
	background-color: #fdebd7;
}
#right_nav .clear { clear:both; font-size: 0px; line-height: 0px; height: 10px; }

#right_nav a.social {
	font-size: 16px; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; color: #9b9b9b; font-family: 'DINRegular', Tahoma; text-decoration: none; display: block;
}
#right_nav a.social:hover {
	font-size: 16px; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; color: #F78E1E; font-family: 'DINRegular', Tahoma; text-decoration: none; display: block;
}

#right_nav .search {
	border: 1px solid #aaa; height: 22px; overflow: hidden; margin-top: 25px;
}

#right_nav input.inputSearch {
	border: none; background: none; width: 115px; height: 22px; text-transform: none; 
}

#right_nav label.labelSearch {
	background-color: #F78E1E; display: block; float: right; color: #fff;text-align: center; width: 55px; height: 22px; 
}

#right_nav label.labelSearch a {
	color: #fff; text-decoration: none;
}

#right_nav label.labelSearch:after {
	content: '';
}

.taglineContainer {
	background: url('../images/taglineHead.png') top left no-repeat; background-color: #f1f1f2; margin-top: 30px; padding: 0 10px;
} 
.taglineContainer h1 {
	font-family: 'DINRegular', Tahoma; font-weight: normal; font-size: 14px; line-height: 20px; display: block; text-align: center; padding-top: 7px; text-transform: uppercase;
}
.tagline {
	font-size: 11px; font-weight: bold; line-height: 15px; color: #666;
}
.tagline a {
	font-size: 11px; font-weight: bold; line-height: 15px; color: #666; text-decoration: none;
}

.tagline a:hover {
	color: #F78E1E;
}

.tagline .tagCount {
	font-weight: normal; font-size: 9px; color: #aaa;
}

#side_nav li.regular {
	font-size: 18px; line-height: 22px; text-transform: uppercase; color: #9b9b9b; font-family: 'DINRegular', Tahoma; margin-bottom: 10px;
}

#side_nav li.regular.active {
	color: #F78E1E; font-family: 'DINRegular', Tahoma;
}

#side_nav li.regular a {
	text-decoration: none;  color: #9b9b9b; font-family: 'DINRegular', Tahoma; 
}
#side_nav li.regular a:hover {
	color: #F78E1E;
}

#side_nav li.orange {
	background: url('../images/nav_orange.png') top left no-repeat; font-size: 18px; line-height: 22px; text-transform: uppercase;  text-align: center; height: 35px; margin-bottom: 12px; padding-top:13px; family: 'DINRegular', Tahoma;
}

#side_nav li.orange.active {
	color: #666;  font-family: 'DINRegular', Tahoma;
}

#side_nav li.orange a {
	text-decoration: none; color: #fff; font-family: 'DINRegular', Tahoma;
}

#side_nav li.orange a:hover {
	color: #666;
}
#footer {
	clear: both; text-align: center; font-family: 'DINRegular', Tahoma; font-size: 12px; line-height: 14px; color: #999; margin-top: 15px; border-top: 1px solid #aaa; padding-top: 10px;
}
#footer a {
	text-decoration: none; color: #999; font-family: 'DINRegular', Tahoma; font-size: 12px; line-height: 14px;
}
#footer a:hover {
	color: #F78E1E;
}

.clear { clear:both; font-size: 0px; line-height: 0px; }
.clear10px { height:10px; display:block; clear:both; }
.clear15px { height:15px; display:block; clear:both; }
.clear20px { height:20px; clear:both; font-size: 0px; line-height: 0px; }
.clear30px { height:30px; clear:both; font-size: 0px; line-height: 0px; }

#picContainerLeft { position:relative; width: 230px; height: 230px; border: 1px solid #aaa; float: left; margin: 0 15px 10px 0; overflow: hidden; }
#picContainerRight { position:relative; width: 230px; height: 230px; border: 1px solid #aaa; float: right; margin: 0 0 10px 15px; overflow: hidden; }
#picContainerLeft_150 { position:relative; width: 170px; height: 230px; border: 1px solid #aaa; float: left; margin: 0 15px 10px 0; overflow: hidden; }
#picContainerRight_150 { position:relative; width: 170px; height: 230px; border: 1px solid #aaa; float: right; margin: 0 0 10px 15px; overflow: hidden; }
#image { position: absolute; left: 10px; top: 10px; width: 210px; height: 210px; overflow: hidden; }
#image_150 { position: absolute; left: 10px; top: 10px; width: 150px; height: 210px; overflow: hidden; }

.gallery { border: 0px solid #ae7622; width:126px; height:126px; overflow:hidden; float:left; }
.gallery .image { position:absolute; text-decoration:none; }
.gallery .imageBorder { position: relative;  }

#tooltip {
	display:none;
	background:transparent url(../images/white_90.png) repeat;
//	background-color: #F78E1E;
	font-size:16px;
//	height:70px;
	width:160px;
//	padding: 40px 25px 25px 25px;
	padding: 15px;
	color:#f78e1e;	
	text-align: center;
	border: 1px solid #f78e1e;
}

/* style the trigger elements */
.gallery img {
	border:0;
	cursor:pointer;
}


.pad_fr { margin: 0 15px 15px 0; }


#content {
	 width: 550px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; min-height: 800px; float: left; padding: 0 15px; border-bottom: 15px;
}

#content .article a {
	color: #F78E1E; text-decoration: none;
}

h1 {
	font-size: 22px; line-height: 26px; color: #aaa; font-weight: normal; margin-bottom: 10px; padding-right: 80px;
}

h2 {
	font-size: 22px; line-height: 26px; color: #F78E1E; font-weight: normal; margin-bottom: 10px; text-transform: uppercase;
}

h2 span {
	text-transform: none; color: #aaa;
}

h2 span span {
	font-size: 14px;
}

h1 a:link, h1 a:visited {
	text-decoration: none; color: #aaa;
}

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

.pub_date {
	font-size: 11px; line-height: 14px; color: #aaa; margin-bottom: 10px;
}

.highlight {
	background-color: #fdebd7;
}

#content .keywords {
	font-size: 11px; line-height: 14px; color: #aaa; margin-bottom: 10px;
}

#content .keywords a {
	font-size: 11px; line-height: 14px; color: #aaa; margin-bottom: 10px; text-decoration: none;
}

#content .keywords a:hover {
	color: #F78E1E;
}

#contact {
	
}

#contact .req {
	float: left; font-weight: bold; font-size: 16px; color: #F78E1E; margin-left: 8px;
}
#contact .labelShort {
	border:  1px solid #aaa; height: 25px; width: 300px; overflow: hidden; clear: both; margin: 0 0 15px 0; float: left;
}

#contact .labelLong {
	border:  1px solid #aaa; height: 25px; width: 550px; height: 305px; overflow: hidden; clear: both; margin: 0 0 15px 0;
}

#contact .labelContactInput {
	background-color: #aaa; color: #fff; display: block; text-align: left; width: 80px; float: left; height: 21px; padding: 3px 5px; font-size: 14px; font-family: 'DINRegular', Tahoma; text-transform: uppercase;
}

#contact .labelContactInput:after {
	content: ':';
}

#contact .inputContact {
	border: none; background: none; width: 200px; float: left; padding: 0 5px; height: 25px;
}

#contact .inputMessage {
	border: none; background: none; width: 450px; height: 300px; float: left; padding: 3px 5px;
}

#contact .button {
	width: 70px; font-size: 10px; height: 22px; text-transform: uppercase; display: block; text-align: center; border: none; background: url('../images/loginSubmit.png') no-repeat top left; 
}

table td {
	font-family: 'DINRegular', Tahoma; padding: 0 5px 5px 5px;
}

table td strong {
	font-family: 'DINBold', Tahoma; color: #aaa;
}

table td a, table td a:visited {
	text-decoration: none; color: #F78E1E;
}

#contact .error {
	background-color: #fdebd7;
}

.OrangeTitle {
	font-family: 'DINRegular', Tahoma; font-weight: normal; font-size: 32px; line-height: 40px; margin-bottom: 15px; color: #F78E1E; text-transform: uppercase;
}

p {
	font-family: Tahoma, 'DINRegular'; font-size:14px; line-height:22px; color:#555; margin: 0 0 15px 0;
}
p:last-child {
	margin: 0;
}

#content hr {
	border: none; border-top: 1px solid #aaa; margin: 15px 0; clear: both;
}

#content .button {
	width: 70px; font-size: 10px; height: 22px; text-transform: uppercase; display: block; text-align: center; border: none; background: url('../images/loginSubmit.png') no-repeat top left; margin: 0 0 15px 240px; text-decoration: none; 
}

#content li, #reference li {
	font-family: Tahoma, 'DINRegular'; font-size:14px; line-height:22px; color:#555; padding: 0 0 0 20px; background: url("../images/bullet.png") 5px left no-repeat;
}

.readMore {
	text-align: right; font-size: 10px; line-height: 12px;	
}

.readMore a {
	text-decoration: none; color: #F78E1E;
}

