* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
}

strong {
	font-weight: 700;
}

ul, 
ul li {
	list-style: none;
	margin: 0;
	padding: 0;	
}

body {
	background-color: #e0e0e0;
	-text-align: center;
}

p.clearfix {
	clear: both;
	height: 1px;
}

a {
	color: #c71900;
	font-size: 1em;
	outline: none;
}

a:link,
a:visited {
	text-decoration: none;	
}
a:hover,
a:active {
	text-decoration: underline;	
}

table {
	border-collapse: collapse;
	width: 100%;
}
table thead {
	border: 1px solid #aaa;	
}
table td,
table th {
	padding: 2px;	
}

tr.even td {
	background: #e3ebf0;	
}

td {
	font-size: 11px;
}
th {
	font-size: 11px;
	font-weight: bold;
	background: #ddd;
	text-align: left;
}


button.btn_back {
	border: 1px solid #aaa;
	font-size: 0.8em;
	-font-size: 1.2em;
	
	width: 100px;	
	margin: 5px 0;
}


#page {
	-text-align: left;
	width: 830px;
	background-color: #fff;
	margin: 0px auto;
	padding-top: 30px;
}


/* *************************************************** 
 * Header
 */
#top {
	position: absolute;
	margin: 0 30px 30px 30px;
	display: inline;
	width: 770px;
	
}
#top #logo {
	width: 250px;
	height: 83px;
	background: url(../images/logo.png) transparent top left no-repeat;	
	display: block;
}
#top #meta-nav {
	width: 50%;
	position: absolute;
	display: inline;
	text-align: right;
	right: 0px;
	top: 0px;
}

#top #meta-nav li {
	display: inline;
	margin-left: 10px;
	color: #c6c6c6;
	font-size: 0.7em;
}

#top #meta-nav li a {
	font-size: 1em;
	color: #a6a6a6;
}

img.header-image {
	width: 770px;
	height: 185px;
	margin: 95px 30px 0 30px; 	
}


/* *************************************************** 
 * Main Navigation
 */
#main-nav {
	margin: -2px 30px 50px 30px;
	-margin-top: -1px;
	background-color: #c71900;
	height: 25px;
	width: auto;
}

#main-nav ul {
	margin: 0;
	line-height: 25px;	
	padding: 0;
}
#main-nav ul li {
	display: inline;
	line-height: 25px;	
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
}
#main-nav ul li.first-nav{
	border: none;	
}

#main-nav ul li a {
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	width: auto;
	display: block;
	padding: 0 10px;
	font-size: 0.7em;
}
#main-nav ul li a:hover,
#main-nav ul li a:active {
	background-color: #d26254;
	text-decoration: none;
}
#main-nav ul li a.active {
	background-color: #d26254;
}


/* *************************************************** 
 * Col-Layout
 */
#left-col {
	float: left;
	margin: 0px 30px 0px 0px;
	width: 210px;
}
#left-col #page-nav {
		
}


#right-col {
	margin:0;
	float: left;
	width: 380px;
	background: url(../images/content_border.gif) no-repeat top right;
}

#right-margin {
	width: 160px;
	float: right;
	margin-right: 30px;
}
#right-margin ul.sideinfos,
#right-margin ul.sideinfos li {
	width: 160px;
}
#right-margin ul.sideinfos li.infobox {
	margin-bottom: 20px;	
}

#right-margin ul.sideinfos li.infobox a {
	color: #6C838C;
}
#right-margin ul.sideinfos li.infobox p {
	font-size:0.7em;
	line-height:1.6em;
	color: #666666;
	margin-bottom: 5px;
}
#right-margin ul.sideinfos li.infobox h3 {
	font-size:0.8em;
	line-height:1.6em;
	color: #6C838C;
	margin-bottom: 5px;
}
	
.half {
	/*width: 50%;
	float: left;
	margin: 0;
	padding: 0;*/
}

/* ************************************************** 
 * Content
 */
