/* Allgemeine HTML-Elemente 
--------------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 15px;
	background: #FFF;
	font: normal normal 12px/14px verdana, arial, helvetica, sans-serif;
	color: #333;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

/* Verschiedenes 
--------------------------------------------------------------------- */
div.clr-left {
	clear: left;
}

div.clr-both {
	clear: both;
}


/* Layoutelemente 
--------------------------------------------------------------------- */
div#main {
	width: 900px;
	background: url(../../_Layout/blue/bg-main.gif) repeat-y 230px 0px;
}

div#head {
	border-bottom: 5px solid #bababa;
	background: #033c99 url(../../_Layout/blue/bg-main.gif) repeat-y 230px 0px;
}

div#body {
	border-right: 1px solid #bababa;
}

div#sidebar {
	width: 220px;
	float: left;
	padding: 10px 0px 0px 0px;
}

div#content {
	width: 640px;
	float: right;
	padding: 0px 10px 10px 10px;
}

div#foot {
	/*display: none;*/
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #bababa;
	background: #FFF;
	text-align: right;
	font-size: 10px;
	color: #bababa;
}


/* Elemente im Kopfbereich 
--------------------------------------------------------------------- */
a#logo {
	width: 230px;
    height:142px;
	float: left;
	display: block;
	padding: 0px 0px;
	background: #FFF;
	text-align: center;
}

div#head h1{
	font-size: 26px;
	color: #FFF;
	padding-top: 30px;
	padding-right: 10px;
	text-align: right;
}

div#head p{
	padding: 16px 10px 10px 10px;
	text-align: right;
}

div#head p span {
	display: block;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	color: #000;
}

div#head p span a {
	color: #FFF;
}

/* Hauptmenue 
--------------------------------------------------------------------- */
div#sidebar ul li {
	display: block;
	margin: 0px 0px 10px 0px;
    padding: 3px 0px;
}

div#sidebar ul li h1{
	padding: 3px 8px;
	background: #033c99;
	color: #FFF;
	font-size: 11px;
}
	
	/*Einzelne Seiten*/
div#sidebar ul li ul li {
	margin: 0px 8px 0px 5px;
	padding-left: 15px;
	list-style:none;
	background: url(../../_Layout/bg-mainmenu-link.gif) no-repeat 3px 8px;
}

div#sidebar ul li ul li:hover,
div#sidebar ul li ul li:active,
div#sidebar ul li ul li:focus {
	background: url(../../_Layout/blue/bg-mainmenu-link-hover.gif) no-repeat 3px 8px;
}

	/*Submenue eingeklappt*/
div#sidebar ul li ul li.plus {
	background: url(../../_Layout/PlusBlackSmall.png) no-repeat 2px 6px;
}

div#sidebar ul li ul li.plus ul {
	margin-top: 3px;
}

div#sidebar ul li ul li.plus:hover,
div#sidebar ul li ul li.plus:active,
div#sidebar ul li ul li.plus:focus {
	background: url(../../_Layout/blue/PlusBlueSmall.png) no-repeat 2px 6px;
}

	/*Submenue ausgeklappt*/
div#sidebar ul li ul li.minus {
	background: url(../../_Layout/blue/MinusBlueSmall.png) no-repeat 2px 9px;
}

div#sidebar ul li ul li.minus ul {
	margin-top: 3px;
}

div#sidebar ul li ul li.minus:hover,
div#sidebar ul li ul li.minus:active,
div#sidebar ul li ul li.minus:focus {
}

div#sidebar ul li ul li.minus a.topic {
	color: #033c99;
	font-weight: bold;
}

	/*angepasste Sub-Eintraege (einzelne Seiten)*/
div#sidebar ul li ul li ul li {
	margin: 0px 8px 0px 0px;
	padding-left: 10px;
	background: url(../../_Layout/bg-mainmenu-link.gif) no-repeat 0px 8px;
}

div#sidebar ul li ul li ul li:hover,
div#sidebar ul li ul li ul li:active,
div#sidebar ul li ul li ul li:focus {
	background: url(../../_Layout/blue/bg-mainmenu-link-hover.gif) no-repeat 0px 8px;
}

	/*Mail*/
div#sidebar ul li ul li.mail {
	padding-left: 20px;
	background: url(../../_Layout/MailBlack.png) no-repeat 0px 5px;
}

