/**
 * Screen
 *
 * @author Rainer Schoenherr <rsh@massiveart.com>
 * @version 1.0
 */


/* ----------------
Reset */
@import url(reset.css);

/* ----------------
Main */

/*img, div { behavior: url(/website/themes/waldhof/css/iepngfix/iepngfix.htc) }*/

body {
  background: #000 url('/website/themes/waldhof/images/background.jpg');
  background-position:-140px -150px;
  background-repeat: repeat;
  background-attachment: fixed;
  color: #000;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;

}

p {
	padding-bottom: 8px;
}

a {
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
table {
	width:100%;
	margin-bottom: 20px;
}
tr {
	border-bottom: white solid 1px;
	border-top: white solid 1px;
}
td {
	padding-top:7px;
	padding-bottom:7px;
	vertical-align: top;
}

.content ul {
  list-style-type:disc;
  padding:0 0 20px 20px;
}


.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}


/* ----------------
Headlines */

h1 {
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-bottom: 12px;
	color: #351D13;
}

h2 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #351D13;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #351D13;
}

.divSidebarContainer h3 {
	padding-top: 20px;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #351D13;
}

.inner {
  position:relative;
  height:100%;
  margin:0 auto 0 auto;
  padding: 0 20px 0 20px;
  width:940px;
}


.content {
	float:left;
	width:700px;
	padding:30px 0 0 0;
}

.footer {
  height:30px;
  width:940px;
  padding: 0 20px 0 20px;
}


#banderole {
	position: fixed;
	top: 0;
	left: 0px;
}


/* ----------------
Header */
.header {
	height:120px;
	position: relative;
	width:940px;
}

.logo {
  position:absolute;
  font-size:36px;
  font-weight:bold;
  top:-105px;
  left:450px; 
  z-index: 50; 
}
.logoArlberg {
  position:absolute;
  font-size:36px;
  font-weight:bold;
  top:-67px;
  left:770px; 
  z-index: 50;
}

.language {
  position:absolute;
  top:-15px;
  z-index: 50; 
}

.headerPic {
  border:5px solid white;
  width:680px;
  height:260px;
}
.main {
	float:left;
}

/* ----------------
Navigation */

.leftside {
	float:left;
	width:220px;
}


