/*
//	Project:	steyl.eu
//	Version:	1.0.0
//	Date: 20.12.2007
//	Auhor: Omega-Media.de | Patrick Scheid
// 
// Done with SweeTS - delicious TypoScript development. 
// http://typo3.area42.de
*/


body{
 font: small Arial, Helvetica, sans-serif;
 background: transparent url(../images/box/background_green.jpg) no-repeat fixed;
 overflow:auto;
}


/* ******************************* LINKS ************************************ */
A:link {
	background-color : transparent;
	color: Maroon;
	text-decoration : none;
	font-weight : normal;
}
A:visited {
	background-color : transparent;
	color: #004180;
	font-weight : bolder;
	text-decoration : none;
}
A:hover {
	background-color : transparent;
	color: #807D00;
	text-decoration : underline;
	}
/*
A:active {
	background-color : transparent;
	color: #008041;
	font-weight : bold;
	text-decoration : none;
}

A:focus {
	background: transparent;
	color: #228B22;
	font-style: italic;
}
*/
H1{
  font: normal bold x-large Arial, Helvetica, sans-serif;
  color: maroon;
}

H2{
  font: normal bolder x-large Arial, Helvetica, sans-serif;
  color: maroon;
}

H3{
  font: normal normal large Arial, Helvetica, sans-serif;
  color: maroon;
}

H4{
  font: bolder medium Arial, Helvetica, sans-serif;
  color: maroon;
}

H5{
  font: bold medium Arial, Helvetica, sans-serif;
}

H6{
  font: bold xx-small Verdana;
  color: black;
}
/*
.subhead1{
font: bolder medium Arial, Helvetica, sans-serif;
  color: maroon;
}

.subhead2{
  
}

.subhead3{

}

.headerdate{

}

P{
	font-size : 1em;
	color: #333;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px
}
*/

P{border:0px solid;}


/* ***************************** POSITION *********************************** */
#body{
 height:auto;
 width:auto;
 overflow:hidden;
}

#container{
 position:relative;
 height:auto;
 width:920px;
 overflow:hidden;
 border:0px dotted;
}

#clear{
  height:140px;
  width:1px;
  float:left;
  margin-left:0px;
}

/* ***************************** MAINCONTENT ******************************* */

#content{
  height:auto;
  width:880px;
  float:left;
  margin-left:40px;
  overflow:auto;
  text-align:left;
  border:0px dotted;
}


/* ####### Corporate Identety BEGIN ####### */

#logo{
  height:80px;
  width:80px;
  margin:12px 0 0 7px;
  float:left;
  border:0px dotted;
  /* background: url(../images/box/ciLogo.gif) no-repeat fixed center; */
  /* Wenn über css eingebunden kommt ein schwarzer Strich */
}

#ci{
  height:48px;
  width:285px;
  margin:11px 0 0 13px;
  float:left;
  /*background:#fff;*/
  font-size:24px;
  font-weight: normal;
  font-family:"franklin Gothic Book";
  border:0px solid #00346E;
}

#ci1{
  height:20px;
  width:320px;
  margin-top:0px;
  float:left;
  color: #00346E;
  text-align:left;
  border:0px solid #fff;
}

#ci2{
  height:20px;
  width:320px;
  float:left;
  margin-top:1px;
  color: #00346E;
  /*#99B5CC;*/
  text-align:left;
  border:0px solid #fff;;
}

#logoMuseum{
  height:100px;
  width:80px;
  margin:12px 0 0 7px;
  float:left;
  border:0px dotted #fff;
}

#ci3{
  height:20px;
  width:320px;
  float:left;
  margin-top:1px;
  color: #00346E;
  /*#99B5CC;*/
  text-align:left;
  border:0px solid #fff;;
}
/* ###### Corporate Identety END ###### */


/* ***************************** MAINCONTENT ******************************* */

#textboxLeft{
  height:auto; /*360px;*/
  width:870px;
  float:left;
  overflow:auto;
  border:0px solid;
}

#textboxCenter{
  height:auto; /*380px;*/
  width:650px;
  float:left;
  overflow:auto;
  border:0px solid;
}

#textboxRight{
  height:auto; /*380px;*/
  width:210px;
  float:left;
  margin-left:20px;
  overflow:auto;
  border:0px solid;
}


/* ***************************** FOOTER ************************************* */

#footer{
  position: static;  
  float:left;
  width:920px;
  margin-top:20px;
  font: x-small Verdana;
}

#breadcrumb{
}

#footerNavbar{
  position: static;
  height:15px;
  width:500px;
  float:left;
  margin-left:70px;
  text-align:center;
  font: x-small Verdana;
  border-top:1px Maroon solid;
}


/* ***************************** LANGUAGE *********************************** */

#languageTM{
  position:absolute;
  top:0px; /* 55px */
  left:740px;
  height:70px;
  width:100px; /* 740px */
  text-align: right;
  border-bottom:1px Maroon solid;
}

#languageGM{
  position: static;
  float:left;
  margin-left:40px;
}


/* ***************************** MENUE ************************************** */


#menu {
  position:absolute;
  top: 65px;
  left: 90px;
  width: 894px;
  float: left;
  text-align: left;
  z-index: 999;
}

#menu ul {
  line-height: 12px;
  padding: 0em;
  margin: 0 0 0em 0;
}

#menu a{
  display: block;
  width: 125px;
  color: black;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: normal;
}

#menu li{
  float: left;
}

#menu li a:hover{
  background: #D0F000;
	color: Black;
	font-weight: normal;
	height:12px;
	border: 0px dotted;
}

#menu li ul{
  position: absolute;
  width: 149px;
  left: -999px;
  margin: 0px;
  background: #F9F9F9;
  color: #fff;
  border-width: 25px 0px;
}

#menu li ul a:hover{
  width: 125px;
  height:auto;
	background: #D0F000;
	color: Black;
	text-align: left;
	border: 0px dotted;
	text-align: right;
}

#menu li ul ul{
  margin: -3px 0 0 10px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul{
  left: auto;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul{
  top:auto;
  left: auto;
  text-align: left;
}


/* ***************************** SITEMAP ************************************ */


.csc-sitemap > ul > li{
  padding:10px;
  margin:50px;
  border:1px solid black;
}

.csc-sitemap ul{
  list-style-type: none;
}