/*****************************

 FileStructure of style-all.css

 media = all

*****************************

 - 1.0 LayoutStructure (../cssall/style-layout.css) @import url("cssall/style-layout.css");

 - 2.0 HeaderZone (css/style-layout.css)

      2.1 Head & Quote

      2.2 SkipLinks

 - 3.0 ContentZone (../cssall/style-contentzone.css) @import url("cssall/style-contentzone.css");

      3.1 ArticleArea

      3.2 CodeExample

      3.3 Meta- & CommentZone

      3.4 CommentForm

 - 4.0 Navigation (../cssall/style-navigation.css) @import url("cssall/style-navigation.css");

      4.1 MainNavigation 

      4.2 NavigationForm

 - 5.0 FooterZone (../cssall/style-fotter.css) @import url("cssall/style-fotter.css");

******************************/



/*****************************

 - 0.0 Basic

 ******************************/



html{

   	height: 100%;

   	padding: 0px;

}

body {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin:0px;
	padding:0px;
	}

table thead tr td {
	background-color:#3399ff;
	font-weight:bold;
	}



p, td, div, li {
	font-size: inherit;
	font-style: normal;
	color: #333;
	text-align:left;
}



td {

	vertical-align:top;

	text-align:left;

	padding: 2px;

	}

td p {

	text-align:left;

	}

	

li {

	list-style-type:none;

	}



br.clear{

	clear: both;

	line-height: 0px;

	height: 0px; 

}



img {

	border-width:0px;

	}

a:link, a:visited{

	color: #006699;

	text-decoration: underline;

}

a:hover{

	color: #3399ff;

	text-decoration: none;

}



div#topbar_nav a:link, div#topbar_nav a:visited{
	color: #FFF;
	text-decoration: none;
}

div#topbar_nav a:hover{

	color: #FFF;

	text-decoration: none;

}



/*damit etwas in der Aktuellen ansicht formatiert werden kann. Ex. link, */

div#topbar_nav a#current {

	color:#FFF;

	}

a#current {

	color:#006699;

	}

input, select, option {

	height:16px;

	margin:1px;

	font-size:smaller;

	color:#333;

	background-color:#FFFFFF;

	vertical-align:bottom;

	}

	

input {

	border:1px solid #999;

	}

input.input-right-column{

	width:50%;

	}

option{

	border:0px solid #999;

	}

	

select {

	border:1px solid #999;

}



input.clear-design{

	border-width:0px;

	background-image:none;

	}

input.button100, input.button75, input.button50, input.button-blue200, input.button-blue100, input.csc-mailform-submit{

	color:#ccc;

	border-width:0px;

	background-repeat:no-repeat;

	text-align:left;

	height: 18px;

	}

input.button100, input.button75, input.button50, input.csc-mailform-submit{

	padding-bottom:2px;

	margin-bottom:2px;

	padding-left:28px;

}

input.button-blue200, input.button-blue100{

	padding-bottom:0px;

	margin-bottom:0px;

	padding-left:8px;

}

input.button-blue200{

	background-image:url('../pictures/button-empty-blue-b200.png');

	width:202px;

	}

input.button-blue100{

	background-image:url('../pictures/button-empty-blue-b100.png');

	width:102px;

	}

input.button100{

	background-image:url('../pictures/button-empty-b100.png');

	width:100px;

	}

input.button75{

	background-image:url('../pictures/button-empty-b75.png');

	width:75px;

	}

input.button54{

	background-image:url('../pictures/button-empty-b54.png');

	width:54px;

	}

	



/*****************************

 - 1.0 LayoutStructure

 ******************************/

.float-left{

	float:left;

	}

div#sitestomage {

	margin: 0px;
	padding:10px 0px;

	position:relative;

	left:auto;

	width:100%;
	background-color:#FFF;

}

div#pop-up {

	padding: 10px;

	width: 680px;

}

div#header { 

	margin-bottom:15px;

	padding-left: 10px;

	padding-right: 10px;

 	}

div#logo {

	margin-bottom:15px;

	}

div#top-navigation {

	clear:both;	

	position:relative;

	left:0px;

}

div#add-navigation {
	margin:50px 0px 50px 40px;
	padding:0px 0px 0px 10px;
	font-size:inherit;
	background-color:#39f;
	}

div#topbar_nav {
	clear:both;
	width:100%;
	height:30px;
	background-position:top left;
	background-image:url('../pictures/top-bg.png');
	background-repeat:repeat-x;
	height:30px;
 	}

div#lang, div#login, div#toplink, div#search {
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	}

div#lang {
	width:10%;
 	}



div#login {
	width:35%;
 	}

