/**
 * CSS reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}
h1 {
    font-size:18px;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}



/**
 * Basic page layout
 */
body {
    text-align:center;
    background-color:#AA0009;
    background-image:url("../img/background.png");
    background-repeat:repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
#wrapper {
    text-align:left;
    margin:0 auto;
    width:860px;
}
.clearfix {
    clear:both;
    display:block;
}
a {
    color:#2A4D9B;
}
a:hover {
    color:#000000;
}

/**
 * Center column
 */
#wrapper,
#header,
#container,
#footer {
    width:860px;
}

#header {
    background-image:url("../img/header.png");
    height:205px;
}
#header h1 {
    display:none;
}
#container {
    background-color:#FFFFFF;
    background-image:url("../img/column.png");
    background-repeat:repeat-y;
}
#footer {
    background-image:url("../img/footer.png");
    background-repeat:no-repeat;
    background-position: 0 0;
    height:80px;
    background-color:#AA0009;
    clear:both;
}

/**
 * Content
 */
#breadcrumbs,
#menu,
#content,
#submenu,
div.ruler {
    margin:0 20px;
    width:820px;
}
#breadcrumbs {
    float:right;
    width:700px;
}

#content
{
    line-height:1.2;
}

div.ruler {
    clear:both;
    overflow:hidden; /* IE6 */
    height: 1px;
    background-image:url("../img/ruler.png");
    margin-bottom:10px;
}

/**
 * Breadcrumbs
 */
#breadcrumbs {
    text-align:right;
    font-style:italic;
    padding-bottom:10px;
    padding-top:10px;
}
#breadcrumbs p {
    font-weight:bold;
    display:inline;
}
#breadcrumbs ul {
    list-style-type:none;
    display:inline;
    margin-right:10px;
}
#breadcrumbs li {
    padding-left:5px;
    display:inline;
}
/**
 * Menu
 */
#menu {
    float:left;
    width:180px;
    display:block;
    margin-top:10px;
    padding-bottom:20px;
}
#menu ul.root h4 {
    display:block;
    width:177px;
    height:17px;
    background-image:url('../img/menu_header_bg.png');
    text-transform:uppercase;
    font-weight:bold;
    font-family:Frutiger;
    font-size:14px;
    color:#FFFFFF;
    padding-left:3px;
    padding-top:3px;
    border-bottom:1px solid #CBA53D;
}
#menu ul {
    list-style-type:none;
}
#menu .item {
    border-top:1px solid #BFC9E1;
    margin-top:10px;
    margin-bottom:5px;
}
#menu .subitem {
    margin-left:10px;
}
#menu .subitem a {
    width:145px;
}
#menu .item li {
    width:180px;
}
#menu ul.root a {
    display:block;
    height:20px;
    width:155px;
    padding-top:8px;
    background-color:#FFFFFF;
    padding-left:25px;
    background-image:url('../img/menu_bullet.gif');
    background-repeat:no-repeat;
    background-position:12px 10px;
    text-decoration:none;
    border-bottom:1px solid #BFC9E1;
}
#menu a:hover {
    background-color:#DFE4F0;
}

/**
 * Content
 */
#content {
    float:left;
    display:block;
    width:610px;
    padding:10px;
    padding-left:0px;
    margin-left:0px;
}

/**
 * Footer menu
 */
#submenu {
    text-align:right;
    font-style:italic;
    padding-top:10px;
    padding-bottom:15px;
    width:580px;
}
#submenu ul {
    list-style-type:none;
    display:inline;
    margin-right:10px;
}
#submenu li {
    display:inline;
    margin-right:15px;
}

/**
 * Content elements
 */
#content h2 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:100%;
    font-weight:bold;
    color:#2A4D9B;
    margin-bottom:1em;
}
#content p {
    margin-bottom:1em;
}
h1.csc-firstHeader
{
    font-size:150%;
    font-weight:bold;
    margin-bottom:20px;
}

#content li {
    margin-left: 20px;
}

/**
 * Forms
 */
.user_sjbncompetition_single fieldset,
.user_sjbnsignup_single fieldset
{
    display:block;
    border:1px solid #DEDEDE;
    margin-bottom:18px;
    padding:20px 10px 20px;
}
.user_sjbncompetition_single fieldset div,
.user_sjbnsignup_single fieldset div
{
    margin-bottom:5px;
}
.user_sjbncompetition_single legend,
.user_sjbnsignup_single legend
{
    padding-left:2px;
    padding-right:2px;
    margin-bottom:5px;
    font-weight:bold;
    font-style:italic;
}
.user_sjbncompetition_single label,
.user_sjbnsignup_single label
{
    display:inline-block;
    float:left;
    padding-right:10px;
    padding-top:5px;
    text-align:right;
    width:180px;
}
.user_sjbncompetition_single #submitbutton,
.user_sjbnsignup_single #submitbutton
{
    margin-left:190px;
}