div#sidebar ul li ul li.mail:hover,
div#sidebar ul li ul li.mail:active,
div#sidebar ul li ul li.mail:focus{
	background: url(../../_Layout/blue/mail.png) no-repeat 0px 5px;
}

	/*Link*/
div#sidebar ul li ul li a{
    color: #333;
}

div#sidebar ul li ul li a:hover,
div#sidebar ul li ul li a:active,
div#sidebar ul li ul li a:focus {
	color: #033c99;
}

	/*aktuelle Seite*/
div#sidebar ul li ul li.active:hover,
div#sidebar ul li ul li.active:active,
div#sidebar ul li ul li.active:focus,
div#sidebar ul li ul li.active {
	background: #e6e6e6 url(../../_Layout/blue/bg-mainmenu-link-hover.gif) no-repeat 3px 8px;
}

div#sidebar ul li ul li.active a{
    color: #033c99;
}

/** HTML-Elemente im Inhaltsbereich
------------------------------------------------------------------*/
/*images of the team members*/
div#content img.member{
	margin-left: 20px;
	margin-right: 20px; 
	width:110px;
	height:150px;
}

/*Absaetze*/
div#content p {
	margin: 0px 0px 15px 0px;
	line-height: 18px;
}

div#content p.nospace{
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}

div#content p.copyright{
	border-color:#666;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-width: thin;
	border-bottom-width: thin;
	text-indent:10px;
	font-size: 9px;
	color: #999999;
}

/* Der Copyright-Text koennte auch hier stehen, sollte man ihn oefter brauchen: 
div#content p.copyright:before{    content:"text"; }  */

div#content p.copyright strong{
	font-size: 10px;
	color: #666;
}

/*Menueleiste oben*/
div#content p.menutop{
	font-size: 11px;
	margin: 0px 34px 0px 30px;
	text-align: center;
	background: #e6e6e6;
}

div#content p.menutop a{
	padding: 0px 10px 0px 10px;
	border-color:#666;
	border-right-style:solid;
	border-right-width: thin;
	text-decoration: none;
}

div#content p.menutop a.right{
	border-right-style:none;
}

div#content p.languagebox{
    text-align:right; 
    margin-top:5px;
}

div#content p.languagebox img {
    position:relative; 
    top:2px;
}

div#content p.languagebox a :visited
div#content p.languagebox a :active,
div#content p.languagebox a :focus,
div#content p.languagebox a {
	text-decoration: none;
}

div#content p.languagebox a img {
    position:relative;
    top:2px; 
    margin-right:1px;
}

/*Ueberschriften*/
div#content h1 {
	margin: 15px 0px 15px 0px;
	font-size: 22px;
	font-weight: normal;
	color: #033c99;
	letter-spacing: 1px;
	line-height: 25px;
}

div#content h2 {
	margin: 25px 0px 10px 0px;
	font-size: 13px;
	color: #033c99;
	letter-spacing: 1px;
}

div#content h3 {
	margin: 15px 0px 8px 0px;
	font-size: 11px;
	color: #033c99;
	letter-spacing: 1px;
}

/*Links*/
div#content a {
	color: #033c99;
	text-decoration: underline;
}

div#content a:active,
div#content a:focus,
div#content a:hover{
    text-decoration: none;
	color: #3d6ebb;
}

div#content a:visited{
	color: #3d6ebb;
}

	/*link to pdf-file*/
div#content a.pdf{
	padding-left: 15px;
	background: url(../../_Layout/pdfCut.png) no-repeat 0px 0px;
}

	/*link to feed-file*/
div#content a.feed{
	padding-left: 16px;
	background: url(../../_Layout/feed-icon.png) no-repeat 0px 0px;
}

	/*link to mail*/
div#content a.mail{
	padding-left: 18px;
	background: url(../../_Layout/blue/mail.png) no-repeat 0px 2px;
}

div#content a.mail:active,
div#content a.mail:focus,
div#content a.mail:hover{
	background: url(../../_Layout/blue/MailLightBlue.png) no-repeat 0px 2px;
}

	/*link to download*/
div#content a.down{
	padding-left: 18px;
	background: url(../../_Layout/blue/DownloadBlue.png) no-repeat 2px 2px;
}

