/* ------------- BASICS -------------- */


body {
	font-size: 100%;
	}



html, body {
    margin: 0;
    padding: 0;
    }

body {

	background-image:url('../images/bg.jpg');
	background-color:#FFFFFF;
	background-repeat:repeat;
	background-position:center top;
}

#siteWidth {
	max-width: 986px;
	margin: 5px auto;
	text-align: left;
	position: relative;
	}

.shadow-a {
	padding: 0 1px 1px 1px;
	background-color: #e9e8e6;
	margin-top: 3px;
	}

.shadow-b {
	padding: 0 1px 1px 1px;
	background-color: #d1d0ce;
	}

.shadow-c {
	padding: 1px 1px 1px 1px;
	background-color: #bbbbbb ;
	}

#pageContainer {	
	padding-bottom:5px;
	background-color: #fff;
	}
	
.clr {
	clear: both;
	height:0px
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

.ingress {
	font-weight: bold;
	}

p span.citat {
	clear: both;
	display: block;
	font-style: italic;
	text-align:left;
	margin: 1em 6%;
	text-indent: 1.5em;
	}

h1 {
	font-weight: normal;
	margin: 0 0 0.5em 0;
	}

h2, h3, h4  {
	font-weight: normal;
	margin:1.25em 0 0.125em 0;
	}

p {
	margin: 0 0 1em 0;
	padding: 0;
	}

dt {
	margin:1.5em 0 0.5em 0;
	}

a:focus {
	outline: 3px invert solid;
	}

.searchfield:focus {
	outline: 1px invert solid;
	}

/* ---------------- LINKS --------------- */

a {
color: #330099;
}

a:link {
color: #330099;
}
a:visited {
color: #333399;
}
a:hover {
color: #FF0000;
text-decoration:underline;
}
a:active {
background-color:yellow;
}


a.rssicon,
a.fileicon,
a.excelicon, 
a.powerpointicon,
a.wordicon,
a.pdficon {
	margin:0.5em 0 0.375em 3% ;
	padding:0 0 0 21px;
	display:block;
	background-repeat: no-repeat; 
	background-position: top left;
	clear:both;
	}

.col25 a.rssicon,
.col25 a.fileicon,
.col25 a.excelicon,
.col25 a.powerpointicon,
.col25 a.pdficon,
.col25 a.wordicon {
	margin:0.5em 0 0.375em 4px ;
	}


a.nounderline {
	text-decoration:none;
	color: #484848; 
	}

a.nounderline:hover {
	text-decoration:underline;
	}

/* -------------- LISTS -------------- */

ul {
	list-style-type: square;
	}

ul,ol {
	padding: 0;
	margin: 0 7% 10px 7%;
	padding:0;
	list-style-position: outside;
	}

ul ul,
ol ol {
	margin-left:16px;
	}

.col25 ol,
.col25 ul {
	margin-left: 26px;
	list-style-position: outside;
	}

/* --------------- TABLES --------------- */

table {
	border-spacing:0;
	text-align: left;
	empty-cells: show;
	border-collapse: collapse;
	margin-bottom: 2em;
	}

caption {
	caption-side: top;
	text-align: left;
/*	vertical-align: bottom;
*/	padding: 1.25em 0.5em 0.5em 0;
	margin: 0;
	}

th, td {
	padding: 0.25em 0.5em 0.125em 0.5em;
	vertical-align:top;
	font-weight: normal;
	text-align: left;
	}

table.blank {
	border: 0;
	border-spacing: 0;
	text-align: left;
	empty-cells: show;
	}
	
table.blank td {
	border: 0;
	padding: 0.5em;
	vertical-align:top;
	}

table.blank th {
	border: 0;
	padding: 0.5em 0.5em 0.375em 0.5em;
	vertical-align:top;
	}

table, td, th {
	border: 1px solid #ddd;
	}

/* ------------- IMAGES -------------- */

#bodyArea img { max-width: 100%; }

.col25 .imageComp img { width: 100%; margin: /*4px 0 10px*/ 0;}

.img_left_s { width:30%; }
.img_left_m { width:40%; }
.img_left_l { width:50%; }
.img_left_xl { width:60%; }
.img_right_s { width:30%; }
.img_right_m { width:40% }
.img_right_l { width:50%; }
.img_right_xl { width:60%; }
	
/*v1 class*/
	.img_left_small { width:24.2%; }
	.img_left_medium { width:32.2%; }
	.img_left_large { width:40.3%; }
	.img_left_xlarge { width:48.3%; }
	.img_right_small { width:24.2%; }
	.img_right_medium { width:32.2% }
	.img_right_large { width:40.3%; }
	.img_right_xlarge { width:48.3%; }

.img_left_s,
.img_left_m,
.img_left_l,
.img_left_xl,
.img_left_small,
.img_left_medium,
.img_left_large,
.img_left_xlarge {
	float:left;
	padding:0;
	margin: 0.3125em 2% 0.3125em 0;
	}

/*.col50 img,
.articleComp .col50 img {
	margin: 0.3125em 2% 0.3125em 0;
	}
*/
.img_right_s,
.img_right_m,
.img_right_l,
.img_right_xl,
.img_right_small,
.img_right_medium,
.img_right_large,
.img_right_xlarge {
	float:right; 
	padding:0;
	margin: 0.3125em 0 0.3125em 2%;
	}

.col25 .imageComp img {
	border: none;
	}

.col25 .textComp img {
	margin: 0.3125em 0.3125em 0.3125em 0;
	}

/* ------------- HEADER -------------- */

#home p {
	padding: 0 22px;
	margin: 0;
	}