.user_sjbncompetition_single p.error,
.user_sjbnsignup_single p.error
{
    display:inline;
    margin-bottom:0;
    margin-left:5px;
    color:red;
}


#mailform
{
    margin-bottom:20px;
}

div.csc-mailform-field
{
    margin-bottom:5px;
}
.csc-mailform-field label
{
    display:inline;
    float:left;
    padding-right:10px;
    padding-top:5px;
    text-align:right;
    width:180px;
}
label.disclaimerlabel
{
    float:none;
    width:400px;
    text-align:left;
}
#mailformsubmit, .csc-mailform-submit
{
    margin-left: 190px;
}

.csc-bulletlist
{
    padding-left:20px;
}
.csc-header
{
    font-weight:bold;
    margin:10px 5px;
}

.csc-sitemap ul
{
    margin-left:20px;
}
.csc-sitemap a
{
    margin-bottom:5px;
    display:block;
}
.contenttable
{
    border: 1px solid #CCC;
    margin:20px 0;
    border-collapse:collapse;
}
.contenttable td
{
    border: 1px solid #CCC;
    padding: 5px;
}
.contenttable p
{
    display:inline;
}
#nvbr {
    display:block;
    float:left;
    margin-left:-4px;
}
#logout {
    display:inline;
    float:left;
    margin-left:26px;
    margin-top:11px;
}
p.msg
{
    font-weight:bold;
    color:red;
}

		#thumbs {
			margin:0 10px 0 0;
			width:600px;
	
			border:1px solid #ededed;
			}
		
		#thumbs ul {
			margin:5px;
			list-style-type:none;
			}

		#thumbs ul li {
			float:left;
			margin:4px 5px 5px 5px;
			padding:2px;
			background:#fff;
			border:2px solid #ccc;
			}

		#thumbs ul li.active {
			background:#e2aa22;
			border:2px solid #856413;
			}

		#thumbs ul li img {
			display:block;
			width:65px;
			height:50px;
			cursor:pointer;

			max-width:100px; /* IE 6 still needs a fix */
			max-height:80px; /* IE 6 still needs a fix */
			}
		
		#thumbs ul li img.active {
			border:5px solid #f00;	
			}

		
		.image-holder {
			width:600px;
			overflow:hidden;
			border:1px solid #ededed;
            margin-top:20px;
			}

		#images .image-title {
	
			font-size:220%;
			line-height:150%;

			padding:0 16px;
			margin-bottom:10px;
            clear:both;
			}

        #images .image-data {
			padding:5px 16px;
            clear:both;
            }
			
		#images .image {
			width:600px;

            margin-top:10px;

			display: block; 
			vertical-align: middle;
			
			}
		#images .image div {
            float:left;
            margin-top:16px;
            width: 534px;
			}


		.prev-image,
		.prev-image-disabled,
		.prev-image:visited,
		.prev-image-disabled:visited,
		.next-image,
		.next-image-disabled,
		.next-image:visited,
		.next-image-disabled:visited {
            margin-top:200px;
			display:block;
			width: 32px;
			height: 32px;
			cursor: pointer;
			background:#f80;
            float:left;
			}
			
		.prev-image,
		.prev-image-disabled,
		.prev-image:visited,
		.prev-image-disabled:visited {
            background: transparent url(/fileadmin/templates/img/jcarousel/prev-horizontal2.png) no-repeat 0 0;
			}

		.next-image,
		.next-image-disabled,
		.next-image:visited,
		.next-image-disabled:visited {
            background: transparent url(/fileadmin/templates/img/jcarousel/next-horizontal2.png) no-repeat 0 0;
			}

		.prev-image:hover,
		.next-image:hover {
			background-position: -32px 0;
			}
		
		.prev-image:active,
		.next-image:active {
			background-position: -64px 0;
		}

		.prev-image-disabled,
		.prev-image-disabled:hover,
		.prev-image-disabled:active,
		.next-image-disabled,
		.next-image-disabled:hover,
		.next-image-disabled:active {
			cursor: default;
			background-position: -96px 0 !important;
			}

		#slideshow .image-text {
            clear:both;
			}

