body {
	background-image: url(/Portals/0/Skins/Letta/Assets/DesignElements/PageBackground.gif);
}

form {
	margin: 0px;
	padding: 0px;
}


/*********** Panes ***********/
.leftpane {
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 13px;
	width: 311px;
}

.contentpane {
	background-image: url(/Portals/0/Skins/Letta/Assets/DesignElements/GrayPixel.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width: 566px;
}

.navigationpane {
	background-image: url(/Portals/0/Skins/Letta/Assets/DesignElements/MainNavigationBackground.gif);
}


/**********************Changes made in this Section have to be made in the UserDefinedStyles.css too**********************/
body, td, tr, table, div, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.ContainerLeftPane a:link, .ContainerLeftPane a:visited {
	color: #000000;
	text-decoration: none;
}

.ContainerLeftPane a:hover {
	color: #000000;
	font-weight: bold;
}

.ContainerLeftPane img {
	margin-top: 10px;
}

a, a:link, a:visited {
	color: #977B1C;
	text-decoration: underline;
}

a:hover {
	color: #B5993F;
}

h1, .Head {
	margin: 8px 0px 3px 0px;
	color: #977B1C;
	font-size: 12px;
	font-weight: bold;
}


h2 {
	color: #977B1C;
	font-size: 11px;
	margin: 8px 0px 3px 0px;
	font-weight: bold;
}

h3 {
	color: #977B1C;
	font-size: 11px;
	margin: 8px 0px 3px 0px;
	font-weight: bold;
}

p {
	margin: 0px 0px 10px 0px;
}

.HighlightedText
{
	color: #977B1C;
	font-weight: bold;
}

.tblLargePicturesAbreast .PictureWrapper3 {
	margin: 0px 0px 2px 0px;
}

.tblLargePicturesAbreast .ImageDescription {
	padding-bottom: 15px;
}

.tblSmallPicturesAmongThemselves td {
	padding-bottom: 20px;
}
.tblSmallPicturesAmongThemselves h2 {
	margin: 0px 0px 3px 0px;
}

.PictureWrapper1 {
	width: 140px;
	height: 168px;
	border: 1px solid #000000;
	text-align: center;
	vertical-align: bottom;
	background-color: #FFFFFF;
}
.PictureWrapper2 {
	width: 142px;
	height: 142px;
	border: 1px solid #000000;
	text-align: center;
	vertical-align: bottom;
	background-color: #FFFFFF;
}
.PictureWrapper3 {
	width: 229px;
	height: 130px;
	border: 1px solid #000000;
	text-align: center;
	vertical-align: bottom;
	background-color: #FFFFFF;
}

/**************************************************************************************************************************/

.Normal, .Normal td {
	line-height: 16px;
}


a.login:link, a.login:visited {
	color: #A88510;
}
	
a.login:hover { 
	color: #EECA4F;
} 


#ToFlexCopyright a:link, #ToFlexCopyright a:visited, #ToFlexCopyright {
	color: #EECA4F;
	text-decoration: none;
}


/* 2NavigateTree Section ***************************************************************************************************************************/    


#ToNavForToFlex { padding-left: 15px; }
.ToNavigateNavContainer DIV { }
.ToNavigateNavContainer A, .ToNavigateNavContainer A:visited, .ToNavigateNavContainer A:hover { text-decoration:none  }
#LinkSelected {   }
#LinkInPath {}  


/* NavLevel 1 ***/ 
a.NavLevel1:link, a.NavLevel1:visited
{
	display:block;
	float: left;
	color: #333333;
	background-position: right center;
	background-image: url(/Portals/0/Skins/Letta/Assets/DesignElements/MainNavigationSeperator.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 0px 11px;
}
a.NavLevel1:hover
{

}
#Selected a.NavLevel1
{
	font-weight: bold;
}
#InPath a.NavLevel1
{
	font-weight: bold;
}

/* NavLevel 2 ***/ 
a.NavLevel2:link, a.NavLevel2:visited
{
	display:block;
	text-align: right;
	padding: 3px 15px 4px 0px;
	color: #333333;
}
#ToNavForToFlex a.NavLevel2:hover
{
	font-weight: bold;	
}
#Selected a.NavLevel2
{
	font-weight: bold;
}
#InPath a.NavLevel2
{
	font-weight: bold;
}


/* System Navigation ******************************/

/* NavLevel 2 ***/
#ToNavSystem a.NavLevel2:link, #ToNavSystem a.NavLevel2:visited
{
	display: block;
	float: left;
	color: #FFFFFF;
	background-position: right center;
	background-image: url(/Portals/0/Skins/Letta/Assets/DesignElements/SystemNavigationSeperator.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 0px 11px;
}
.ContainerSystemNavigation p, .ContainerNavigation p {
	margin: 0px;
}

/******************* Wettbewerb ******************/
#GameWrapper { width:100px; height:550px; position:relative; left:-10px; top:81px; background: url(/Portals/0/Skins/Letta/Assets/Wettbewerb/BgWettbewerb.jpg) left top no-repeat; }
#GameContent { padding:188px 4px 0 5px; color:#234F9A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.GameDescription { padding-left:3px; margin-bottom:2px; line-height:14px; }
#ClipImages img { margin-bottom:4px; }
#TeilnahmeButton { border: none; }
.ClipImageWrapper { display:block; position:relative; }
a.ClipLink { cursor:pointer!important; }
.ClipLink img { border:0px solid #00cccc; }
.ClipImage { position:relative;  }
.ImageTick { position:absolute; z-index:1; right:-4px; top:-3px; }
/* Position ClipLinks */
#ClipLinkLongines { position:relative; left:445px; top:116px; }
#ClipLinkAlfex { position:relative; left:482px; top:532px; }
#ClipLinkPandora { position:relative; left:580px; top:495px; }
#ClipLinkOmega { position:relative; left:65px; top:53px;  }
#ClipLinkSchoeffel { position:relative; left:375px; top:756px; }
#InfoButton { margin-left:5px; }