div#toplink {

	width:20%;

 	}



div#search {

	width:300px;

 	}







div#contentzone {

	clear:both; 

	text-align:left; 

	}

div#left {

	float:left;

	width: 175px; 

 	margin:0px 5px 0px 0px;

 }



div#mg-bild {

	

}

div#bild>img {

	margin-bottom:10px;

	background-image: url('../pictures/mg-bild.png');

}

div#log-in {

	clear:both;

	width:100%;

}

div#middle {

	float:left; 

	width:625px;

 	margin:0px 10px 0px 10px;

}

div#middle-footerarea {

	clear:both;

}

div#right {

	float:left; 

	width:150px;

	height:100%;

	padding:0px 0px 0px 5px;

	margin:0px 0px 0px 5px;

	}



 /*****************************

 - 2.0 HeaderZone

 ******************************/



#input-search{

	

	}

 /*****************************

      2.1 Head & Quote

 ******************************/

 span.slogan {

 	color:#006699;

	font-weight:bold;

	font-size:smaller;

	line-height:10px;

	}

div#layerid {



	}

 /*****************************

      2.2 SkipLinks

 ******************************/

a:hover.button_img {

	background-image:none;

}	

 /*****************************

 - 3.0 ContentZone

 ******************************/

p img.bild-umfluss {

	float:left;

	margin:10px;

	}

	

.teaser {

	color:#006699;

	font-weight: bold;

	margin: 0px 0px;

	}

	

.abstract {

	color:#006699;

	font-weight: normal;

	margin: 5px 0px;

	}

	

p img.bild-frei {

	float:none;

	}

div#eye-catch {

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

	padding:4px 0px;

	}

 /*****************************

      3.1 ArticleArea

 ******************************/

div#middle-rootline, div#middle-rootline a:link, div#middle-rootline a:visited, div#middle-rootline a:hover {

	font-size:small;

	color:#666666;

	text-decoration:none;

	border-bottom:1px solid #999;

	}

div#middle-rootline em {

	color:#006699;

	font-style:normal;

	text-decoration:none;

	}



h1, h2, h3 {

	font-weight: bold;

	color: #006699;

	padding:0px;

}



h1 {

	font-size: medium;

	margin:10px 0px 5px 0px;

}



h2 {	

	font-weight: bold;

	font-size: small;

	margin:0px 0px 5px 0px;

}



h3, h4 {

	font-weight: bold;

	font-size: small;

	margin:0px 0px 5px 0px;

}



p.bodytext {

        margin:5px 0px 5px 0px;           

}



ol li {

	margin:2px 0px 5px 0px;

	list-style-position:inside;

	list-style-type:decimal;	

}



ul.csc-bulletlist li {

	margin-left:5px;

	list-style-position:inside;

	list-style-type:square;

}

ul li.content-area-listepunkt-geordnet li{

	margin-left:15px;

	list-style-position:inside;

	list-style-type:square;

}

ol li.content-area-listepunkt-geordnet {

	margin-left:5px;

	list-style-position:inside;

	list-style-type:decimal;

}

ol li.content-area-listepunkt-geordnet li{

	margin-left:15px;

	list-style-position:inside;

	list-style-type:decimal;

}

ul li, DIV.csc-textpic-text ul li {

	list-style-position:outside;

	list-style-type:square;

	

}

 /*****************************

      3.2 CodeExample

 ******************************/

 

 /*****************************

      3.3 right-colum

 ******************************/

div.colored-box {

	clear:both;

	width: 175px;

	margin: 0px;

	}

	



div.colored-box-header {

	height:18px;

	margin-top:0px;

	font-weight:normal;

	color: #069;

	float:none;

	text-align:left;

	padding: 5px 0px 5px 5px;

	font-size:medium;

	margin-bottom: 10px;

}



div.colored-box-top {

	padding: 0px 20px 0px 12px;

	margin:10px;

	height:10px;

	}



div.colored-box-content, div.white-box-content{

	margin:0px 0px 10px 0px;

	border-left:1px solid #3399ff;

	padding-left: 5px;

	}



div.colored-box-content{

	background-image:url('../pictures/colored-box-content-bg.png');

	background-repeat:repeat;	

	}



div.white-box-content{

	

	}



div.colored-box-footer{

	padding: 0px 20px 0px 12px;

	margin:0px;

	height:5px;

	}



.colored-box-content box-white{

	background-color:#FFFFFF;

}



div.normalRte {

	margin:0px 0px 0px 0px;

	}

	

.right-column-listepunkt-geordnet{

	font-size:inherit;

	padding-left:5px;

	border-top:1px dashed #666;

	}

