/* # general ########## */
HTML {
	margin:0;
	padding:0;
}
BODY {
	margin:0;
	color: #333;
	font: 12px  Verdana, Arial, Helvetica,sans-serif;
	padding:28px 0 0 0;
	background: #fff url(../img/bg_body.gif) repeat;
}

A,
A:active{
	color: #002c65;
}
A:hover,
A:focus{
	color: #f39221;
	text-decoration:none;
}

.blue {
	color: #002c65;
}

IMG, A IMG {
	border:0;
}

P {
 line-height:1.4em;
 margin:0;
 padding-bottom:20px;
}

/* # color themes # */
.modus1 {
 background-color:#d9e4ec;
}
.modus2 {
 background-color:#e5e5e5;
}
.modus3 {
 background-color:#f39221;
}
.modus4 {
 color:#fff;
 background-color:#00477f;
}

/* # Headlines # */
H1, H2, H3, H4, H5, H6 {
 margin:0;
 padding:0;
 clear:both;
}

H1 {
 font-size:20px;
 color:#003366;
 font-weight:400;
 margin-bottom:15px;
}

H2 {
 font-size:13px;
 color:#003366;
 margin-bottom:10px;
}

H2.modus1,
H2.modus2,
H2.modus3,
H2.modus4 {
 padding:5px 12px;
 margin-bottom:5px;
}

H3 {
 font-size:12px;
 color:#003366;
 margin-bottom:5px;
}
H3.modus1,
H3.modus2,
H3.modus3,
H3.modus4 {
 padding:5px 11px;
 margin-bottom:5px;
}


H4 {
 font-size:12px;
 color:#003366;
 margin-bottom:0px;
}


H5 {
 font-size:13px;
 color:#003366;
 margin-bottom:0px;
 border-top:1px solid #fff;
}

H5.modus1,
H5.modus2,
H5.modus3,
H5.modus4 {
 padding:5px 12px;
 margin-bottom:0px;
 color:#fff;
}

H2 A, H2 A:hover, H3 A, H3 A:hover, H4 A, H4 A:hover, H5 A, H5 A:hover {
	color: #003366;
	text-decoration:none;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #D8D8D8;
 border-bottom: solid 1px #FFFFFF;
}


TABLE, TR, TD {
	color: #333;
	font-family: Verdana, Arial, Helvetica,sans-serif;
	vertical-align:top;
	font-size: 12px;
	padding:0 0 4px 0;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}

FORM {
  margin:0;
  padding:0;
}

.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
/* alignment classes */
.float-left  {  float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

IMG.float-right { margin:0 0 10px 15px;}
IMG.float-left { margin:0 15px 10px 0;}

/* # page settings ########## */
#logo {
 height:73px;
 background-color:#fff;
 margin-bottom:11px;
}

#main {
 float:left;
 width:1000px;
 background: url(../img/bg_main.gif) 179px 0 repeat-y;
}

/*### left col - navigation ###*/
#leftCol {
 float:left;
 width: 169px;
 background-color:#00477f;
 margin-right:10px;
 padding-bottom:9px;
}

#nav {
  float:left;
	padding: 0;
	margin: 16px 0 29px 0;
	list-style: none;
	float : left;
	width : 169px;
}

#nav li {
  float:left;
	width: 169px;
	border-bottom:1px solid #81a3be;
}

#nav li a {
	display : block;
	color : #fff;
	font-size : 12px;
	text-decoration : none;
	padding : 7px 0 6px 17px;
}

#nav li a:hover,
#nav li A:focus {
	color : #fff;
	background-color:#185a8c;
}	

#nav li.current a {
	color : #fff;
	font-weight:700;
	background-color:#185a8c;
}


/*### content ###*/
#content {
 float:left;
 width: 505px;
 padding:8px 10px 10px 7px;
 background-color:#fff;
 overflow:hidden;
}

#content UL {
	margin:0 0 20px 0;
	padding:0 0 0 28px;
}
#content .box UL {
	margin:0 0 20px 0;
	padding:0 0 0 15px;
}

div.image IMG,
DIV.pic-right img,
DIV.pic-left img {
border:1px solid #ccc;
}

#wide #content {
 width: 804px;
}

.breadcrumb {
 height:43px;
 color:#333;
 font-size:11px;
}
.breadcrumb A,
.breadcrumb A:hover,
.breadcrumb A:focus {
	font-size:11px;
  color:#002c65;
}