div#content a.down:visited,
div#content a.down:active,
div#content a.down:focus,
div#content a.down:hover{
	background: url(../../_Layout/blue/DownloadLightBlue.png) no-repeat 2px 2px;
}

	/*to external page*/
div#content a.extern{
	padding-left: 17px;
	background: url(../../_Layout/blue/extLink.png) no-repeat 0px 0px;
}

div#content a.extern:visited,
div#content a.extern:active,
div#content a.extern:focus,
div#content a.extern:hover{
	background: url(../../_Layout/blue/extLinkVisited.png) no-repeat 0px 0px;
}

	/*target within page*/
div#content a.withinpage:visited,
div#content a.withinpage:active,
div#content a.withinpage:focus,
div#content a.withinpage:hover,
div#content a.withinpage{ /*Nur für Ueberschriften*/
	color: #033c99;
	text-decoration:none;
}

	/*link with arrow to top of page*/
div#content a.top{
	padding-left: 30px;
	text-decoration: none;
	background: url(../../_Layout/blue/topArrow.png) no-repeat 10px 4px;
}

/*Listen*/
div#content ol {
	margin: 5px 0px 15px 30px;
}

div#content ol li {
	padding: 0px 0px 3px 0px;
	line-height: 18px;
}

div#content ul {
	list-style: none;
	margin: 5px 0px 15px 0px;
}

div#content ul li {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/blue/bg-list.gif) no-repeat 6px 10px;
	line-height: 18px;
}

div#content ul li.star1 {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/starGreen1Small.png) no-repeat 3px 6px;
	line-height: 18px;
}

div#content ul li.star2 {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/starGreen2Small.png) no-repeat 3px 6px;
	line-height: 18px;
}

div#content ul li.star3 {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/starBlueSmall.png) no-repeat 3px 6px;
	line-height: 18px;
}

/*zB News im Index kleiner*/
div#content ul.small li {
	font-size: 11px;
	background: url(../../_Layout/blue/bg-listSmall.gif) no-repeat 8px 8px;
	line-height: 12px;
}

/*Tabellen*/
div#content table td {
	padding: 0px 5px 5px 0px;
	font-size: 12px;
}

/*Tabellen mit Rahmen*/
div#content table.border {
    border-width:thin;
    border-style:solid;
    border-collapse:collapse;    
}

div#content table.border td {
    border-width:thin;
    border-style:solid;
    vertical-align:top;
}

/** HTML-Elemente im Inhaltsbereich der neuen Beispiele
------------------------------------------------------------------*/
/*images of the team members*/
div#contentEx img.member{
	margin-left: 20px;
	margin-right: 20px; 
	width:110px;
	height:150px;
}

/*Absaetze*/
div#contentEx p {
	margin: 0px 0px 15px 0px;
	line-height: 18px;
}

div#contentEx p.nospace{
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}

div#contentEx p.copyright{
	border-color:#666;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-width: thin;
	border-bottom-width: thin;
	text-indent:10px;
	font-size: 9px;
	color: #999999;
}

/* Der Copyright-Text koennte auch hier stehen, sollte man ihn oefter brauchen: 
div#content p.copyright:before{    content:"text"; }  */

div#contentEx p.copyright strong{
	font-size: 10px;
	color: #666;
}

/*Menueleiste oben*/
div#contentEx p.menutop{
	font-size: 11px;
	margin: 0px 34px 0px 30px;
	text-align: center;
	background: #e6e6e6;
}

div#contentEx p.menutop a{
	padding: 0px 10px 0px 10px;
	border-color:#666;
	border-right-style:solid;
	border-right-width: thin;
	text-decoration: none;
}

div#contentEx p.menutop a.right{
	border-right-style:none;
}

div#contentEx p.languagebox{
    text-align:right; 
    margin-top:5px;
}

div#contentEx p.languagebox img {
    position:relative; 
    top:2px;
}

div#contentEx p.languagebox a :visited
div#contentEx p.languagebox a :active,
div#contentEx p.languagebox a :focus,
div#contentEx p.languagebox a {
	text-decoration: none;
}

div#contentEx p.languagebox a img {
    position:relative;
    top:2px; 
    margin-right:1px;
}