p.right-column-text{

	font-size:inherit;

	color:#666666;

	}

em.right-coloum-text-date{

	color:#3399ff;

	}





/* Extemtion TT_NEWS*/

DIV#news_latest{

	padding:5px;

}

DIV.news_preview{

	border-left:1px solid #3399ff;

	background-image:url('../pictures/colored-box-content-bg.png');

	background-position:left;

	background-repeat:repeat;

	margin:10px 0px;

	width:150px;

	padding:5px;	

}

SPAN.news_title{

	font-weight:bold;

	text-decoration:underline;

}







 /*****************************

      3.4 CommentForm

 ******************************/



fieldset.csc-mailform, div.form{

	padding:0px 0px;

	margin:5px 0px;

	border:0px;



 }

 

.no-box {

        border:0px;

}

div.form-header{

 	font-weight:bold;

	margin-bottom:5px;

	margin-left:-25px;

 }

div.form-footer, div.form-content{

	border:1px solid #666;

}

div.form-content{

	border-bottom:0px;

 }

div.form-footer{

 	font-weight:bold;

	border-top:0px;

	text-align:right;

	padding-top:20px;

	padding-right:5px;

	padding-bottom:5px;

 }



div.csc-mailform-field {

	width:300px;

	border:0px solid #fff;

	text-align:left;

	padding-left:0px;

	clear:both;

} 

label, div.field-desc-pre, div.field-desc-post{

 	width:100px;

	border:0px solid #fff;

	text-align:left;

	padding-left:0px;

	display:block;

	float:left;

 }

div.form-row {

	clear:both;

	width:100%;

	}

.csc-mailform-check{

	border:0px;

}

div.field-desc-pre, div.field-desc-post {

	float:left;

 }



div.form-right-column{

	padding:0px;

	font-size:inherit;

 }

 

div.form-right-column-header{

 	font-weight:bold;

	margin-bottom:5px;

	margin-left:-5px;

}



div.form-right-column-footer, div.form-right-column-content{

}

div.form-right-column-content{

 	font-weight:normal;

	font-size:inherit;

}

div.form-right-column-footer{

	font-size:inherit;

 	font-weight:bold;

	border-top:0px;

	text-align:right;

}

div.field-right-column-desc-pre, div.field-right-column-desc-post{

 	font-size:inherit;

 	width:50px;

	text-align:left;

	float:left;

	color:#666;

}



 /*****************************

 - 4.0 Navigation

 ******************************/

 

 /*****************************

      4.1 Top(opt-navigation)/leftNavigation(left-navigation + left-navigation2-3)/add (add-navigation)

 ******************************/

menu {

	margin-left:0px;

	}

li.top-menu {

	float:left; list-style-type:none; margin-right:5px;

	}

a.top-navigation:link, a.top-navigation:visited { 

	color:#333;

	}

a.top-navigation:hover {

	background-color:#006699;

	color:#FFFFFF;

	}

a.top-navigation-active, a.top-navigation-active:hover, a.top-navigation-active:link, a.top-navigation-active:visited {

	color:#006699;

	}



a.top-navigation:hover, a.top-navigation:link, a.top-navigation:visited, 

a.top-navigation-active, a.top-navigation-active:hover, a.top-navigation-active:link, a.top-navigation-active:visited {

	padding-right:10px;

	text-decoration:none;

	font-weight:bold;

	font-size:large;

	font-family:Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	}

a.left-navigation:link, a.left-navigation:visited, a.left-navigation:hover,

a.left-navigation-active:link, a.left-navigation-active:visited, a.left-navigation-active:hover,

a.left-navigation-sub:link, a.left-navigation-sub:visited, a.left-navigation-sub:hover,

a.left-navigation-active-sub:link, a.left-navigation-active-sub:visited, a.left-navigation-active-sub:hover,

a.left-navigation2:link, a.left-navigation2:visited, a.left-navigation2:hover,

a.left-navigation2-active:link, a.left-navigation2-active:visited, a.left-navigation2-active:hover,

a.left-navigation2-sub:link, a.left-navigation2-sub:visited, a.left-navigation2-sub:hover,

a.left-navigation2-active-sub:link, a.left-navigation2-active-sub:visited, a.left-navigation2-active-sub:hover,

a.left-navigation3:link, a.left-navigation3:visited, a.left-navigation3:hover,

a.left-navigation3-active:link, a.left-navigation3-active:visited, a.left-navigation3-active:hover {

	display: block;

	color:#333;

	font-weight:normal;

	padding: 1px 0px 1px 15px;

	text-decoration: none;

	text-align:left;

}



