﻿/*
Lansuite Style-Definitions

For detailed Information see:
http://lansuite-docu.orgapage.de/index.php?title=Stylesheets

Format:
name {
  Positioning, Width, Height
  Margin, Border, Padding
  Float, Clear, Allign, White-space
  Colors, Background, Backgroundimages
  Font-size, -weight and -family
}
*/

body {
  background: #c0c0c0 url('images/body_bg.jpg') repeat-x;
  text-align:center;
}

div#WoHContentBorder {
  position: relative;  top: 70px;
  text-align: left;
  width: 900px;
  padding: 10px 10px 10px 10px;
  background: url('images/transparent_50.png');
  margin: 0 auto;

}

div#WoHheader {
  position: relative;
  width: 900px;   
  height: 104px;
  background: url('images/header.png') no-repeat;
  z-index:0;
}

/* 
 * Main-Template 
*/
div#DateLogout {
  position: absolute;   top: 2px;   right: 4px;   width: 300px;   height: 20px;   z-index: 90;
  text-align: right;
  font-size: 11px;
}
div#Logo {
  position: absolute;   top: 10px;    left: 10px;   z-index: 10;
}
div#Banner {
  position: absolute;   top: 10px;    left: 512px;   z-index: 5;
}
/*
div#SideBanner {
  position: absolute;   top: 10px;    left: 990px;   z-index: 0;
}
*/
div#BoxesLeft {
  position: absolute;   top: 100px;   left: 4px;    width: 180px;   z-index: 50;
}

div#Content {
  position: relative; 
  width: 710px;
  float: left;
  background: white;
  padding: 10px 8px 10px 8px;
}

div#ContentFullscreen {
  position: absolute;   top: 40px;    right: 10px;    left: 10px;   z-index: 10;
  margin: 0px 2px 10px 2px;   padding: 8px 4px 10px 8px;
  background: #eee6e6;
}
div#BoxesRight {
  position: relative;
  float: right;
  width: 160px;
  margin: 4px 0px 4px 0px;
  z-index: 50;
}
div#Footer {
  font-size: 10px;
  color: #bbbbbb;
  text-align: right;
  clear: both;
  position: relative;
  height: 37px;
  width: 900px;
  background: #5f5f5f url('images/footer.png') no-repeat;
}
div#Footer div {
padding: 3px;
}

div#Footer a {
  color: #bbbbbb;
}
div#clear {
	clear: both;
}
div.clear {
	clear: both;
}

div#Lang {
padding-top: 3px;
padding-right: 3px;
float: right;
}

fieldset {
	border:		1px solid grey;
	display:	block;
}
fieldset ul.Line {
border: 0px;
}
legend {
	color: grey;
}
select:hover, input:hover, textarea:hover{
	border: 1px solid #999;
	color: #31709F;
}
select:focus, input:focus, textarea:focus{
	background: #DFF1FF;
	border: 1px solid #000;
	color: #000;
}
html > body fieldset {
	background: #f3f3f3; /* vor IE verstecken */
}
/* 
 * Aenderungen 
*/
ul.Line {
  position: relative;   width: 100%;
  margin: 0px 0px 0px 0px;   border-top: 1px solid #d7d7d7;     padding: 0px 0px 2px 0px;
  clear: left;
}

ul.LineFirst {
  position: relative;   
  margin: 0px 0px 0px 0px;    padding: 0px 0px 10px 0px;
  clear: left;
}

div.Headline {
  position: relative;
  font-weight: bold;
  color: #35525a;
}

.hrule {
background-color:white;
border: 0px;
height: 1px;
}

/* 
 * Informationen 
*/
.HeaderForContent_blue {
	color: white;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	background-color: #485f66;
}
.HeaderForContent_white {
	/*color: #485f66;*/
	color: white;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	background-color: #9a9a9a;
}
.HeaderForContent_verlaufe {
	color: #485f66;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
	width: 610px;
	height: 36px;
	background: url('images/InfoContentHeader-verlauf.png');
}
.ContentForContent {
padding: 4px;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
}
/* 
 * News 
*/
div.news_table {
padding-bottom: 20px;
}
div.news_caption{
	padding:5px;
	background-color:#E4E4E4;
	border-top: 1px solid #9a9a9a;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
}
div.news_caption h1 {
  font-weight: bold;
  font-size:16px;
  padding:0px;
  margin:0px;
}
div.news_text p{
padding-bottom: 10px;
margin: 0px;
}
div.news_text {
padding: 4px;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
}
div.news_bottom {
position: relative;
display: block;
padding-top: 4px;
padding-bottom: 4px;
}
div.news_links{}
div.news_bottom sup {
float: right;
}
div.news_caption div {
  padding-left: 5px;
  font-weight: bold;
}
div.news_caption b {
   font-weight: normal;
}
div#news_buttons {
float: right;
}

/* 
 * Menu 
*/
div#Menu {
position: relative;
width: 900px;
height: 29px;
z-index: 200;
background: url('images/menu_bg.png');
}

/* Boxes */
div.Box {
  position: relative;
  margin: 0px 0px 8px 0px;    padding: 0px 0px 0px 0px;
}
ul.BoxHeadline {
  width: 160px;
  margin: 0px 0px 0px -4px;    border-bottom:1px solid #9c9d9c;    padding: 4px 0px 4px 4px;
  background: #2d3f4f;
  font-weight: bold;    list-style: none;
  white-space:nowrap
}
li.BoxCaption {
  width: 136px; display: inline;
  float: left;
  font-weight: bold;    list-style: none;
  color: white;
}
li.BoxHelpClose {
  width: 18px; display: inline;
  font-size: 10px;   list-style: none;
}
ul.BoxContent {
  width: 160px;
  margin: 0px 0px 0px -4px;    padding: 4px 0px 4px 4px;
  background: white;
  list-style: none;
}