P.weiter {
	text-align:right;
	font-size:11px;
	padding-bottom:5px;
}

/* # boxes 55 64 46 333 ... # */
#content .box {
	padding:12px 8px 0px 13px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
  margin-bottom:10px;
}

.box-333,
.box-55,
.box-64,
.box-46 {
	float:left;
	width:100%;
  overflow:hidden;
  margin-bottom:10px;
}

.box-55 .float-left,
.box-55 .float-right {
	width:48%;
}

.box-64 .float-left {
	width:58%;
}
.box-64 .float-right {
	width:38%;
}

.box-46 .float-left {
	width:38%;
}
.box-46 .float-right {
	width:58%;
}

.box34 {
	width:31%;
	padding:0 3%;
}
.box33 {
	width:31%;
}

DIV.pic-right,
DIV.pic-left {
	padding:3px;
	border:1px solid #e1e1e1;
	background-color:#F9F9F9;
	font-size:11px;
	clear:both;
	margin-bottom:5px;
	text-align:center;
}
DIV.pic-left{
	float:left;
	margin-right:15px;
}
DIV.pic-right{
	float:right;
	margin-left:15px;
}

DIV.caption {
	text-align:left;
}
DIV.magnify {
	float:right;
	border:1px solid #e1e1e1;
	width: 16px;
	height: 20px;
	border:0;
}
#content DIV.magnify IMG {
	border:0;
}


/*### right col ###*/
#rightCol {
 float:right;
 width: 289px;
}

#rightCol UL {
	margin:0 0 20px 0;
	padding:0 0 0 15px;
}

#rightCol IMG {
border:1px solid #ccc;
}

#sitesearchform {
	background-color:#00477f;
	height:30px;
	padding:11px 0 0 8px;
	margin-bottom:5px;
}

#sitesearchform INPUT#search-box {
	border:1px solid #e1e2e4;
	width:203px;
	margin-right:3px;
}

INPUT.searchbutton {
	width:54px;
	border:1px solid #81a3be;
	background-color:#185a8c;
	color:#fff;
	font-size:11px;
	padding:2px 0px 1px 0px;
}

#rightCol .box {
	background-color:#ccdae5;
	font-size:10px;
	padding:12px 6px 0 12px;
	border-top:1px solid #fff;
	overflow:hidden;
	min-height:140px;
}

P.headline {
	font-size:11px;
	font-weight:700;
	color:#003366;
	padding-bottom:3px;
}

#social {
	font-size:11px;
  color:#333;
  text-align:right;
  background-color:#fff;
  margin-top:2px;
  height:26px;
  line-height:26px;
}
#social A {
	font-size:10px;
  color:#333;
  padding:4px 15px 0 20px;
}

#social A.twitter {
  background: url(../img/icons/klein/twitter.png) 0 0 no-repeat;
}
#social A.facebook {
  background: url(../img/icons/klein/facebook.png) 0 0 no-repeat;
}
#social A.feed {
  background: url(../img/icons/klein/rss.png) 0 0 no-repeat;
}



/*#  footer #*/
#footer {
 width: 512px;
 background-color:#fff;
 padding:5px 0 5px 10px;
 margin:6px 0 0 179px;
 font-size:10px;
 color: #02365e;
 line-height:1.4em;
}

#wide #footer {
 width: 812px;
}

#footer A,
#footer A:hover,
#footer A:focus {
	font-size:10px;
	color: #02365e;
	text-decoration:none;
}


/*  Formularelemente  */
FIELDSET {
	border:0;
	padding:0;
	margin:0;
}



/*###  JF specials  ###*/

.small {
	font-size:8pt;
}

#searchform {
	background-color:#00477f;
	width:480px;
	height:40px;
	padding:0 0 0 8px;
	margin:10px 0;
}

#searchform INPUT#search-box {
	border:1px solid #e1e2e4;
	width:350px;
	margin-right:3px;
	padding:1px 2px;
	font-size:10pt;
}

#searchform INPUT.searchbutton {
	width:60px;
	height:23px;
	border:1px solid #81a3be;
	background-color:#185a8c;
	color:#fff;
	font-size:10pt;
	margin:0;
	padding:1px;
}