#home a {
	text-decoration: none;
	}

#home a:hover {
	text-decoration: underline;
	}

#headerArea .right ul.linklist {
	padding:  0;
	margin: 0;
	}
	
#home ul.linklist li,
#headerArea .right .linklist li {
	display: inline;
	list-style-type: none;
	padding:0 3px 0 8px;
	margin: 0;
	}

#home ul.linklist li.first,
#headerArea .right .linklist li.first,
.linklist li.first {
	padding-left: 0;
	background-image: none;
	}

#home ul.linklist li.last,
#headerArea .right .linklist li.last {
	padding-right: 0;
	}

#headerArea a {
	text-decoration: none;
	}

#headerArea a:hover {
	text-decoration: underline;
	}

#headerArea a img {
	border: none;
	}

#darkRow a {
	text-decoration: none;
	}
	
#darkRow a:hover {
	text-decoration: underline;
	}

#darkRow {
	padding: 0 20px 0 20px;	
	border-top: 2px solid #000;
	}

#darkRow ul.linklist {
	width: 74.5%;
	max-width: 700px;
	float: left;
	padding: 0;
	margin: 0;
	}

#darkRow ul.linklist li  {
	float: left;
	list-style-type: none;
	line-height: 120%;
	}

#darkRow .sitename,
#darkRow h1 {
	font-weight: normal;
	float: left;
	line-height: 120%;
	}

a.divider {
	padding:0 8px 0 0;
	margin: 0;
font-size: 0.6875em;
	}

form.search {
	width: 23.5%;
	max-width: 220px;
	text-align: center;
	float: right;
	}

#darkRow .linklist li.current {
	}

form.search label,
form.search a {
	font-weight: bold;
	text-transform: uppercase;
	}

/* OLD VERSION	
form.search .searchfield {
	width: 50%;
	border: 0;
	}
*/

form.search .searchfield {
	width: 65%;
	border: 0;
	font-size:70%;
	color:#474747;
	}

#crumbtrailComp {
	margin: -5px 0 0 0 ;
	border-bottom: 2px solid #000;
	}

#crumbtrailComp ul {
	padding: 6px 15px 3px 15px;
	width: 83%;
	margin: 0;
	float: left;
	}
	
#crumbtrailComp li {
	display: inline;
	margin: 0;
	padding:0;
	}

#crumbtrailComp li a {
	margin-right: 5px;
	padding:0 11px 0 0;
	text-decoration: none;
	}

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

#crumbtrailComp li.current {
	font-weight: bold;
/*	margin-left: 3px;*/
	padding-bottom: 6px;

	}


#sitemap {
	margin:7px 14px 0 15px;
	padding: 2px 0 0 15px;
	float: right;
	text-decoration: none;
	}

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

/* ------------ BODY AREA ------------ */

#bodyArea {
	margin: 5px 5px 0 5px;
	padding: 0 0 0 0;
	border-bottom: 1px solid #cdcdcd;
	}


