/* GENERAL  */

* {margin:0;padding:0}
body {margin: 0px; text-align: center; padding:0; background:#000 url(../images/bg.jpg) center top no-repeat; color:#fff; font:14px/1.5 arial,verdana,tahoma,sans-serif;}

a,a:link,a:link,a:link,a:hover {background:transparent; text-decoration:none; cursor:pointer} 
a:link {color:#ffd562} 
a:visited {color:#ffd562} 
a:hover,a:active {color:#ffd562} 

a {outline:none; text-decoration:none; color:#ffd562;}
a:hover { border-bottom:none;}


/* TYPOGRAPHY */

p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6  {font-family: Century Gothic, arial; color:#fffdf1; padding-bottom: .1em}
h1 {font-weight:400; font-size: 36px;}
h2 {font-weight:300; font-size: 30px;}
h3 {font-weight:250; font-size: 25px;}
h4 {font-weight:250; font-size: 25px;}
h5 {font-weight:250; font-size: 25px;}
h6 {font-weight:250; font-size: 25px;}
img {border:none;} 

.hr {background:url(../images/horizontal-line.png); width:459px; height:1px; display:block; border:0; float:right; margin:5px 0; }

small {font-size:11px}

.centered {text-align:center}
.error {color:#c00;font-weight:bold}

/* LAYOUT MAIN */

#page {position:relative; width:795px; margin:0 auto 1.5em; text-align: left; border:0px solid #0fe;}
#header {position:relative; width:795px; height:175px; border:0px solid #f00;}
#meta {position:absolute; width:795px; height:50px; top:0px; left:0px;  color:#fff; text-align: right;}
#logo {position:absolute; width:125px; height:795px; top:51px; left:0px; }
#main {position:relative; width:795px; border:0px solid #0f0;}
#content {position:relative; width:440px; border:0px solid #ff0; margin-right:25px; float:right;}
#breadcrumb {margin-bottom: 5px;}
#side {position:relative; width:295px; border:0px solid #0ff;float:left;}
#nav {}
#footer {}

/* LAYOUT HEADER */

#meta ul {padding:0; margin:0; list-style:none; padding:5px;}
#meta li {display:inline; margin:0; padding:0 1px;}
#meta a {font-size:12px; color:#fff; text-decoration: none;}

#breadcrumb p, #breadcrumb ul, #breadcrumb li { display: inline; color: #ffd562; coloor: #90B0BF; font-size: 1em;}
#breadcrumb a  {border-bottom:1px dotted;} 
ul.rex-breadcrumb li { margin-left: 0px; padding: 0 6px 0 10px; background-image: url(../images/raquo.gif); background-position: 0px 4px; background-repeat: no-repeat; list-style: none; }
ul.rex-breadcrumb li.rex-lvl1 { margin: 0; padding-left: 5px; background: none;}
p#breadcrumb { font-size: 1em; color: #ffd562; coloor: #90B0BF; margin-bottom: 30px;}


/* LAYOUT NAV */

#nav { display:block; float:left; width:260px;}
* html body #nav { height: 260px; } /* IE 6 / 5.5 Hack */
#nav ul.rex-navi1 { padding:1px 20px; }

ul.rex-navi1 { padding:0px 10px; font-size:1.2em; text-transform:uppercase;}
ul.rex-navi1 li { display: block; padding:2px 0; color:#37444f; font-weight:bold; text-align: left;}
ul.rex-navi1 a { display: block; color:#fff; padding: 1px 0;}
ul.rex-navi1 a:hover, ul.rex-navi1 li a.rex-active, ul.rex-navi1 li a.rex-current {	color:#fff;	padding: 1px 0;}

ul.rex-navi2 { margin: 0 0 1px 0; font-size:1em; font-weight:normal; text-transform:none;}
ul.rex-navi2 li { padding:0; margin:0; font-weight:normal; border:none; text-align: left;}
ul.rex-navi2 a, ul.rex-navi2 a:hover, ul.rex-navi2 li a.rex-active, ul.rex-navi2 li a.rex-current { display:block; padding:3px;}
ul.rex-navi2 a:hover, ul.rex-navi2 li a.rex-active, ul.rex-navi2 li a.rex-current {color:#fff; font-weight:bold;}

ul.rex-navi3{ margin: 0 20px 1px 0; font-size:0.9em; font-weight:normal; text-transform:none;}
ul.rex-navi3 li { padding:0; margin:0; font-weight:normal; border:none; text-align: right;}
ul.rex-navi3 a:hover, ul.rex-navi3 li a.rex-active, ul.rex-navi3 li a.rex-current {color:#fff; font-weight:bold;}

#commentblock {background:url(../images/comment.png) left top no-repeat; width:273px; overflow:hidden; margin:0; padding:10px;}
#commentblock img {float:left; margin-right:10px;}
#commentblock b { display:block; color:#f22c5a;}
#currentcomment {height:164px; padding-top:45px; width:214px; display:table; margin:-10px 0 0 20px;}
#cover { float:none; height:205px; overflow:hidden;}
#commentblock #currentcomment a { text-align:center; text-decoration: none; font-size:18px; color:#e6d2b3; display:table-cell; font-family:georgia, times new roman, times; vertical-align:middle;}
#commentblock #currentcomment b { font-size:12px;}
#commentblock #currentcommenter { font-weight:700; text-align:left; margin-top:10px; list-style:none; padding:10px 10px 0;}
#commentblock li {padding:5px 0;}

/* LAYOUT CONTENT */

#content img {padding-top:10px; padding-bottom:10px;}
#content p {line-height: 20px; color: #fff;}
#content td {vertical-align:top; padding:2px;}
#content .picsmall {text-align:right; font-size:8px;}

/* LAYOUT TERMINE */

#termine div {float:left; width:100%; list-style:none; margin:0; padding:0;}
#termine h3 { text-transform:uppercase;}
#termine { display:block; float:left; margin-bottom:20px; padding:0 10px;}
#termine div.vevent ul { float:left; margin:1px 0; padding:0;}

.vevent div { display:table; float:left;}
.vevent li { display:block;}
.news { color:#e8d7a9; float:right; font-size:12px; width:305px; margin:5px 10px;}
.news b { display:block; font-size:13px; color:#fff; }
.news .link a {color:#fff; float:right; border:1px dotted; padding:3px; font-weight:bold; background: #000;}
.news .link a:hover { color:#ffd562; border:1px solid #fff; background: #f22c5a; padding:3px; text-decoration: underline;}
.dates { color:#494949; background:url(../images/date.png) no-repeat top left; width:60px; height:60px; float:left; font-size:11px; text-align:center; display:block; margin-top:15px; text-transform:uppercase;}
.dates b { margin-top:12px; line-height:16px; font-size:20px; display:block;}

/* TEXTBUTTON */

#content .buttonleft {padding: 8px; float: left;}
#content .buttonright {padding: 8px; float: right;}
#content a.textbutton { font-size: 12px; text-decoration: none; background:url("/images/textButton_left.gif") no-repeat left top; float: left; height: 24px; overflow: visible; padding-left: 18px; line-height: 24px; white-space: nowrap; cursor: pointer; border:1px solid #000;}
#content a.textbutton:hover { background-position: left bottom; text-decoration: none;}
#content a.textbutton span { color: #000080; background:url("/images/textButton_right.gif") no-repeat right top; float: left; height: 24px; text-align: center; padding-right: 18px; }
#content a.textbutton:hover span { color: #fff; background-position: right bottom;}
#content a.activetextbutton,
#content a.activetextbutton:hover { background-position: left bottom;}
#content a.activetextbutton span,
#content a.activetextbutton:hover span { background-position: right bottom; color: #fff;}