ul#social {
	list-style-type:none;
	font-size:11px;
	color:#333;
	background-color:#fff;
	margin-top:2px;
	padding:3px 4px 0 10px;
	height:36px;
	line-height:36px;
}
ul#social li {
	width:32px;
	height:30px;
	display:block;
	float:left;
	margin:0;
	padding:0 50px 0 0;
	background:#fff;
}
ul#social li a {
	display:block;
	background:#fff url(../img/icons/social-sprite.jpg) no-repeat top left;
	padding:0 5px 0 35px;
}
ul#social li.rss a {background-position:0px 0px;}
ul#social li.twitter a {background-position:0px -37px;}
ul#social li.facebook a {background-position:0px -74px;}

#categories {
    clear:both;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#f5f5f5;
    margin:10px 0 20px 0;
    padding:10px 5px;
}

.pages {
    clear:both;
    text-align:right;
    margin:8px 0;
    font-weight:400;
    font-size:8pt;
}
.pages .current,
.pages .count,
.pages .prevnext {
    border:1px solid #00477f;
    padding:2px 6px;
    background-color:#d9e4ec;
    color:#00477f;
}
.pages .count,
.pages .prevnext {
    background-color:#e5e5e5;
    color:#999;
}
.pages .prevnext {
    border:1px solid #999;
}
.pages a,
.pages a:link,
.pages a:visited,
.pages a:hover,
.pages a:active {
    border:1px solid #00477f;
    text-decoration:none;
    padding:2px 6px;
    background-color:#00477f;
    color:#fff;
}
.pages a:hover {
    background-color:#d9e4ec;
    color:#00477f;
}


.CodeBoxTitle, .CodeBox {
border:1px solid #ccc;
}
.CodeBoxTitle {
background-color:#f0f0f0;
color:#81a3be;
border-bottom:0;
font-size:7pt;
letter-spacing:0;
/*letter-spacing:1px;*/
margin:0;
padding:3px 5px;
}
.CodeBox {
white-space:nowrap;
overflow:auto;
background-color:#f6f6f6;
margin:0 0 10px 0;
padding:0 5px;
/*font-size:9pt;*/
}
.ts-hl .op {color:#000;}
.ts-hl .val {color:#c00;}
.ts-hl .obj {color:#00c;}
.ts-hl .val_copy {color:#060;}
.ts-hl .val_unset, .ignored, .default {background-color:#6c6;}
.ts-hl .comment {color:#666;font-style:italic;}
.ts-hl .condition {background-color:#696;color:#fff;font-weight:700;}
.ts-hl .error {background-color:yellow;border:1px red dashed;font-weight:700;}
.ts-hl .ln {background-color:#ddd;} 



h1.home, p.h1 {
font-size:14pt;
font-weight:normal;
color:#f39221;
line-height:1.4em;
letter-spacing:1px;
margin:0;padding:0;border:0;
}

h2.home, p.home {
clear:both;
font-size:12px;
font-weight:normal;
color:#000;
margin:20px 0 15px 0;
padding:0;border:0;
line-height:1.3em;
}

p.home {margin-top:0;}
a.home {font-weight:400;color:#000;}

.latestNewsTitle {
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	color:#00477f;
	padding-bottom:3px;
}

.news-list {
    border:0;
    border-bottom:1px solid #ccc;
}

.news-item {
	clear:both;
	height:120px;
	border:0;
	border-top:1px solid #ccc;
	background-color:#f5f5f5;
	padding:8px;
	margin:0;
}
.news_1 {
	background-color:#fff;
}
.news-item .title {
	padding:0 0 6px 0;
	margin:0;
}
.news-item .image,
.box .image {
	float:right;
	padding:0 0 8px 8px;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
.news-item .imagewrap,
.box .imagewrap {
	width:100px;
	height:100px;
	margin:auto 0;
	padding:0;
/*	border:1px solid #ccc;*/
	background-color:#f9f9f9;
}

.news-item-ts {
	clear:both;
	border:0;
	border-top:1px solid #ccc;
	background-color:#f5f5f5;
	padding:8px;
	margin:0;
}
.news_1 {
	background-color:#fff;
}
.news-item-ts .title {
	padding:0 0 4px 0;
}
.news-item-ts .subheader {
	font-size:8pt;
	line-height:1.2em;
	padding:0;
	margin:0;
}


.menu-subpages-abstract {
    border:0;
    border-bottom:1px solid #ccc;
}
.menu-subpages-abstract .menuitem {
	clear:both;
	height:40px;
	border:0;
	border-top:1px solid #f5f5f5;
	padding:8px;
	margin:0;
}
.menu-subpages-abstract .menuitem .title {
	float:left;
	width:200px;
}	
.menu-subpages-abstract .menuitem .subheader {
	float:right;
	width:280px;
	font-size:8pt;
	color:#666;
	line-height:1.2em;
}


.code { font-family:Courier New,monotype; font-weight:700; color:#666; }

.bold { font-weight:700; }

DIV.caption { font-size:9px; }

DIV.detailimage {
	text-align:center;
}
DIV.detailimage H2 { text-align:left; font-size:14px; }
DIV.detailimage strong { font-weight:400; }
DIV.detailimage .desc { margin:0 16%; }
DIV.detailimage .back { text-align:right; margin:10px 0; padding:4px 10px; background-color:#d9e4ec; border-top:1px solid #00477f; border-bottom:1px solid #00477f; }


/****  Formulare  **********************/

#content form {
	clear: both;
	margin-bottom: 1em;
}

#content input {
	height: 1.3em;
	width: 60%;
	border: 1px solid #ccc;
	margin-top: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.6em;
	padding: 0.1em 0.3em;
}

/* Anpassung fuer Safari Browser. font-size:100% ist fuer den Safari in Formularen zu gross */ 
select, input, textarea { font-size: 99% }

#content input:focus {
	background: #fff;
	border: 1px solid #00477f;
}

#content textarea {
	width: 60%;
	height: 10.0em;
	border: 1px solid #ccc;
	margin-top: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.1em 0.3em;
	font-size: 110%;
	line-height: 1.3em;
}
#content textarea:focus {
	background-color: #fff;
	border: 1px solid #00477f;
}

#content input.checkbox {
	width: auto;
	border: none;
	background: none;
	line-height: 160%;
	margin: 0.5em 5px 0 0;
	padding: 0;
}

#content form .radiocheck {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin: 0.9em 2px 0 0;
	line-height: 160%;
	padding: 0;
}

#content select.selection {
	margin-top: 0em;
	width: 14.5em;
	padding:0;
	font-size: 120%;
}

#content legend {
	font-weight:bold;
	padding: 0.4em;
	text-align:center;
	color: #3D3D3D;
}

#content fieldset {
	border: 1px solid #ccc;
	padding: 0 0 1em 0;
	display: block;
	width: 90%;
	margin: 0px 0px 1em;
	padding: 8px 12px;
}

#content fieldset p {
	line-height: 160%;
}

#content label	{
	float: left;
	text-align: right;
	width: 10em;
	margin-right: .5em;
	margin-top: 1em;
	cursor: pointer;
}