#content {
	margin: 0px;
	padding: 0 20px 0 0;
	position: relative;
}

#content p cite {
	font-style: italic;	
	display: block;
	font-family: Tahoma;
	font-size: 1em;
}

#content h1 {
	color: #6c838c;
	font-weight: bold;
	margin-bottom: 15px;
}
#content h2 {
	color: #666666;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 15px;
}
#content h1 a,
#content h2 a {
	color: 	inherit;
}

#content p , #content ul {
	margin-bottom: 15px;
}
#content p.pre-list {
	margin-bottom: 5px;
}
#content p, #content span, #content label {
	color: #666666;
}
#content span,
#content p {
	line-height: 1.6em;
	font-size: 0.7em;
}
#content p label,
#content p span  {
	font-size: 1em;
}
#content p strong {
	font-size: 1em;
	font-weight: bold;
}

#content p em {
	font-weight: 700;
	font-style: normal;
	font-size: 1em;
	color: #c61900;
}

#content li {
	font-style: normal;
	font-size: 0.7em;
	list-style-position: outside;
	list-style-type: square;
	line-height: 1.6em;
	color: #666666;
	margin-left: 15px;
}



#content .block {
	display: block;
}


#content div.error-message {
	border: 1px solid red;
}
#content div.error-message p {
	margin: 10px;	
	font-weight: bold;
	color: red;
}

/* *************************************************** 
 * Page Navigation
 */
#page-nav {
	width: 174px;
	margin: 0;
	margin-left: 30px;
	/* background: url(../images/bg_line_pagenavigation.gif) top right repeat-y;*/

}
#page-nav ul { 
	border-top: 1px solid #c6c6c6;
}
#page-nav ul li {  
	margin-left: 0px;
	display: block;
	width: 173px;
	border-bottom: 1px solid #c6c6c6;
}

#page-nav ul li a {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	color: #a6a6a6;
	display: block;
	text-indent: 10px;
	font-size: 0.7em;
	margin: 3px 0;
}

#page-nav ul li a.active {
	color: #666;
	background-color: #e3ebf0;	
}

#page-nav ul li a:hover,
#page-nav ul li a:active{
	text-decoration: none;
	background-color: #e3ebf0;	
}

/* *************************************************** 
 * Form
 */
#content form {
	width: 100%;	
}
#content form label{
	font-size: 0.7em;
}

#content form textarea,
#content form input,
#content form button,
#content form select
{
	border: 1px solid #aaa;
	font-size: 0.8em;
	width: 75%;	
} 

#content form optgroup,
#content form option {
	font-size: 1em;
}
#content form optgroup option {
	text-indent: 20px;	
}

#content form textarea {
	height: 150px;
}


#content form #submit,
#content form #reset {
	width: 100px;
	float: left;
	margin: 15px 15px 0 0;
}


/* *************************************************** 
 * List Teaser
 */
#content ul.listteasers li {
	display: block;
	font-size: 1em;
	list-style: none;
	background: #E3EBF0;
	margin: 0px 0px 15px 0px; 
	border: 1px solid #aaa;
	
}
#content ul.listteasers li h3 {
	font-weight: bold;
	line-height: 1.4em;
	font-size: 0.7em;
	margin: 5px;
}
#content ul.listteasers li em {
	display: block;
	font-size: 0.9em;
	font-weight: normal;	
}
#content ul.listteasers li p {
	margin: 5px;
	position: relative;
}
#content ul.listteasers li p.linkpanel{
	display: block;
	text-align: right;
}

/* *************************************************** 
 * Footer
 */
#footer {
	margin: 30px 30px 0 30px;
	background: url(../images/bg_line_footer.gif) top left repeat-x;
}
#footer p {
	margin: 0 40px;
	padding: 8px 0;
	color: #c6c6c6;
	font-size: 0.7em;	
}	 
 
/* *************************************************** 
 * Breadcrumb
 */
