/*--------------- core -----------------*/

#more,
#more:visited,
#more:hover   {
	display			: block;
	color			: #dd1718;
	text-decoration	: none;
	padding-top		: 5px;
	padding-bottom	: 10px;
}

#more:hover {
	text-decoration	: underline;
	
}


#goback,
#goback:hover,
#goback:visited {
	display			: block;
	color			: #989a97;
	margin-top		: 5px;
	margin-bottom	: 15px;
}

#goback:hover {
	text-decoration: underline;
}

#goback img {
	vertical-align	: middle;
	margin-right	: 5px;
	border			: none;
}

label {
   	display: -moz-inline-box;
    display: inline-block;
    width:  80px;
}


.application {
	list-style-image: url('/ariadne/images/icons/pfile.gif');
}

.text {
	list-style-image: url('/ariadne/images/icons/ppage.gif');
}
#formclass .formclass {
	margin-top: 10px;
}

#formclass fieldset {
	margin-top		: 10px;
	padding: 10px;
	border: 1px solid #cecece;
	line-height: 1.4em;
}

#formclass fieldset.submit {
	margin-top:15px;
	text-align: right;
}


#formclass fieldset.marginTop {
	margin-top: 15px;
}

#formclass floatright {
	float: right;
}

#formclass legend {
	color: #606060;
	margin-bottom: 10px;
	padding: 2px;
}

#formclass label {
	display: -moz-inline-box;
	display: inline-block;
	width: 20%;
	padding: 2px;
	vertical-align: middle;
}

#formclass label.obligatory {
	font-weight: bold;
}

#formclass label.captcha {
	width: 30%;
}

#formclass .pfTopFiller {
	margin-top: 15px;
}

#formclass .formelement {
	border: 1px solid black;
	padding: 2px;
	margin-top: 5px;
	width: 70%;
	background-color: #F0F0F0;
}


#formclass .pftextarea {
	width: 100%;
	height: 150px;
}

#formclass .pfHidden {
	background-color: red;
	color: white;
}

#formclass .pfcheckbox {
	width: 20px;
	margin-left: 1px;
	border: none;
	background-color: transparent;
}

#formclass .pfselect {
	width   : 71%;
	height	: 25px;
}

#formclass .pfcheckbox {
	vertical-align: middle;
	border: none;
	background-color: transparent;
}

#formclass .checkboxLabel {
	width: 80%;
}

#formclass .textboxLabel {
	width: 100%;
}

.pfelse {
	display: none;
}

/* message styles */

#formclass .error {
	color: red;
	font-size: 1.3em;
	margin-top: 40px;
}

#formclass .formOkMsg,
#formclass .formNotOkMsg {
	margin-top: 40px;
}


/*
	.formLabelError is used to error-style those form fields which can't be styled directly. For now this is only
						 the checkbox
	.formError		 is used for all other fields
*/

#formclass .sayRequired {
	margin-top: 5px;
}


#formclass #errormessage {
/*	float: left;*/
	color: red;
	font-weight: bold;
	display: none;
}

#formclass .formError {
	background-color: red;
	color: white;
}

#formclass .formLabelError {
	border-bottom: 1px solid red;
}

#formclass  #captcha {
	width: 130px;
	height: 40px;
}

#formclass .captchaElement {
	width: 100px;
}

#formclass .searchAlign {
	border: 1px solid black;
	padding: 2px;
	width: 70%;
	background-color: #F0F0F0;
}
/*--------------- menu -----------------*/

#section {
	float			: left;
	width			: 100%;
	height		    : 100%;
	background-color: black;
}

#section li {
	display		    : block;
	height		    : inherit;
	width			: 120px;
	float			: left;
}

#section li a {
	display		    : block;
	height		    : 30px;
	width			: 110px;;
	text-align		: center;
	line-height		: 30px;
	color			: white;
	text-decoration	: none;
	font-weight		: bold;
    padding-left    : 5px;
    padding-right   : 5px;
}

#section a:hover {
	background-color	: #FEFEFE;
	color			    : black;
}

#section .selected {
	background-color : #606060;
	color			 : black;
}
#menu { /* level1 */
	display			    : block;
	width				: 172px;
	padding-top			: 23px;
	margin-left			: 0px;
	padding-left		: 0px;
	font-size			: 1em;
	letter-spacing		: 1px;
}

#menu li ul li a,		/* level 2 */
#menu li a				/* level 1 */
	{
	display		       : block;
	line-height		    : 30px;
	height              : 100%;     /* IE6 !! */
	text-decoration 	: none;
	padding-left	    : 25px;
	color               : #849ec3;
	font-weight			: bold;
	text-transform		: uppercase;
}

#menu li ul li a:hover,
#menu li a:hover,
#menu li.selected a:hover {
	color			    : white;
}


#menu li ul li a {	 	/* level 2 */
	padding-left	    : 60px;
	font-size			: 0.8em;
	font-weight			: bold;
    line-height		    : 20px;
}

