/************************************************************************
* Styles for editor
************************************************************************/

.pinkBackground{
	padding: 10px;
	background-color: #FF00FF;
	color: #FFFFFF;
}

.greenBackground{
	padding: 10px;
	background-color: #00E100;
	color: #FFFFFF;
}

.yellowBackground{
	padding: 10px;
	background-color: #FFB200;
	color: #FFFFFF;
}

.blueBackground{
	padding: 10px;
	background-color: #00B3F3;
	color: #FFFFFF;
}

.grayBackground{
	padding: 10px;
	background-color: #434343;
	color: #FFFFFF;
}

.pinkText{
	color: #FF00FF;
}

.greenText{
	color: #00E100;
}

.yellowText{
	color: #FFB200;
}

.blueText{
	color: #00B3F3;
}

.gray{
	color: #434343;
}

/************************************************************************
* Styles for editor
************************************************************************/



/************************************************************************
* Elements
************************************************************************/
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFFFFF;
	background-image: url("/files/design/images/backgroundBody.jpg");
	background-repeat: repeat-x;
	background-position: 0px 26px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	line-height: 14px;
}

div {
	font-family: verdana;
	font-size: 12px;
}

a{
	color: #FF00FE;
	text-decoration: none;
}

a:hover{
	color: #FF00FE;
	text-decoration: underline;
}

a.biggerFont{
	color: #FF00FF;
	text-decoration: none;
}

h1{
	font-family: arial;
	font-weight: normal;
	font-size: 25px;
	color: #000000;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

hr.dotted{
	margin-top: -8px;
	border: 1px  dashed #727272;
}

/************************************************************************
* END Elements
************************************************************************/

/************************************************************************
* Containers
************************************************************************/

#mainContainer{
	margin-left: auto;
	margin-right: auto;
	width: 981px;
	/*background-color: #FFFFFF;*/
}

#pageTopMenu{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 857px;
	height: 16px;
	background-color: #FFFFFF;
}

#pageTopLeft{
	float: left;
	height: 122px;
	width: 56px;
	border-right: 1px solid #FFFFFF;
}

#pageTopLogo{
	float: left;
	border-right: 1px solid #FFFFFF;
}

#pageTopContent{
	float: left;
	border-right: 1px solid #FFFFFF;
}

#pageTopPink{
	float: left;
	background-image: url('/files/design/images/TopBackgroundPink.jpg');
	background-repeat: repeat-x;
	height: 122px;
	width: 10px;
	border-right: 1px solid #FFFFFF;
}


#pageTopRightd{
	float: left;
	background-image: url('/files/design/images/topBackground.jpg');
	background-repeat: repeat-x;
	height: 122px;
	width: 123px;
}

#pageBottom{
	width: 980px;
	margin-left: 56px;
	background-image: url('/files/design/images/backgroundContentBottom.jpg');
	background-repeat: repeat-x;
	height: 20px;
}
/* content */

#leftside{
	float: left;
	height: 122px;
	width: 56px;
}

#menu{
	float: left;
	width: 222px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#content{
	float: left;
	background-image: url('/files/design/images/backgroundContentTop.jpg');
	background-repeat: no-repeat;
	padding-top: 30px;
	width: 580px;
}

#contentMain{
	float: left;
	width: 525px;
	padding-left: 54px;	
}

#contentMainLeft{
	float: left;
	width: 259px;
	height: 10px;
	border-right: 4px solid #FFFFFF;
	margin-top: 10px;
}

#contentMainRight{
	float: left;
	width: 258px;
	height: 10px;
	border-right: 4px solid #FFFFFF;
	margin-top: 10px;
}

#contentRightside{
	float: left;
	width: 121px;
	height: 40px;
}
/************************************************************************
* END Containers
************************************************************************/

/************************************************************************
* Color boxes
************************************************************************/

.lightGrayBox{
	background-color: #9F9F9F;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

.grayBox{
	background-color: #7c7c7c;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

.pinkBox{
	background-color: #ff00ff;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

.yellowBox{
	background-color: #febf00;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

.blueBox{
	background-color: #60bdf0;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

.lightBlueBox{
	background-color: #d7e7ff;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

.lightBox{
	background-color: #ebebeb;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 4px solid #FFFFFF;
}

/************************************************************************
* END Color boxes
************************************************************************/

/************************************************************************
* Design
************************************************************************/

#headline{
	padding-left: 53px;
}
#pageTopBottom{
	width: 856px;	
}

.breadcrumb{
	float: right;
	padding-top: 4px;
	height: 16px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}

.breadcrumblink{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.breadcrumblink:hover{
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

.breadcrumblink_last{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.newsTeaser{
	margin-top: -10px;
}

a.newsTeaserLink{
	color: #FFFFFF;
	text-decoration: none;
}

a.newsTeaserLink:hover{
	color: #FFFFFF;
	text-decoration: none;
}


a.topMenu{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

/************************************************************************
* END Design
************************************************************************/

/************************************************************************
* Menu
************************************************************************/

.menuItem{
	width: 214px;
	height: 20px;
	padding-left: 8px;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #7C7C7C;
	border-bottom: 1px solid #FFFFFF;
}

.menuItemPicked{
	width: 214px;
	height: 20px;
	padding-left: 8px;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #FF00FF;
	border-bottom: 1px solid #FFFFFF;
}

.menuItemLev2{
	width: 206px;
	height: 20px;
	padding-left: 16px;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #9F9F9F;
	border-bottom: 1px solid #FFFFFF;
}

.menuItemLev2Picked{
	width: 206px;
	height: 20px;
	padding-left: 16px;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #60BDf0;
	border-bottom: 1px solid #FFFFFF;
}

.menuItemLev3{
	width: 198px;
	height: 20px;
	padding-left: 24px;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #ebebeb;
	border-bottom: 1px solid #FFFFFF;
}

.menuItemLev3Picked{
	width: 198px;
	height: 20px;
	padding-left: 24px;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #ebebeb;
	border-bottom: 1px solid #FFFFFF;
}

a.menuLink{
	color: #FFFFFF;
	text-decoration: none;
}

a.menuLink:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

a.menuLinkPicked{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.menuLink2{
	color: #000000;
	text-decoration: none;
}

a.menuLink2:hover{
	color: #000000;
	text-decoration: underline;
}

a.menuLink2Picked{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


/************************************************************************
* END Menu
************************************************************************/