@CHARSET "UTF-8";

html {
  height: 100%;
}
body {
	margin: 10px 0 10px 0;
	font-size: 12px;
	line-height: 1.4em;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
body.live {
	background-color: #C61D00;
}

td {
	font-size: 12px; 
	vertical-align: top;
}
.small {
  	font-size: 11px;
}
form {
  	margin: 0px;
	padding: 0px;
}
a, a:visited {
  	color: #008D3D;
	text-decoration: underline;
}
a:active {
  	color: #000000;
}
a:hover {
  	color: #C61D00;
}
label {
	cursor: pointer;
}

.error {
  	font-weight: bold;
	font-size: 11px;
	color: #cc0000;
}

.message {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	background: #ccccff;
	border: 1px dashed #003399;
	line-height: 1.4em;
	padding: 5px;
	margin-top: 10px; margin-bottom: 10px;
}

.clearer {
	clear: both; 
	height: 0px;
	overflow: hidden;
} 




/* ***************************************************************** *
 *   LAYOUT ELEMENTS 
 * ***************************************************************** */
#frame {
  width: 760px;
	padding: 0;
	margin: 0 auto 0 auto;
	border: 1px solid #ffffff;
	text-align: left;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 758px;
}
html>body #frame {
	width: 758px;
}
/* #header 
	available width: 758px-24px = 734px
	 3 col layout: 312px | 241px | 181px  */
#header {
	margin: 6px 0 6px 24px;
}
#header div.left {
	float: left;
	width: 312px;
	margin-top: 8px;
}
#header div.mid {
	float: left;
	width: 241px;
}
#header div.right {
	float: left;
	width: 181px;
}
 
/* #mainNavi 
   available width: 758px-(2*24px) = 710px  */
#mainNavi {
  	margin: 0 24px 8px 24px;
	text-align: center;
}
#mainNavi a {
  padding: 0 18px;
}
#mainNavi a.first {
  	padding: 0 18px 0 0;
}
#mainNavi a.last {
  	padding: 0 0 0 18px;
}

/* #sideNav and search box */
#sideNav {
  	margin: 39px 0 0 0;
}
#sideNav ul {
  display: inline;
} 
#sideNav ul li {
	float: left;
  	list-style-type: none;
	margin-right: 9px;
} 
form#search {
  	margin-top: 10px;
}
form#search input#query {
	padding: 1px;
	width: 100px;
  	border: 1px solid #ffffff;
	background: #C61D00;
	font-size: 11px;
	color: #ffffff;
}

 

/* #mainArea 
   available width: 758px-16px-24px = 718px */
#mainArea {
  	margin: 0 24px 0 16px;
}
/* #mainArea for standard pages  
	 2 col layout (#subNavi and #content): 233px | 484px */
#subNavi {
  	float: left;
	width: 233px;
	padding: 4px 24px 0 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 209px;
}
html>body #subNavi {
	width: 209px;
}
#content {
  	float: left;
	width: 484px;
	padding: 12px 18px 12px 18px;
	background: #ffffff url(http://www.orodiparma.de/images/layout/bg_content.gif) repeat-y;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 448px;
}
html>body #content {
	width: 448px;
}

#bottomArea {
	width: 758px;
	margin-top: 8px;
	padding: 64px 24px 8px 24px;  
	background: #008D3D url(http://www.orodiparma.de/images/layout/italien_welle.gif) no-repeat;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 710px;
}
html>body #bottomArea {
	width: 710px;
}


/* ***************************************************************** *
 *   NAVIGATION ELEMENTS 
 * ***************************************************************** */
#subNavi div.titleImg {
  padding: 0 0 5px 8px;
  border-bottom: 1px solid #ffffff;
}
#subNavi ul {
  margin: 10px 0 10px 8px; 
  padding: 0;
}
#subNavi ul li {
	padding: 3px 0 5px 0;
	list-style-type: none;
}
#subNavi ul li a {
	padding: 2px 0 2px 0;
}

#breadCrumb {
  margin: 0 0 0 8px;
  color: #333333;
  font-size: 11px;
}


/*  ************************************************************************ 
 *   ADMIN AREA  
 *  ************************************************************************ */
/* adminEditArea: formatting of a div area outside an object in edit mode */
.adminEditArea {
    border-top: 1px dashed #ffff00;
		border-bottom: 1px dashed #ffff00;
		/*margin-top: 5px; margin-bottom: 5px;*/
}
.adminEditIcons {
    float: right;
		font-size: 8pt;
		color: #666666;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

#adminPageOptions {
    margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
    background: #ffff00;
		border: 1px dashed #333333;
		text-align: left;
		font-size: 10px;
		color: #000000;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}
#adminPageOptions.page {
    width: 760px;
}

#adminPageInfo {
    color: #666666;
		background-color: #FFFFFF;
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding: 3px;
		border: 1px solid #666666;
		font-size: 8pt;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}
#adminPageInfo div.title {
    color: #999999;
		padding: 2px;
		margin-top: -13px;
		margin-left: 10px;
}
#adminPageInfo span.title {
    background-color: #FFFFFF;
}

/* Debug Area */
#debug {
    margin-top: 100px;
		margin-left: 200px;
		border-top: 1px solid #999999;
		width: 420px;
		color: #333333;
		font-size: 8pt;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		clear: both;
}