#menu li ul li ul li a {
    padding-left        : 30px;
}

#menu li ul li ul li ul li a {
    padding-left        : 45px;
}


#menu li ul {
	display		        : none;
}

#menu li.selected ul {
	display		        : block;
}

#menu li.hit ul li a,
#menu li.selected a {
	color			    : #849ec3;
	font-weight		    : bold;
}

#menu li.hit a {
	font-weight		    : bold;
    color               : white;
}

#smallmenu {
	padding-left	    : 25px;
	margin-top			: 30px;
}

#smallmenu li {
	margin-top			: 5px;
}

#smallmenu li a {
	color				: white;
	text-decoration		: none;
	text-transform		: uppercase;
	font-size			: 0.8em;
}

#metamenu {
	height	: 24px;
}

#metamenu li {
	display		    : block;
	height		    : inherit;
	float			: left;
	width			: 60px;
}

#metamenu li a {
	display		    : block;
	height		    : 24px;
	text-align		: center;
	line-height		: 24px;
	color			: white;
	text-decoration	: none;
	font-weight		: bold;
	font-variant	: small-caps;
    padding-left    : 5px;
    padding-right   : 5px;
}

#metamenu li a:hover {
	text-decoration: underline;
}

#metamenu .selected {
}

/*--------------- gallery -----------------*/

#navigator	{
	height			: 20px;
	margin-top		: 5px;
	margin-bottom	: 50px;
}

#navigator .center {
	margin-left		: auto;
	margin-right	: auto;
}


#navigator a,
#navigator .hidden {
	display			: block;
	font-weight		: normal;
	width			: 20px;
	height			: 20px;
	float			: left;
	color			: white;
	background-color: #DC1617;
	text-align		: center;
	line-height		: 20px;
}

#navigator a.selected {
	background-color: white;
	color			: #DC1617;
/*	border			: 1px solid #DC1617;*/
	width			: 18px;
	height			: 18px;
}


#gallery {
	display			: block;
/*	width			: 546px; */
	clear			: both;
}



#gallery li.thumbnail {
	display		    : block;
	width			: 130px;
	height		    : 130px;
	border		    : 1px solid black;
	background-color	: silver;
	margin-right	   : 10px;
	margin-bottom	: 10px;
	padding		    : 5px;
	float			: left;
	text-align		: center;
	background-repeat: no-repeat;
	background-position: -5px;
}

#gallery li.thumbnail .clickable {
	display		: block;
	border		: none;
	width			: 100%;
	height		: 100%;
}

#gallery .photo {
	text-align		: center;
}

#gallery .photo img {
	margin-top		: 10px;
	margin-bottom	: 10px;
	border		: 1px dotted #e0e0e0;
}

.clearAll {
	clear		: both;
}
/*--------------- forum -----------------*/

#forum {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
}


#forum td {
	padding: 4px;
	border-left: 1px dotted silver;
}

#forum tfoot td,
#forum thead td {
	background-color		: #CC0000;
	color					: white;
	padding					: 5px;
	border-left				: 1px dotted silver;
}

#forum thead th {
	text-align			: right;
	height				: 20px;
}

#forum tbody td {
	vertical-align		: top;
	background-color	: #F4D1CF;
	background-color	: #fFf0f0;
}

#forum tbody td.datecol {
	white-space: nowrap; 
}

#forum tbody tr.odd td {
	background-color		: transparent;
}

#forum tbody td h2 {
	margin-bottom		: 5px;
	font-size			: 1.2em;
}

#forum tbody td .extrainfo {
	font-size			: 0.8em;
}

#forum tfoot td {
	text-align: center;
}

del {
	color			: silver;
	text-decoration	: none;;
}

#discussion {
	width: 100%;
	border-collapse: collapse;
}

#discussion tbody td {
	vertical-align: top;
	padding: 5px;
}

#discussion tbody tr.first td {
	background-color: #F4D1CF;
}
	
#discussion tbody tr td {
	background-color: #F4D1CF;
	background-color: #fff0f0;	
}


#discussion tbody tr.odd td {
	background-color: transparent;
}

#discussion tbody .header {
	border-left: 1px dotted silver;
	width: 140px;
}

#discussion tbody tr.splitter td {
	background-color: white;
	height: 10px;
}

#discussion tbody .message .body {
	line-height		: 1.4em;
}

#discussion tbody .message .body h2 {
	line-height		: 1.4em;
	font-size: 1.2em;
}


/* Form */

.formclass {
	margin-top: 10px;
}

fieldset {
	padding: 10px;
	border: 1px solid #F0F0F0;
}

legend {
	color: #888888;
	margin-bottom: 10px;
}

label {
	display: -moz-inline-box;
	display: inline-block;
	width: 25%;
	vertical-align: middle;
	padding: 2px;
}

label.obligatory {
	font-weight: bold;
}

.captcha {
	display: -moz-inline-block;
	vertical-align: middle;

}

.pfTopFiller {
	margin-top: 15px;
}