a.left-navigation-active:link, a.left-navigation2-active:link, a.left-navigation3-active:link, a.left-navigation-active, a.left-navigation2-active, a.left-navigation3-active {

	font-weight: bold; 

}



ul#left-navigation {

	margin-left:0px;

}



ul#left-navigation li{

	list-style-type: none;

	border-bottom: 1px solid #999;

	border-top: none;

	margin: 1px 0px 1px 0px;

	clear:both;

}



a.left-navigation:link, a.left-navigation:visited, a.left-navigation:hover,

a.left-navigation-active:link, a.left-navigation-active:visited, a.left-navigation-active:hover,

a.left-navigation-sub:link, a.left-navigation-sub:visited, a.left-navigation-sub:hover,

a.left-navigation-active-sub:link, a.left-navigation-active-sub:visited, a.left-navigation-active-sub:hover{

	height: 14px;

}



a.left-navigation:hover, a.left-navigation-active:hover, a.left-navigation-sub:hover, a.left-navigation-active-sub:hover,

a.left-navigation2:hover, a.left-navigation2-active:hover, a.left-navigation2-sub:hover, a.left-navigation2-active-sub:hover,

a.left-navigation3:hover, a.left-navigation3-active:hover, a.left-navigation3-sub:hover, a.left-navigation3-active-sub:hover{

	color:#006699;

}



a.left-navigation-active:link, a.left-navigation-active:visited, a.left-navigation-active:hover,

a.left-navigation2-active:link, a.left-navigation2-active:visited, a.left-navigation2-active:hover,

a.left-navigation3-active:link, a.left-navigation3-active:visited, a.left-navigation3-active:hover{

	color:#006699;

}



a.left-navigation-active-sub:link, a.left-navigation-active-sub:visited, a.left-navigation-active-sub:hover,

a.left-navigation2-active-sub:link, a.left-navigation2-active-sub:visited, a.left-navigation2-active-sub:hover,

a.left-navigation3-active-sub:link, a.left-navigation3-active-sub:visited, a.left-navigation3-active-sub:hover{

	color: #069;

	background-image: url('../pictures/arrow_down.gif');

	background-position:left;

	background-repeat: no-repeat;

}



a.left-navigation-sub:link, a.left-navigation-sub:visited, a.left-navigation-sub:hover{

	background-image: url('../pictures/arrow_right.gif');

	background-position:left;

	background-repeat: no-repeat;

}



ul#left-navigation2 {

	margin-left:00px;

}



ul#left-navigation2 li{

	list-style-type: none;

	border-top: 1px solid #999;

	border-bottom: none;

	margin: 1px 0px 1px 0px;

	clear:both;

}

	

a.left-navigation2:link, a.left-navigation2:visited, a.left-navigation2:hover,

a.left-navigation2-active:link, a.left-navigation2-active:visited, a.left-navigation2-active:hover,

a.left-navigation2-sub:link, a.left-navigation2-sub:visited, a.left-navigation2-sub:hover,

a.left-navigation2-active-sub:link, a.left-navigation2-active-sub:visited, a.left-navigation2-active-sub:hover{

	padding: 2px 0px 0px 15px;

	}



a.left-navigation2:hover{

	}



a.left-navigation2-active-sub:link, a.left-navigation2-active-sub:visited, a.left-navigation2-active-sub:hover{

	background-image: url('../pictures/arrow_down.gif');

	}

	

a.left-navigation2-sub:link, a.left-navigation2-sub:visited, a.left-navigation2-sub:hover{

	background-image: url('../pictures/arrow_right.gif');

	background-position:left;

	background-repeat: no-repeat;

	}



ul#left-navigation3{

	margin-left:5px;

	}



ul#left-navigation3 li{

	list-style-type: none;

	border-bottom: none;

	border-top: 1px solid #999;

}

a.left-navigation3:link, a.left-navigation3:visited, a.left-navigation3:hover,

a.left-navigation3-active:link, a.left-navigation3-active:visited, a.left-navigation3-active:hover{

	padding: 0px 0px 0px 0px;

}

a.left-navigation3:hover{

}

a.left-navigation3-active:link, a.left-navigation3-active:visited, a.left-navigation3-active:hover{

	color: #333;

}





div.submenu{

	padding: 2px 0px 0px 0px;

	border-top: 1px solid #999;

}



div.submenu-text{

	display: inline;

	padding: 10px 2px 0px 25px;

}



 /*****************************

      4.2 NavigationForm

 ******************************/



 

 /*****************************

      4.3 NavigationADD (add-navigation)

 ******************************/

.add-navigation {

	font-size:inherit; 

	}

	

a.add-navigation:link, a.add-navigation:visited, a.add-navigation:hover,