#content form br	{ clear:left;}

#content fieldset.button {
	width: 80%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0px;
}

#content .submitter {
	margin: 15px auto 5px auto;
	display: block;
	width: 12em;
	border-color: #C0C0C0 #5C5C5C #5C5C5C #C0C0C0;
	background: #00477f;
	color:#fff;
	font-size: 100%; 
	line-height: 14px;
	height: 22px;
	padding-bottom: 3px;
	vertical-align: middle;
	cursor: pointer;
	font-weight:bold;
}

#content .submitter:hover {
	background: #f39221;
}

#content fieldset.button-formular {
	width: 80%;
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0px;
}

#content .formerror {
	color: #c00;
	font-size: 8pt;
}

/* Das zuruecksetzen der Innen- und Aussenabstaende verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}

TABLE, TR, TD, TH {
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}

TABLE.normal {
	margin-bottom:20px;
}

TABLE.normal, .normal TD, .normal TH {
  border:1px solid #ccc;
  text-align:left;
  vertical-align:top;
}
.normal TH {
 color: #00477f;
 background-color:#f5f5f5;
 padding:4px 4px 4px 8px;
}
.normal TD {
 padding:4px 4px 4px 8px;
 color: #000;
}

#footer #printop {
	float:right;
	padding-right:10px;
}

#footer #printop A.print,
#footer #printop A.top {
  padding:0;
  color:#666;
}

.comments_header {
	padding:5px 13px;
}
.comments_header h3 {
	color:#fff;
}

.twitter-share-button {
/*	float:right;*/
	margin:5px 0 15px 0;
	padding:0;
	border:0;
	display:inline-block;
}

/* END */