/* ------------- COLUMNS ------------- */

.col25 {
	width: 22.69%;
	max-width: 220px;
	}

.col50 {
	width: 47.5%;
	max-width: 460px;
	}

.col75 {
	width: 72.18%;
	max-width: 700px;
	}

.col25,
.col50,
.col75,
.col100 {
	float: left;
	margin:15px 0.55% 0 1.55%;
	}

.col100 {
	width: 96.95%;
	max-width: 940px;
	}


/* ------------ COMP BASICS ------------- */

.eventCategorySelectComp h1,
.eventSearchComp h1,
.dateSpanSelectComp h1,
.graphicCalComp h1,
.col25 #gubasComp.search h1,
.col25 #gubasContactApp h1,
.newsPushComp h1,
.rssPushComp h1,
.calPushComp h1,
.contactComp h1,
.textComp h1 {
	display: block;
	padding: 0 0 1px 5px;
	margin-top: 0;
	font-weight: normal;
	border-bottom: 1px solid #061224;
	border-left: 2px solid #061224;
	}

.eventCategorySelectComp,
.eventSearchComp,
.dateSpanSelectComp,
.graphicCalComp,
.col25 #gubasComp.search,
.imageComp,
.newsListComp,
/*.calListComp,*/
.newsPushComp,
.rssPushComp,
.calPushComp,
.contactComp,
.textComp,
.col25 .adComp,
.col25 .articleComp {
	margin-bottom: 2em;
	margin-top: 1.25em;
	}

.contactComp h2,
.textComp h2 {
	font-weight: bold;
	}

.col50 .newsPushComp h1,
.col50 .calPushComp h1,
.col50 .contactComp h1,
.col50 .textComp h1 {
	padding:0 0 0 5px;
	}

.col100 h1,
.col75 h1,
.col50 h1 {
	margin-bottom: 0.25em;
	margin-top: 0.5em;
	display: block;
	}

.col50 .newsListComp p,
.col50 .calListComp p {
	padding: 0;
	margin: 0 0 10px 0;
	}


/* --------------- FORMS ---------------- */

input {
	margin: 0;
	padding: 0;
	padding-left:2px;
	}

label {
	font-weight:normal;
	}

legend {
	padding:1.25em 0 0 0;
	margin: 0;
	font-weight: normal;
	}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	}

select {
	width: 50%;
	}

#bodyArea input,
#bodyArea textarea,
#bodyArea select {
	margin: 0 0 1.25em 0;
	}

#bodyArea input[type=checkbox], 
#bodyArea input[type=radio] {
	margin: 0;
	}

#bodyArea input.button {
	margin: 0.75em 0 0.5em 0;
	display: block;
	}

.fullwidth {
	width: 99%;
	}

textarea.small,
textarea.medium,
textarea.large {
	height: 7em; 
	}

textarea.small,
select.small,
input.small {
	width: 30%;
	}

textarea.medium,
select.medium,
input.medium {
	width: 70%;
	}

textarea.large,
select.large,
input.large {
	width: 95%;
	}

select.adjust {
        width: auto;
}

input:focus,
textarea:focus {
	background-color: #fffbdf;
	}

.col50 .red,
#calendarComp .red {
	padding: 0 12px 0 0;
    zoom: 1;
	}

#calendarComp p .red {
	padding: 0 0 0 12px;
    zoom: 1;
	}

/* -------------- FONT-SIZE ------------- */

label,
/*p.red,*/
.errorMessage,
#bodyArea p,
#partnerComp p,
#bodyArea tr,
#home ul,
#bodyArea ul,
#bodyArea ol,
#bodyArea dd,
#bodyArea #sitemap,
#bodyArea .col25 .textComp h2,
#bodyArea .col25 .textComp h3,
#bodyArea .col25 .textComp h4,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .newsListComp h2,
#bodyArea .col50 .calListComp.light h2,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .newsPushComp h2,
#bodyArea .col50 .calPushComp h2,
#bodyArea .col25 h2,
#bodyArea #semBokn .col100 h2.list,
#bodyArea a#uplink,
#bodyArea a#share,
#customizeComp p,
.iframeDialogContent p,
#footerArea p {
	font-size: 0.8em;
	}

h1,
.iframeDialogContent h1,
#searchResultComp .col25 h1 {
	font-size: 1.625em;
	}