a.add-navigation-active:link, a.add-navigation-active:visited, a.add-navigation-active:hover{

	display: block;

	color:#333;

	font-weight:normal;

	padding: 1px 0px 1px 15px;

	text-decoration: none;

	height:16px;

	width: 100%;

	text-align:left;

}	



a.add-navigation-active:link, a.add-navigation-active:visited, a.add-navigation-active:hover, a.add-navigation:hover{

	color:#006699; 

	

}

a.add-navigation-active:link, a.add-navigation-active:visited, a.add-navigation-active:hover {

	font-weight:bold; 

}

 /*****************************

      4.4 NavigationRight

******************************/

a.XYcolored-right-box-on_off, a.XYcolored-right-box-on_off:link, a.XYcolored-right-box-on_off:visited, a.XYcolored-right-box-on_off:hover {

	padding:10px 0px 5px 27px;

	margin-top:0px;

	float:left;

	text-decoration:none;

	}

	

a.XYcolored-right-box-on_off, a.XYcolored-right-box-on_off:link, a.XYcolored-right-box-on_off:visited {

	background-repeat:no-repeat;

	background-position : left;

	background-image : url('../pictures/sublinks_bullits.png');

	}

a.XYcolored-right-box-on_off:hover{

	background-repeat:no-repeat;

	background-position : left;

 	background-image : url('../pictures/sublinks_bullits_hover.png');

	}

ins.container {

	text-decoration:none;

	} 

	

 /*****************************

      4.5 NavigationFooter

******************************/

a.footer-navigation, a.footer-navigation:link, a.footer-navigation:visited, a.footer-navigation:hover, a.footer-navigation-active {

	text-decoration:none;

	font-weight:bold;

}



a.footer-navigation, a.footer-navigation:link, a.footer-navigation:visited, a.footer-navigation:hover {

	color:#333;

	}

a.footer-navigation-active{

	color:#069;

	}





 /*****************************

 - 5.0 FooterZone

 ******************************/

div#middle-footerarea hr{

	width:600px;

}



DIV#middle-footerarea {
	background-position:top left;
	background-image:url('../pictures/footer-bg-right.png');
	background-repeat:repeat-x;
	height:100px;
}

DIV.feetrow-1-left, DIV.feetrow-1-right {
	margin:0px;
	color:#ffffff;
	display:inline;
	float:left;
	padding: 10px;
}

DIV#middle-footerarea DIV.feetrow-1-left {
	width:780px;
	}

DIV#middle-footerarea DIV.feetrow-1-right{
	}

 /*****************************

 - 6.0 Different Coding

 ******************************/

/* SEO List */



/* ========== Text Styles ========== */



span.rvts0 /* Normal text */

{



 font-style: normal;

 font-weight: bold;

 color: #ffffff;

 background-color: #006699;

 text-decoration: none;

}

span.rvts1 /* Heading */

{



 font-style: normal;

 font-weight: bold;

 color: #ffffff;

 background-color: #99ccff;

 text-decoration: none;

}

span.rvts2 /* Subheading */

{



 font-style: normal;

 font-weight: bold;

 color: #333333;

 background-color: #99ccff;

 text-decoration: none;

}

span.rvts3 /* Keywords */

{



 font-style: normal;

 font-weight: bold;

 color: #333333;

 background-color: #ffffff;

 text-decoration: underline;

}

span.rvts4 /* Jump 1 */

{



 font-style: normal;

 font-weight: normal;

 color: #333333;

 background-color: #f3f3f3;

 text-decoration: none;

}

span.rvts5 /* Jump 2 */

{



 font-style: normal;

 font-weight: bold;

 color: #333333;

 background-color: #f3f3f3;

 text-decoration: none;

}

a.rvts6, span.rvts6 /* Font Style */

{



 font-style: normal;

 font-weight: normal;

 color: #0000ff;

 background-color: #f3f3f3;

 text-decoration: underline;

}

span.rvts7 /* Font Style */

{



 font-style: normal;

 font-weight: normal;

 color: #444444;

 text-decoration: none;

}

a.rvts8, span.rvts8 /* Font Style */

{



 font-style: normal;

 font-weight: normal;

 color: #0000ff;

 text-decoration: underline;

}

/* ========== Para Styles ========== */



.rvps1 /* TableCellLeft */

{

 margin: 2px 2px 2px 2px;

}

.rvps2 /* TableCellCenter */

{

 text-align: center;

 margin: 2px 2px 2px 2px;

}

.rvps3 /* TableCellRight */

{

 text-align: right;

 margin: 2px 2px 2px 2px;

}







/* CSS Document */