.nav {
  color:#fff;    
  z-index: 5;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.nav ul {
  padding:10px 0 0 0px;
}

.nav .selected {
	background-color: #e2e1d5;
}

.nav li {
  font-size:14px;
  margin-right:2em;
  padding-right:2em;
  padding-left:10px;
  border-bottom:1px solid gray;
}

.nav li a {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}

.nav li a:hover {
  color:#fff;
  font-weight:bold;
  text-decoration:underline;
}

/* ----------------
Sub Navigation */

.divSubNavContainer {
  float:left;
  width:220px;
  padding:0 20px 0 0;
}

.divSubNavContainer ul {
  
} 

.divSubNavContainer	li {

}

.divSubNavContainer li ul {
  padding:0 0 0 20px;
}


/* ----------------
Content */
.preContent {
	padding:20px 0px 30px 0px;
}

.sidebar {
	float:left;
	width:220px;
	padding: 30px 0 0 0;
}

.maincont .content h2 {
	padding-top:20px;
}

.content .overview,
.content .detail {
  padding-top:20px;
  padding-bottom:20px;
}

.overview .divContentContainer {
  float:left;
  width:660px;
  padding:20px 0 0px 0;
}

.detail .divContentContainer {
  float:left;
  width:660px;
  padding:0 20px 0 0;
}

.divContentIntro {
  padding:0 0 20px 0;
}

.divContentOverview {
  float:left;
  width:660px;
  padding:0 10px 0 0;
  margin:0 9px 0 0;
}

.overview .divContentSidebar,
.detail .divContentSidebar {
  float:left;
  width:220px;
}

.detail .divContentSidebar {
  padding-top:12px;
}

.divContentSidebar ul {
  padding-bottom:20px;
}

.divContentContainer .divImgLeft {
  padding:0 0 0 0;
  border:5px solid #8B7E6E;
}

.divContentItem {
  padding:0 0 20px 0;
  margin: 0 0 20px 0;
}

.divContentItem .divImgLeft {
  padding:0 0 0 0;
 }

.divContentItem {
  padding:0 0 5px 10px;
}

.overview p {
	padding-bottom: 2px;
}

.overview .divColContainer {
  padding:0 0 0px 0;
  margin: 0 0 0px 0;
}

.overview .divColItem {
  padding-bottom:10px;
  width:320px;
}

.overview .divColItem .divImgLeft {
  padding:0 0 0 0;
  border:5px solid #8B7E6E;
  float:left;
}
.overview .divColItem .divImgRight {
  padding:0 0 0 0;
  border:5px solid #8B7E6E;
  float:right;
}

.overview .divListContainer {
  padding:0 0 20px 0;
}

.overview .divListItemImg {
  padding:0 0 10px 0;
}

.overview .divListItemImg .divListItemImgLeft {
  float:left;
  padding:0 15px 0 0;  
}
.overview .divListItemImg .divListItemImgLeft img {
	border:5px solid #8B7E6E;
}
.overview .divListItemImg .divListItemImgRight {
  float:left;
  padding-top:20px;
}

.overview .divListItemImg .divListItemImgRight img {
  border:5px solid #8B7E6E;
}


.overview .divListItem {
  padding:0 0 10px 0;
}

.overview .divListItem .divListItemTitle {

}

/* ----------------
Content Gallery */


.divImageGallery {
  padding:0 0 20px 0;
}

.divGallery {

}

.divGalleryItem {
  float:left;
  width:130px;
  height:130px;
  overflow:hidden;
  border:5px solid white;
  margin:20px 5px;
}

/* ----------------
Content Documents */

.divDocuments {
  padding:0 0 20px 0;
}

.divDocItem {
  padding:0 0 20px 0;
}

.divDocIcon {
  float:left;
  width:32px;
  padding-right:20px;
}

.divDocInfos {
  float:left;
  color: #351D13;
}

.divDocInfos a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
 .fileInfo {
 	text-transform: uppercase;
 	color: #351D13;
 	width:70px;
 	float:left;
 }

/* ----------------
Content Contact */

.divContactContainer {
  
}

.divContactPerson { 
  padding:0 0 20px 0;
}

.divContactPerson .divContactName {

}
	
.divContactPerson .divContactFunc {
  font-size:12px;
  line-height:1.3em;
}

.divContactPerson .divContactDetail {
  padding:5px 0 0 0;
}

.divContactDetail .divContactImg {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}

.divContactDetail .divContactInfos {
  font-size:12px;
  line-height:1.3em;
  float:left;
}


/* ----------------
Content Startpage */

.col2 {
  width:460px;
  float:left;
}

.col3 {
  width:300px;
  float:left;
}

.divTopPost {
  padding:0 30px 20px 0;
  float:left;
  width:330px;
  
}
.divTopPostNoPad {
  padding:0 0px 0px 0;
  float:right;
  width:330px;
}
/*.divTopPostNoPad p {
  padding-left:10px;
}*/

.paddingleft10 {
  padding-left:10px;
}

.start .divImgLeft {
  padding:0 10px 5px 0;
}

.start .divImgRight {
  padding:0 0 5px 10px;
}

.divListContainer {
 
}
	
.start .divListItemImg {
  padding:0 0 20px 0;
}

.start .divListItemImg .divListItemImgLeft {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}

.start .divListItemImg .divListItemImgRight {
  float:left;
  width:250px;
}

/* ----------------
Image Definitions */
.divImgMain {
  
  padding:0 0 0 0px;
  border:5px solid #8b7e6e;
  margin-right:10px;
  width:300px;
  float:left;
}

.divImgLeft {
  
  padding:0 0 0 0px;
  border:5px solid #8b7e6e;
  height:160px;
  width:310px;
}

.divImgRight {
  float:right;
  padding:0 0 0 0px;
  border:5px solid #8b7e6e;
  margin-left:10px;
}

/* ----------------
Footer */

.footer {
  font-size:12px;
  line-height:1.3em;
  padding-top:40px;
  width:900px;
  padding: 0 40px 0 40px;
  margin:0 auto;
}

.divFooterLeft {
  float:left;
}

.divFooterRight {
  float:right;
}

.divFooterRight ul {

}

.divFooterRight li {
  display:inline;
  padding-left:1em;
}

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}