#bodyArea #gubasComp tr h2,
#headerArea .left a,
#bodyArea .sitemapComp ul a,
p span.citat {
	font-size: 1.5em;
	}

h2,
/*#bodyArea .fadeIn .col25 h2, ---JS 2013---*/
#bodyArea .AtoO h2,
legend {
	font-size: 1.3125em;
	}

.col25 h1,
#bodyArea h3,
#bodyArea h4,
#bodyArea h5,
#bodyArea #profilComp h1,
#bodyArea caption,
#bodyArea dt,
.adComp h1,
.iframeDialogContent h2 {
	font-size: 1.1875em;
	}

#darkRow ul,
#darkRow .sitename,
#darkRow h1,
div.abc,
.iframeDialogContent h3 {
	font-size: 1em;
	}

#home ul,
#headerArea,
#darkRow label,
#bodyArea #profilComp h2,
#bodyArea #profilComp ul.collapsablemenu,
textarea, input,
#partnerComp h1 {
	font-size: 0.6875em;
	}

#bodyArea ol ol,
#bodyArea ol ol ol,
#bodyArea ul ul,
#bodyArea ul ul ul,
#bodyArea ul ul ul ul,
#bodyArea .sitemapComp ul ul a {
	font-size: 100%;
	}

.commentdate,
.smallfont {
	font-size: 80%;
	}

.searchHitInfo {
	font-size: 90%;
	}

#bodyArea .col25 .textComp h2,
#bodyArea .col25 .textComp h3,
#bodyArea .col25 .textComp h4,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .newsListComp h2,
#bodyArea .col50 .calListComp.light h2,
#bodyArea .col50 .calListComp h3 {
	font-weight: bold;
	}



	
	
/* ----------------- FONT-FAMILY ------------------- */

	

body,
input,
textarea,
#darkRow,
#profilComp #linkCollection h2,
#profilComp ul.collapsablemenu,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .newsListComp h2,
#bodyArea .col50 .calListComp.light h2,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .newsPushComp h2,
#bodyArea .col50 .calPushComp h2,
#bodyArea #semBokn .col100 h2.list,
#bodyArea .col25 h2,
#bodyArea .col25 h3,
#bodyArea .col25 h4,
#bodyArea .sitemapComp ul ul a {
	font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
	}

p span.citat, 
#darkRow .sitename, 
h1, h2, h3, h4, h5, dt, caption, legend,
/*#bodyArea .fadeIn .col25 h2, --- JS 2013 ---*/
#bodyArea .sitemapComp ul a {
	font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-weight: normal;
	}

#darkRow h1,
#darkRow .sitename,
#darkRow ul.linklist { font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif; }

	
/* ------------------ LINE-HEIGHT ------------------ */

	 /*0*/

body {						line-height: 100%; }
h1, table {				line-height: 120%;}
h2, h3, h4, p,  ul, ol, h5, dd, p span.citat  {	line-height: 150%; }

	

/* ------------- FONT COLOR ------------- */

p span.citat,
#bodyArea #menuComp h1#menuLevel a:visited,
a, h1, h2, h3, h4, h5, caption, dt, legend {
	color: #000000;
	}

#bodyArea .col25 a:visited,
#bodyArea .col50 a:visited,
#bodyArea .col75 a:visited,
#bodyArea .col100 a:visited {
	color: #777777;
	}

body,
#partnerComp h1,
#profilComp #linkCollection h2 a,
#profilComp #linkCollection .collapsablemenu a,
#bodyArea #menuComp ul#menu li a,
#bodyArea #menuComp ul#menu li a:visited,
#searchResultComp .col100 #tabstrip li.current a,
#searchResultComp .col100 a.current {
	color: #484848; 
	}

.red,
.OBSmessage,
.errorMessage,
a:hover,
#bodyArea .col25 a:hover,
#bodyArea .col50 a:hover,
#bodyArea .col75 a:hover,
#bodyArea .col100 a:hover
a.expired:hover,
#bodyArea #menuComp ul#menu li a:hover {
	color: red;
	}

#darkRow a,
#darkRow h1,
#darkRow .sitename,
#darkRow  {
	color: #fff;
	}
	
#bodyArea #menuComp ul#menu li a.current {
	color: #000;
	}

a.expired {
	color: gray;
	}