body { color: #495057; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", helvetica, arial, sans-serif; line-height: 14px; background-color: #fff; text-align: center; margin: 0; padding: 0; text-transform: lowercase; }
#containerBox { width: 1000px; height: 100%; margin-right: auto; margin-left: auto; }
#logoBox
	{ position: relative; top: 0; left: 0; width: 299px; height: 100%; float: left; border-right: 1px solid #cecece; }
#menuBox 
	{ color: #e0e1e2; font-size: 14px; line-height: 42px; position: relative; top: 0; left: 0; width: 221px; height: 100%; float: left; border-right: 1px solid #e3e3e3; }
#menuBox p 
	{ position: relative; top: 40%;}
#contentBox 
	{ position: relative; top: 0; left: 0; width: 474px; height: 100%; float: right; }
#infoBox 
	{width:414px;height:100%;float:left;}
#infoText 
	{width:300px;}
#infoBoxInfos 
	{ position: relative; top: 50%; left: 60px; width: 350px;  }
#infoBoxInfos p.largeOne 
	{ line-height:48px; font-size: 18px; text-align: left; margin:0 0 0 0; }
#infoBoxInfos p 
	{ line-height:19px; font-size: 11px; text-align: left; margin:0 0 8px 0; }
#infoBoxInfos p.smallOne 
	{ line-height:15px; font-size: 9px; text-align: left; margin:0px 0 8px 0; }
#submenuBox 
	{width:60px;height:100%;float:right;border:0px solid red;}
#submenuBoxButtons 
	{position: relative; top: 50%;}
img.logoBoxLogo 
	{ position: relative; top: 25%; width: 220px; }
img:hover.logoBoxLogo 
	{ cursor:pointer;}
img.submenuButton 
	{ width: 60px; height: 19px; margin-top: 3px; margin-bottom: 3px;opacity:0.5;cursor:pointer; }
img:hover.submenuButton 
	{ opacity:1; }
img.submenuButtonSelected 
	{ width: 60px; height: 19px; margin-top: 3px; margin-bottom: 3px;opacity:1.0; cursor:pointer; }
#menuBox a 
	{ color: #a4a7ab; text-decoration: none; }
#menuBox a.selected, #menuBox a:hover.selected 
	{ color: #495057;cursor:default;}
#menuBox a:hover, #lawBox a:hover 
	{ color: #e0e1e2;}
#lawBox 
	{color: #a4a7ab;border:0px solid red;font-size:10px;height:20px;line-height:20px;position:absolute;top:10%;z-index:50;width:225px;}
#lawBox a 
	{ color: #a4a7ab; text-decoration: none; }
#lawBox a:hover 
	{ color: #e0e1e2;}
#infoBoxInfos a 
	{ color: #a4a7ab; text-decoration: none; border-bottom: 1px solid #e0e1e2; }
#infoBoxInfos a:hover 
	{ color: #495057; text-decoration: none; border-bottom: 1px solid #e0e1e2; }
img.preview, img.previewLocked  
	{width:64px;height:64px;border:1px solid #fff;cursor:pointer;margin:0px 8px 8px 0px;-webkit-box-shadow:0px 0px 3px #999;-moz-box-shadow:0px 0px 3px #999;}
img.previewLocked 
	{cursor:default;}
div.fullview
	{position:absolute;z-index:300;width:480;height:360;border: 1px solid #e3e3e3;background:#fff;-webkit-box-shadow:0px 0px 12px #999;-moz-box-shadow:0px 0px 12px #999;background-color:#fff;}
#fullviewBox
{	background-color: #fff;text-transform: lowercase; }
#fullviewBoxContentBehind
{background:#fff;opacity:0.85;width:170px;height:100%;position: absolute;top:0px;left:0px;z-index:301;border-right:1px solid #e2e3e3;}
#fullviewBoxContent
{text-align:left;width:160px;position: absolute;top:300px;left:10px;z-index:303;font-size:10px;color: #495057;}
#fullviewBoxContent b
{ font-weight:normal;color:#a4a7ab;font-size:9px}
#notesbox {
	position: absolute;
	z-index: 100;
	left: 50px;
	top: 25px;
	width: 256px;
	height: 249px;
	background: url(../graphics-main/ludwig-pause-sommer.jpg) no-repeat;
}