.formelement {
	border: 1px solid black;
	padding: 2px;
	margin-top: 5px;
	width: 70%;
	background-color: #F0F0F0;
}

.pftextarea {
	width: 100%;
	height: 150px;
}

.pfHidden {
	background-color: #CC0000;
	color: white;
}

.pfcheckbox {
	width: 20px;
}

.pfselect {
	width: 71%;
}

.pfcheckbox {
	width: 20%;
	margin-right: 5%;
}

.checkboxLabel {
	width: 70%;
}

.textboxLabel {
	margin-top: 10px;
	width: 100%;
}


/* message styles */

.error {
	color: #CC0000;
	font-size: 1.3em;
	margin-top: 40px;
}

.formOkMsg,
.formNotOkMsg {
	margin-top: 40px;
}


/*
	.formLabelError is used to error-style those form fields which can't be styled directly. For now this is only
						 the checkbox
	.formError		 is used for all other fields
*/

.formError {
	border: 1px solid #CC0000;
}

.formLabelError {
	border-bottom: 1px solid #CC0000;
}
/*--------------- news -----------------*/

#news {
	line-height		: 2em;
}

#news .frame {
	border-top	: 1px solid #dd1718;
}

#news h1 {
	display			 : block;
	width			: 100%;
	padding-top		: 5px;
	margin-bottom	: 10px;
}

#news .newsItem {
	line-height		: 1.3em;
	margin-bottom	: 15px;
}

#news .newsItem h2 {
	font-size		: 12px;
	padding-top		: 5px;
	padding-bottom	: 5px;
}

#news .newsItem .date {
	padding-top		: 5px;
	color			: #dd1718;
}

#news .newsItem .summary {
}

#news .newsItem .icon {
	float			: left;
	clear			: both;
	margin			: 10px;
	margin-left		: 0px;
}

.hotlist {
    clear           : both;
}

.hotlist .header {
    height             : 20px;
    border-bottom      : 1px solid #dd1718;
    padding             : 0px;
    margin-bottom       : 10px;
}

.hotlist .header .title {
    height          : 14px;
    background-color: #dd1718;
    color           : white;
    width           : 200px;
    padding         : 3px;
    padding-left    : 5px;
    margin          : 0px;
    font-weight     : bold;
    line-height     : 14px;
}

.hotlist h3 {
    color           : #dd1718;
    font-weight     : bold;
}


#newsDisplay {
}

#newsDisplay h2 {
	font-size			: 16px;
	font-weight			: bold;
}

#newsDisplay .summary {
	line-height			: 1.2em;
	margin-top			: 10px;
	margin-bottom  		: 10px;
	font-weight			: bold;
}

#newsDisplay .body {
	line-height			: 1.2em;
	margin-top			: 10px;
	margin-bottom  		: 10px;
	font-weight			: normal;
}

#newsDisplay .body p:first-child {
	font-size			: 1.2em;
	font-style			: italic;
	font-weight			: bold;
	line-height			: 2em;
}

#newsDisplay .dates	{
	margin-top			: 10px;
	margin-bottom  		: 10px;
}

#newsDisplay img[align=right] {
	float				: right;
	margin				: 10px;
	margin-top			: 0px;
	margin-right		: 0px;
}

#newsDisplay img[align=left] {
	float				: left;
	margin				: 10px;
	margin-top			: 0px;
	margin-left			: 0px;
}
/*--------------- syndication -----------------*/

#cContent div.rssfeed {
    color: #dc1617;
    border-bottom: 1px solid #dc1617;
    margin-bottom: 0px !important;
	clear: both;
	margin-bottom: 10px;
}

#cContent div.rssfeed .text {
    background-color: #dc1617;
    color: white;
    width: 100px;
    padding: 2px;     
    margin-bottom: 0px;   
}

.rssfeed thead {
	display: none;
}

.rssfeed {
    margin: 0px;
    width: 97%;
}
.rssfeed td {
    padding : 5px;
    line-height: 1.4em;
}

.rssfeed td.date {
    width:  100px;
}

.rssfeed .archive {
    border-top: 1px solid #dc1617;
	text-align: right;
}

tr.odd {
	background-color: #e7e7e7;
}
/*--------------- googlemap -----------------*/


/*--------------- forms -----------------*/

/*--------------- sitemap -----------------*/


/*--------------- filebase -----------------*/

#filebase {
    clear: both;
}

#filebase table {
    width               : 95%;
}


#filebase thead {
    background-color    : #a9bbd5;
}

#filebase thead td {
    border-right        : 1px dotted white;
}

#filebase td {
    padding             : 2px;
    vertical-align      : middle;
    height              : 24px;
    border-right        : 1px dotted silver;
}

#filebase tr.odd    {
    background-color    : #f0f0f0;
}

#filebase td.name {
}

#filebase td.icon {
    width               : 20px;
}

#filebase td.type {
    width               : 80px;
    white-space         : nowrap;
}

#filebase td.time {
    width               : 120px;
    border-right        : none;
    white-space         : nowrap;    
}