#content ul#breadcrumb {
	list-style: none;
	width: 100%;
}
#content ul#breadcrumb li {
	width: auto;
	display: inline;
	margin: 0;
}

/* *************************************************** 
 * Site Treeview
 */
#page-nav ul#site_tree {
	border-top: none;
}
#page-nav ul#site_tree li {
	border: none;	
	border-top: 1px solid #c6c6c6;
}
#page-nav ul#site_tree ul {
	margin-left: 20px;
	border: none;
}
#page-nav ul#site_tree ul li {
	width: 153px;
}
#page-nav ul#site_tree ul li a{
	font-size: 0.6em;
}

/* *************************************************** 
 * Errors
 */


#content ul.errors li,
#content p.error {
	color: #C71900;
}
#content div#message p {
	padding: 10px;
}
#content div#message p.error {
	border: 1px solid #C71900;

}

#content form input#job_active,
#content form input#page_inmenue {
width: 15px;
}





/* *************************************************** 
 * ADMIN
 */
div#admin-login {
	border: 1px solid #aaa;
 	background: #E3EBF0;	
	display: block;
}
div#admin-login form input.auth {
	display: block;
	float: none;
	margin: 0 20px;
}
div#admin-login form label {
	display: block;
	float: none;
	margin: 10px 0 0 20px;
}

div#admin-login form #auth_submit {
 	width: 100px;
 	margin: 20px 20px;
}
 
#admin_site #page_submit,
#admin_site #content_submit {
	display: block;
	width: 100px;
}
p.button-link {
	text-align: right;
	width: 100%;
}

	
#admin-preview {
	border: 1px solid #aaa;
}

#admin-preview .block {
	position: relative;
}
#admin-preview .block .content {
	clear: both;
}



/**
 * Link Panel and Symbolic Links
 */
#admin-preview .link-panel{
	display: block;
	height: 16px;
	width: 100%;
	clear: both;
	background: #eee;
}
#admin-preview .link-panel p {
 	float: left;  
 	display: inline;
 	margin: 0;
 	line-height: 14px;
}
.link-panel a.link{
	float: right;
	line-height: 16px;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	margin-left: 2px;
	background-position: top left;
	background-repeat: no-repeat;
}

.link-panel a.active{
	background-image: url(../images/icons/silk/16x16/flag_green.gif); 
}
.link-panel a.inactive{
	background-image: url(../images/icons/silk/16x16/flag_red.gif);
}
.link-panel a.block-edit{
	background-image: url(../images/icons/silk/16x16/page_white_edit.gif);
}
.link-panel a.block-delete{
	background-image: url(../images/icons/silk/16x16/page_white_delete.gif);
}
.link-panel a.block-up{
	background-image: url(../images/icons/silk/16x16/page_white_get.gif);
}
.link-panel a.block-down{
	background-image: url(../images/icons/silk/16x16/page_white_put.gif);
}
.link-panel a.block-new{
	background-image: url(../images/icons/silk/16x16/page_white_add.gif);
}
.link-panel a.page-view{
	background-image: url(../images/icons/silk/16x16/page_white_magnify.gif);
}

#admin-page-buttons {
	position: absolute;
	right: 0;
}

#admin-page-buttons a {
/*	text-indent: 20px;*/
	float: left
}
.link-panel a.page-new{
	background-image: url(../images/icons/silk/16x16/application_add.gif);
}
.link-panel a.page-delete{
	background-image: url(../images/icons/silk/16x16/application_delete.gif);
}
.link-panel a.page-published{
	background-image: url(../images/icons/silk/16x16/flag_green.gif);
}
.link-panel a.page-unpublished{
	background-image: url(../images/icons/silk/16x16/flag_red.gif);
}
.link-panel a.page-down{
	background-image: url(../images/icons/silk/16x16/application_put.gif);
}
.link-panel a.page-up{
	background-image: url(../images/icons/silk/16x16/application_get.gif);
}