/*Ueberschriften*/
div#contentEx h1 {
	margin: 15px 0px 15px 0px;
	font-size: 22px;
	font-weight: normal;
	color: #033c99;
	letter-spacing: 1px;
	line-height: 25px;
}

div#contentEx h2 {
	margin: 25px 0px 10px 0px;
	font-size: 13px;
	color: #033c99;
	letter-spacing: 1px;
}

div#contentEx h3 {
	margin: 15px 0px 8px 0px;
	font-size: 11px;
	color: #033c99;
	letter-spacing: 1px;
}

/*Links*/
div#contentEx a {
	color: #033c99;
	text-decoration: underline;
}

div#contentEx a:active,
div#contentEx a:focus,
div#contentEx a:hover{
    text-decoration: none;
	color: #3d6ebb;
}

div#contentEx a:visited{
	color: #3d6ebb;
}

	/*link to pdf-file*/
div#contentEx a.pdf{
	padding-left: 15px;
	background: url(../../_Layout/pdfCut.png) no-repeat 0px 0px;
}

	/*link to feed-file*/
div#contentEx a.feed{
	padding-left: 16px;
	background: url(../../_Layout/feed-icon.png) no-repeat 0px 0px;
}

	/*link to mail*/
div#contentEx a.mail{
	padding-left: 18px;
	background: url(../../_Layout/blue/mail.png) no-repeat 0px 2px;
}

div#contentEx a.mail:active,
div#contentEx a.mail:focus,
div#contentEx a.mail:hover{
	background: url(../../_Layout/blue/MailLightBlue.png) no-repeat 0px 2px;
}

	/*link to download*/
div#contentEx a.down{
	padding-left: 18px;
	background: url(../../_Layout/blue/DownloadBlue.png) no-repeat 2px 2px;
}

div#contentEx a.down:visited,
div#contentEx a.down:active,
div#contentEx a.down:focus,
div#contentEx a.down:hover{
	background: url(../../_Layout/blue/DownloadLightBlue.png) no-repeat 2px 2px;
}

	/*to external page*/
div#contentEx a.extern{
	padding-left: 17px;
	background: url(../../_Layout/blue/extLink.png) no-repeat 0px 0px;
}

div#contentEx a.extern:visited,
div#contentEx a.extern:active,
div#contentEx a.extern:focus,
div#contentEx a.extern:hover{
	background: url(../../_Layout/blue/extLinkVisited.png) no-repeat 0px 0px;
}

	/*target within page*/
div#contentEx a.withinpage:visited,
div#contentEx a.withinpage:active,
div#contentEx a.withinpage:focus,
div#contentEx a.withinpage:hover,
div#contentEx a.withinpage{ /*Nur für Ueberschriften*/
	color: #033c99;
	text-decoration:none;
}

	/*link with arrow to top of page*/
div#contentEx a.top{
	padding-left: 30px;
	text-decoration: none;
	background: url(../../_Layout/blue/topArrow.png) no-repeat 10px 4px;
}

/*Listen*/
div#contentEx ol {
	margin: 5px 0px 15px 30px;
}

div#contentEx ol li {
	padding: 0px 0px 3px 0px;
	line-height: 18px;
}

div#contentEx ul {
	list-style: none;
	margin: 5px 0px 15px 0px;
}

div#contentEx ul li {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/blue/bg-list.gif) no-repeat 6px 10px;
	line-height: 18px;
}

div#contentEx ul li.star1 {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/starGreen1Small.png) no-repeat 3px 6px;
	line-height: 18px;
}

div#contentEx ul li.star2 {
	display: block;
	padding: 3px 8px 3px 20px;
	background: url(../../_Layout/starGreen2Small.png) no-repeat 3px 6px;
	line-height: 18px;
}

/*zB News im Index kleiner*/
div#contentEx ul.small li {
	font-size: 11px;
	background: url(../../_Layout/blue/bg-listSmall.gif) no-repeat 8px 8px;
	line-height: 12px;
}

/*Tabellen*/
div#contentEx table td {
	padding: 0px 5px 5px 0px;
	font-size: 12px;
}

/*Tabellen mit Rahmen*/
div#contentEx table.border {
    border-width:thin;
    border-style:solid;
    border-collapse:collapse;    
}

div#contentEx table.border td {
    border-width:thin;
    border-style:solid;
    vertical-align:top;
}