/* CSS Document */

body  {margin:0;padding:0;background-image:url(../img/background.gif);background-repeat:repeat-x;font-family: Arial, Helvetica, sans-serif;font-size:80%;background-color:#E5F4F9;text-align:center;}
html {margin:0;padding:0;}

ul, li {list-style:none;margin:0;padding:0;}
h1 {font-size:125%;color:#5189C3;margin-top:0;}
h2 {font-size:125%;color:#5189C3;margin-top:0;}
img {display: block;border:none;}

/* links */
a {color:#485A70;}
a:hover {color:#4F8AC2;}
a:visited {color:#4F8AC2;}
a:active {color:#485A70;}

/* structure (there are 3 layouts: (-/home/wide) */

#center, #center-wide, #center-home {text-align:left;width:781px;margin:auto;background-image:url(../img/background_content.jpg);background-repeat:repeat-y;}
	#center-wide {background-image:url(../img/background_content_wide.jpg);}
	#center-home {background-image:url(../img/bg_content_home.gif);}

#header, #header-home {background-image:url(../img/header.jpg); background-repeat:no-repeat;height:229px;width:781px;}
	#header-home {background-image:url(../img/header_home.jpg);}
	
#left {float:left}
#middle {float:left;width:300px;margin-top:27px;margin-left:30px;}
	#middle-wide {float:left;width:540px;margin-left:30px;margin-top:27px;}
	#middle-home {float:left;width:445px;margin-left:30px;margin-top:27px;}

#right {float:right;background:url(../img/background_news.gif);width:275px;padding-top:15px;}

/* meta-navigation */
#meta-navigation ul {float:right; margin: 6px 8px 0 0;}
#meta-navigation li {float:left;}
#meta-navigation li a {text-decoration:none;padding:8px;}

/* main-navigation */
.active-main {background-color:white;}
#main-navigation {width: 100%}
#main-navigation ul {float:left; margin: 167px 10px 0 10px; width: 750px}
#main-navigation li {float:left; margin-left:8px;}
#main-navigation li a {text-decoration:none;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;color:#163556;font-size:12px;font-weight:bold;margin-right:7px;}
#main-navigation li a:hover {text-decoration:none;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;color:#163556;font-size:12px;font-weight:bold;margin-right:7px;background-color:#fff;}

/* breadcrumb */
#breadcrumb ul {float:left;padding-left:200px;margin-top:7px; clear:both}
	#center-home #breadcrumb ul {padding-left: 18px; }
#breadcrumb li {float:left;}
#breadcrumb li a {text-decoration:none;color:#163556;font-size:80%;font-weight:bold;margin:0;padding-right:2px;}

/* sub-navigation */
#sub-navigation {width: 172px; }
	.active-sub {background-color:#C4DDF1;margin-left:-5px;}
	.active-sub a {padding-left:5px;}
	.normal {margin-left:-5px;}
	.normal a {padding-left:5px;display:block;}
	
	#sub-navigation li {margin-left:20px;list-style:none;}
		#sub-navigation li .sub-line{font-size: 1px; background-image:url(../img/sub_line.jpg); background-repeat: no-repeat; height: 3px; margin-left:-10px;width:162px;}
		#sub-navigation li a {text-decoration:none;color:#163556;font-size:100%;font-weight:bold;}
		
	.normal a:hover {background-color:#C4DDF1;width:152px;}
	
	/* sub-navigation second layer*/
	.active-sub-second {background-image:url(../img/arrow.jpg);background-repeat:no-repeat;background-position:0 8px;}
	#sub-navigation ul ul {padding:0;}
	#sub-navigation li li {padding-top:5px;margin-left:15px;padding-left:8px;}
	#sub-navigation ul li ul li a {text-decoration:none;padding-left:27px;color:#163556;font-size:100%;font-weight:normal;padding:0;}

/* content*/
#content ul {margin-left:15px;}
#content li {background-image:url(../img/li_background.jpg);background-repeat:no-repeat;padding-left:16px;background-position:0 5px;}


/* news*/
#news {margin-left:23px;}
	#right .linie {clear:both;background-image:url(../img/news_strich.gif);background-repeat:no-repeat;height:20px;border:none;position:relative;top:12px;}
	.news-right, .news-left {padding-top:13px;}
	.news-right p {width:146px;float:left;margin:0;}
	.news-left p {margin-right:30px; margin: 0;}
	.news-left img {float:left;padding-right:10px;}
	#news h2 {margin-bottom: 2px;}
		#news h2 a {text-decoration: none}
	#news div.date {margin-bottom: 10px; font-size: 70%;}
		#news div.date a {text-decoration: none}

/* footer*/
#footer {background-image:url(../img/background_footer.gif);height:29px;margin-top:20px;}
	#center-home #footer {background-image:url(../img/background_footer_home.gif);}
#footer ul {margin-left:196px; padding-top:5px;}
	#center-home #footer ul {margin-left:18px;}
#footer li {float:left;color:grey;}
#footer li a {text-decoration:none;padding:8px;color:grey;}

/* footer-wide*/
#footer-wide {background-image:url(../img/background_footer_wide.jpg);height:29px;margin-top:20px;}
#footer-wide ul {margin-left:196px;padding-top:5px;}
#footer-wide li {float:left;color:grey;}
#footer-wide li a {text-decoration:none;padding:8px;color:grey;}

/* copyright*/
#copyright {color:grey;font-size:84%;background-image:none;padding-left:14px;height:0;padding-top:1px;background-image:url(../img/placeholder.gif);}

.cleaner {clear:both;height:1px;Font-size:1px;border:0px none;margin:0;padding:0;background:transparent;}


/* content - elements */
.cc {clear:both}
#content p.mini {font-size: 80%}

#content .linie {clear:both; border-bottom: 1px solid #8CB2D9; margin-bottom: 5px}
#content .half {width: 49%}
#content .fleft {float: left}
#content .fright {float: right}

#content form {margin: 0; padding: 0}
#content form span.formerror {display: none}
	#content form input {border: 1px solid #9FC3E4; margin: 3px 5px 3px 5px}
	#content form input.hidden {border-width: 0px; margin: 0px; padding: 0px}
	#content form input.noborder {border-width: 0px;}
	#content form select {border: 1px solid #9FC3E4; margin: 2px 5px 2px 5px}
	#content form textarea {border: 1px solid #9FC3E4; margin: 2px 5px 2px 5px}
	#content form .normalwidth {width: 135px;}
	#content form .largeselect .normalwidth {width: 225px;}
	#content form .shortwidth {width: 90px}
	#content form .largewidth {width: 230px}
	#content form fieldset {border-width: 0px}
	#content form .button {background-color: #9BC0E2; border: 1px solid #7E9CBA; color: #35414D; font-weight: bold}

#content .bg-box {background-color: #E5F4F9; border: 1px solid #D5E7F3; padding: 5px; margin: 5px 0 5px 0; color: #435168; font-size: 90% }
	#content .bg-box form label {width: 80px; float: left; height: 25px; padding-top: 3px}
	#content .bg-box form label.shortlabel {width: 50px; }
	#content .bg-box form .button {margin-left: 58px;}

#content .defaultform label {width: 180px; float: left; display: block; margin: 3px 5px 3px 5px}
#content .defaultform .formelementcontainer {padding:0; display: block; float: left; margin-left: 5px; margin-bottom: 10px}
#content .defaultform .formelementcontainer input { margin:1px 5px 0 0}
#content .defaultform span.required  {background-color: #F9E3C1; display: block; margin: 0 0 1px 0; padding: 0; width: 460px;}


#content .contenttable table {border-collapse: collapse; border: 1px solid #D5E7F3; color: #33495F; width: 100%; margin: 5px 0 5px 0}
	#content .contenttable table td, #content .contenttable table th {border: 1px solid #9FC3E4; padding: 3px 5px 3px 5px; vertical-align: top}
	#content .contenttable table thead {background-color: #E5F4F9;  font-weight: bold}
	
#content .csc-mailform td { vertical-align: top}