/* powermail */
.tx_powermail_pi1_form {
}
.tx_powermail_pi1_form fieldset
{
    display:block;
    border:1px solid #DEDEDE;
    margin-bottom:18px;
    padding:20px 10px 20px;
}
.tx_powermail_pi1_form textarea
{
    width:380px !important;
}
.tx_powermail_pi1_form fieldset div
{
    margin-bottom:5px;
}
.tx_powermail_pi1_form legend
{
    padding-left:2px;
    padding-right:2px;
    margin-bottom:5px;
    font-weight:bold;
    font-style:italic;
}
.tx_powermail_pi1_form label
{
    display:inline-block;
    float:left;
    padding-right:10px;
    padding-top:5px;
    text-align:right;
    width:180px;
}
.tx_powermail_pi1_form .hidden
{
    display:none;
}
.powermail_submit
{
    margin-left:190px;
}

/* Browser plugin */
.tx-browser-pi1 div.searchbox {
    padding:10px;
    text-align:right;
}
.tx-browser-pi1 div.azSelector a span {
    display:block;
    width:15px;
    text-align:center;
}
#content .tx-browser-pi1 div.azSelector li {
    padding:3px;
    padding-left:6px;
    margin-left:0;
}
.tx-browser-pi1 div.browsebox .location {
    padding:5px;
    font-style:italic;
}

.user_sjbnsignup_list th,
.tx-browser-pi1 div.listview th {
    background-color:#EEEEEE;
    font-weight:bold;
    padding:10px;
}

.user_sjbnsignup_list th a,
.tx-browser-pi1 div.listview th a {
    color: #333;
}

.user_sjbnsignup_list td a,
.tx-browser-pi1 div.listview td a {
    display:block;
    padding:2px;
    text-transform:capitalize;
}
.tx-browser-pi1 ul.azSelector {
    height:21px;
}

.tx-browser-pi1 .singleview h1 {
    display:none;
}
.tx-browser-pi1 .singleview .backbutton {
    display:block;
    margin:10px;
}

.user_sjbnsignup_list table,
.tx-browser-pi1 table {
    padding:5px;
    border:1px solid #EEEEEE;
    width:100%;
}

.tx-browser-pi1 .singleview th {
    color:#333;
    font-weight:bold; 
    padding:5px;
    padding-right:20px;
}

.user_sjbnsignup_list td,
.tx-browser-pi1 td {
    padding:5px;
}

.user_sjbnsignup_list tr.odd,
.tx-browser-pi1 tr.odd {
    background-color: #EEEEEE;
}

.user_sjbnsignup_listlink,
.user_sjbnsignup_add {
    padding:10px;
}

/** news module **/
.news-single-nav {
    padding-bottom: 20px;
}

.news-single-item h1 {
    font-weight: bold;
    font-size:140%;
    padding-bottom:40px;
}
.news-single-rightbox {
    display:none;
}
.news-single-img {
    float:left;
    display:inline;
    padding-right:20px;
    padding-bottom:20px;
}
/*.news-single-item p {
    display:inline;
}*/
.news-single-additional-info {
    margin-top:20px;
    padding-top:20px;
    border-top: 1px solid #CCC;
}
.news-single-backlink {
    display:none;
}
.news-latest-container
{
    padding:0;
}
.news-list-date,
.news-latest-date
{
    display:none;
}
.news-list-item,
.news-latest-item
{
    margin-bottom:20px;
}
.news-list-item h2 a,
.news-latest-item h2 a
{
    color:black;
    text-decoration:none;
}
.news-list-item h2 a:hover,
.news-latest-item h2 a:hover
{
    color:black;
    text-decoration:underline;
}
.news-list-category,
.news-latest-category
{
    display:none;
}
#content div.news-list-item p,
#content div.news-latest-item p {
    display:inline;
    margin:0;
    padding:0;
}
.news-list-container .news-list-item h2,
.news-latest-container .news-latest-item h2 {
    padding-bottom:0.5em;
}
.news-latest-gotoarchive {
    display:none;
}

#content .news-single-item h1 {
    padding-bottom:10px;
}
#content .news-single-item h2 {
    color:black;
    font-weight:normal;
    font-style:italic;
}











.twtr-widget {
    padding-top:10px;
}
.twtr-tweet-text {
    font-size: 80%;
}
#facebook_plugin {
    margin-top:10px;
}