/** Einheiten: 
$THEME->masthead         	= Hauptmenü = Bannner
$THEME->head-image_1 		= Hintergrundbild links in Banner
								-ge, -r, -g,-b: 4 Farbvarianten
$THEME->head-image_2 		= Hintergrundbild rechts in Banner
$THEME->breadCrumb  		= kleine Kopf-Navigation
$THEME->seiteninhalt  		= 3-Spalten-Block unter den beiden Navis
(definiert in head-css)
-------------------------------
Content-css:
A) Linke Spalte:
Außenbegrenzung = "navilikns".
$THEME->search				= Suchfeld 
$THEME->headlines  			= Infoboxen links (3x)

B) Rechte Spalte:
Außenbegrenzung = "navirecchts"
$THEME->navbar  			= Felder rechts (3x)
$THEME->sectionLinks    	= Infoboxen in der Navbar (2x)

Mitte/Unten: 
THEME->content 			= OHNE eigene Farbe; mittlere Spalte (bis zu Navbar) (3x)
$THEME->siteInfo      		= Info am Seitenschluss
$THEME->Stil-Klassen   		=   // .intro, .lauftext (3x), .defifeld, defi (2x), 
							.wortstil (2x), .aktuelles, .tabelle, .textfeld, .quelle, related links, .marquee 
							OHNE Farbe: quelle, biblio, literatur, unterstrichen
							= Linien/Zwischenüberschriften in verschiedenen Farben
**/


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
  font-weight: normal;
  background: #fff;
  color: #000;
  line-height: 150%;
/**  margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	**/
margin: 0 auto;
max-width: 1024px;
}


a:link, a:visited, a:active {text-decoration: none; }
a:hover {
	text-decoration: underline;}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	margin: 0px;
	padding: 0px;}
h1{
 	
	 
	font: Arial Narrow;
 	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 22px;/***120%;***/
 /**	margin-left: 20px;**/}
h2{
 	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
 	font-size: 14px;/***114%;***/
 	font-weight: normal;}
h3{font-size: 12px; }
h4{	font-size: 11px; font-weight: bold;}
h5{	font-size:10px; font-weight: normal;}

ul{ 
  /**list-style-type: square;**/
	list-style: none; 
/**  margin-left: 0x;**/}
ul ul{	list-style-type: none;}/**disc;**/
ul ul ul{list-style-type: none;}
li {margin-bottom: 5px; margin-top: 5px;}

label{	font: 7px  Arial, Helvetica, sans-serif;}

br {margin: 0px;}


 *****css-Navi*************** 

#navigation {
	width: 246px;
	padding: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	margin-left: 0px;	
	margin-bottom:4px;
	color: #999999;
	float:left;}

#navigation li {		border-bottom: 1px solid;}		

ul#navigation li.bodenlos{
		border-bottom: none;}
		
ul#navigation a:link, a:visited, a:hover
	{text-decoration: none;
	background-color: #transparent;}
	
ul#navigation submenu a:link, a:visited, a:hover
	{text-decoration: none;
	background-color: #transparent;}

ul#submenu {
  display: none; 
  margin-left: 0px;}
  
ul#submenu a:link, a:visited, a:hover {
	text-decoration: none;
	background-color: transparent;
}

ul#navigation li.showSubMenu:hover ul#submenu {
  display: block;
  margin-left:0px;
		border-bottom: 1px; border-bottom-color: #999999;}

ul#submenu2 {
  display: none; 
  margin-left: 0px;}
  
ul#submenu2 a:link, a:visited, a:hover {
	text-decoration: none;
	background-color: transparent;
}

ul#navigation li.showSubMenu2:hover ul#submenu2 {
  display: block;
  margin-left: 0px; 
   		border-bottom: 1px; border-bottom-color: #999999;}
		
ul#navigation submenu2 a:link, a:visited, a:hover
	{text-decoration: none;
	background-color: #transparent;}


/***************Menü mit js an Seite ausklappbar ***************************/

#nav{
	width: 246px;
	padding: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	margin-left: 0px;	margin-bottom:4px;
    float:left;}

#nav a:link, a:visited, a:hover
	{text-decoration: none;
	margin-left:0px;}

#nav li {
		padding: 2px 2px 2px 15px;
		cursor: default;
		border-bottom: 1px solid;
		margin-left:0px;
	}

#nav ul {
		display: none;
     /**   background: url(images/dots.png) repeat-y scroll 12px 0 transparent;**/
		border-bottom: 0px;
		margin-left:0px;
		
	}

#nav li.expand {
		background: url(images/arrow-down.gif) no-repeat scroll 0px 12px transparent; 		margin-left:0px;	}
		
#nav li.bodenlos{
		border-bottom: none;}

	.expanded {
		border-bottom: 0px;
		background: url(images/arrow-up.gif) no-repeat scroll 0px 12px transparent !important;
	}





/**************************
Container Rahmen für Seitenspalten 
**************************/
#navilinks{
	width: 246px;
	float: left;
	padding: 0px;
	margin-right: 10px;	}

#navirechts{
	width: 246px;
	float: right;}


/**********************
Container "Headlines" 
***********************/
#headlines, #headlines1, #headlines2, #headlines3, #headlines4, #headlines5, #headlines6, #headlines7 {
    width: 246px;
	float:left;   
	padding-right: 10px;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 12px;/***100%;***/}
#headlines p, #headlines1 p, #headlines2 p, #headlines3 p, #headlines4 p, #headlines5 p, #headlines6 p, #headlines7 p {
	padding: 0px 5px 5px 0px;
	margin-bottom:0px;}


	
/**********************
Container "Navbar" 
**********************/
#navBar, #navBar1, #navBar2, #navBar3, #navBar4, #navBar5, #navBar6 {
	float: right;
	width: 246px; 
	padding: 0px;   
	margin-bottom: 7px;
 }
#navBar ul, #navBar1 ul, #navBar2 ul, #navBar3 ul, #navBar4 ul, #navBar5 ul, #navBar6 ul {
	display: block; 
	list-style:none; 
	margin-left: 10px; 
	padding: 0px;}
#navBar li, #navBar1 li, #navBar2 li, #navBar3 li, #navBar4 li, #navBar5 li, #navBar6 li {border-bottom: 1px solid;}


 /**graue Variante**/
#navBar-1, #navBar1-1, #navBar2-1, #navBar3-1, #navBar4-1, #navBar5-1, #navBar6-1 {
	float: right; 
	width: 246px; 
	padding: 0px;   
	margin-bottom: 7px; }
#navBar-1 ul, #navBar1-1 ul, #navBar2-1 ul, #navBar3-1 ul, #navBar4-1 ul, #navBar5-1 ul, #navBar6-1 ul 
		{display: block;
		/**text-decoration:none;**/
		list-style:none; 
		margin-left: 10px; 
		padding: 0px; 	font-family:Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size:12px;}
#navBar-1 li, #navBar1-1 li, #navBar2-1 li, #navBar3-1 li, #navBar4-1 li, #navBar5-1 li, #navBar6-1 li {border-bottom: 1px solid;}
#navBar-1 h3, #navBar1-1 h3, #navBar2-1 h3, #navBar3-1 h3, #navBar4-1 h3, #navBar5-1 h3, #navBar6-1 h3 {vertical-align:center;}



/**************************
Container "Section Links" 
**************************/


/*********** #sectionLinks  = Variante mit grünem h3 und back***********/
#sectionLinks, #sectionLinks1, #sectionLinks2, #sectionLinks3, #sectionLinks4, #sectionLinks5, #sectionLinks6, #sectionLinks7 {
	float: left;
	width: 246px; 
	padding: 0px;	
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";}
#sectionLinks p, #sectionLinks1 p, #sectionLinks2 p, #sectionLinks3 p, #sectionLinks4 p, #sectionLinks5 p, #sectionLinks6 p, #sectionLinks7 p{
	padding: 0px 0px 0px 5px;
	margin-left:0px;}
#sectionLinks li, #sectionLinks1 li, #sectionLinks2 li, #sectionLinks3 li, #sectionLinks4 li, #sectionLinks5 li, #sectionLinks6 li, #sectionLinks7 li{		margin-bottom:2px;
	text-indent:-5px;}
#sectionLinks h3, #sectionLinks1 h3, #sectionLinks2 h3, #sectionLinks3 h3, #sectionLinks4 h3, #sectionLinks5 h3, #sectionLinks6 h3, #sectionLinks7 h3{
	padding: 0px 0px 2px 0px;
	margin:-5px;
	text-align:center;}
#sectionLinks a:link, #sectionLinks1 a:link, #sectionLinks2 a:link, #sectionLinks3 a:link, #sectionLinks4 a:link, #sectionLinks5 a:link, #sectionLinks6 a:link, #sectionLinks7 a:link,
#sectionLinks a:visited, #sectionLinks1 a:visited, #sectionLinks2 a:visited, #sectionLinks3 a:visited, #sectionLinks4 a:visited, #sectionLinks5 a:visited, #sectionLinks6 a:visited, 
#sectionLinks7 a:visited
#sectionLinks a:hover, #sectionLinks1 a:hover, #sectionLinks2 a:hover, #sectionLinks3 a:hover, #sectionLinks4 a:hover, #sectionLinks5 a:hover, #sectionLinks6 a:hover, #sectionLinks7 a:hover
	{padding: 0px 0px 2px 5px;
	width: auto;
	text-decoration: none;
	background-color:transparent;}


/*********** #sectionLinks = Variante mit grünem h3 und back***********/
#sectionLinks-1, #sectionLinks1-1, #sectionLinks2-1, #sectionLinks3-1, #sectionLinks4-1, #sectionLinks5-1, #sectionLinks6-1, #sectionLinks7-1 {
	float: left;
	width: 246px; 
	padding: 0px;	
	font-size: 10px;}
#sectionLinks-1 p, #sectionLinks1-1 p, #sectionLinks2-1 p, #sectionLinks3-1 p, #sectionLinks4-1 p, #sectionLinks5-1 p, #sectionLinks6-1 p, #sectionLinks7-1 p{
	padding: 0px 0px 0px 5px;
	margin-left:0px;}
#sectionLinks-1 li, #sectionLinks1-1 li, #sectionLinks2-1 li, #sectionLinks3-1 li, #sectionLinks4-1 li, #sectionLinks5-1 li, #sectionLinks6-1 li, #sectionLinks7-1 li{	
	margin-bottom:2px;
	text-indent:-5px;}
#sectionLinks-1 h3, #sectionLinks1-1 h3, #sectionLinks2-1 h3, #sectionLinks3-1 h3, #sectionLinks4-1 h3, #sectionLinks5-1 h3, #sectionLinks6-1 h3, #sectionLinks7-1 h3{
	padding: 0px 0px 2px 0px;
	margin:-5px;
	text-align:center;}
#sectionLinks-1 a:link, #sectionLinks1-1 a:link, #sectionLinks2-1 a:link, #sectionLinks3-1 a:link, #sectionLinks4-1 a:link, #sectionLinks5-1 a:link, #sectionLinks6-1 a:link, #sectionLinks7-1 a:link,
#sectionLinks-1 a:visited, #sectionLinks1-1 a:visited, #sectionLinks2-1 a:visited, #sectionLinks3-1 a:visited, #sectionLinks4-1 a:visited, #sectionLinks5-1 a:visited, #sectionLinks6-1 a:visited, #sectionLinks7-1 a:visited,
#sectionLinks-1 a:hover, #sectionLinks1-1 a:hover, #sectionLinks2-1 a:hover, #sectionLinks3-1 a:hover, #sectionLinks4-1 a:hover, #sectionLinks5-1 a:hover, #sectionLinks6-1 a:hover, #sectionLinks7-1 a:hover{
	padding: 0px 0px 2px 5px; width: auto; text-decoration: none;}




/**********************
Container "Search" 
**********************/
#search{
	padding: 5px 0px 5px 10px;	
	width: 180px;
	text-align:center;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 9px;}
#search form{
	 margin: 0px;
	 padding: 0px;
	 width:100px;
   }
search label{
	display: block;
	margin: 0px;
	padding: 0px;}



/**********************
Container "Search-Links" (in Headline, daher margin-left nötig 
**********************/
#search-links{
	padding: 5px 0px 5px 10px;	
	/**border-bottom: 1px solid;**/
	width: 200px;
	text-align:center;
	margin-left:10px;
	font-size: 10px;}
#search-links form{
	 margin: 0px;
	 padding: 0px;   }
search-links label{
	display: block;
	margin: 0px;
	padding: 0px; }
 #search-links input {
 	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn"
	font-size: 8pt; 
	margin:0; 
	width:120px;
	font-weight:bold;
	border-collapse:collapse;
	 	}
 



/**************************
Container "Content" 
**************************/
#content{
    float: left;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0 0 0 0;}
#content ul{ 	list-style-image:url(images/auflist.jpg);}
#content li{	margin-bottom:5px; }
#content h2 {	margin-left:10px;}
#content2{
    float:left;
	font-size:12px;
	margin-left: 20px;
	margin-right: 10px;
	padding: 0 0 0 0;}
#content2 ul{ 	list-style-image:url(images/auflist.jpg);}
#content2 li{	margin-bottom:5px; }
#content2 h2 {	margin-left:10px;}
#content3{
    float:left;
	font-size:12px;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0 0 0 0;}
#content3 ul{ 	list-style-image:url(images/auflist.jpg);}
#content3 li{	margin-bottom:5px; }
#content3 h2 {	margin-left:10px;}



/**********************
Container "SiteInfo" 
**********************/
#siteInfo{
	clear: both;	
	border: 1px solid;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 9px;/***75%;***/
	padding: 2px 2px 2px 2px;
/**	margin-top: -50px;**/}
#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align:middle;}




/**************************************************
                     Schriftstile
***************************************************/

/**************************
Stil "related Links" 
**************************/
.relatedLinks, .relatedLinks1, .relatedLinks2, .relatedLinks3, .relatedLinks4 {
	margin-left: -33px;
	
/**	margin-top: -3px;	/** damit die kleineLinie etwas über dem Kasten schwebt **/
	border-top: 1px solid; 
	padding: 0px 0px 0px 0px;
	font-size: 11px;}
.relatedLinks li, .relatedLinks1 li, .relatedLinks2 li, .relatedLinks3 li, .relatedLinks4 li{
	line-height: 11px;
 	font-size: 12px;
	margin-bottom:1px;}
.relatedLinks h3, .relatedLinks1 h3, .relatedLinks2 h3, .relatedLinks3 h3, .relatedLinks4 h3{
	padding: 0px 0px 0px 0px;
	margin-left: 32px;

 	/**margin-top: -10px;**/
	text-align:left;}
.relatedLinks a:link, .relatedLinks1 a:link, .relatedLinks2 a:link, .relatedLinks3 a:link, .relatedLinks4 a:link, 
.relatedLinks a:visited, .relatedLinks1 a:visited, .relatedLinks2 a:visited, .relatedLinks3 a:visited, .relatedLinks4 a:visited {
	display: block; 
	padding: 0px 0px 2px 0px;
	margin-left: 20px;
	margin-bottom:1px;	}
.relatedLinks a:hover, .relatedLinks1 a:hover, .relatedLinks2 a:hover, .relatedLinks3 a:hover, .relatedLinks4 a:hover,
.relatedLinks a:active, .relatedLinks1 a:active, .relatedLinks2 a:active, .relatedLinks3 a:active, .relatedLinks4 a:active{
	display: block; 
	padding: 0px 0px 2px 0px;
	margin-left: 20px;
	margin-right: 0px;
	/**margin-right: -70px;**: geht in K-Meleon, Opera und Firefox, aber nicht in IE**/
	margin-bottom:1px;	
	text-decoration: none;}

	


/**************************
Stil "Intro" 
**************************/
.intro{
	padding: 0px 0px 10px 10px;	font-size: 10px;}
.intro h3{
	padding: 30px 0px 5px 0px;
	text-align: left;}
.intro img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;}
/* adjust margins to change separation between the feature image and text flowing around it */

/**************************
Stil "Lauftext" 
**************************/
.lauftext{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	margin-right: 5px;}
.lauftext p{padding: 0px 0px 10px 0px;}
.lauftext h2{
	padding: 30px 0px 5px 0px;
	text-align: left;}

/************** .lauftext+ styles *****************/
.lauftext_mit{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	text-indent:-10px; 
    margin-left:25px; 
    margin-bottom:-5px; 
    margin-top:0px;}
.lauftext_mit p{
  padding: 0px 0px 10px 0px;}
.lauftext_mit h2{
	padding: 30px 0px 5px 0px;
	text-align: left; }

/************** .lauftext+2 styles *****************/
.lauftext_mit2{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	text-indent:-10px; 
    margin-left:25px; 
    margin-bottom:-10px; /**statt -20 oder -5**/
    margin-top:0px;}
.lauftext_mit2 p{padding: 0px 0px 10px 0px;}
.lauftext_mit2 h2{
	padding: 30px 0px 5px 0px;
	text-align: left; }

/**************************
Stil "Defifeld" 
**************************/
.defifeld {
	clear: both;
	padding: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 11px;
	border: 1pt; 
	border-style: ridge;
	margin-left: 40px;}

.defifeld p{
	padding: 10px 10px 10px 0px;	
	margin-bottom: 5px;
	margin-left: 40px;
	text-indent: 10px;}


/**************************
Stil "Defi" 2x
**************************/
.defi{
	border: 2pt;
	border-style: none;
	background-color: #99FF33;
}
.defi2{border: 2pt; border-style: none; }


/**************************
Stil "Wortstil" 
**************************/
.wortstil_1 {border: 1pt; border-style: ridge; padding:5px 5px 5px 5px; 	font-family: 	Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn"; 
	font-size: 12px; }
.wortstil_2 {border: 0pt; }
.wortstil_3 {border: 0pt;}
.wortstil_3 h3{
	font-family: 	Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn"; 
	font-size: 12px; 
	border: 1px;
	border-bottom-style:groove;
	border-right-style:groove; }



/**************************
Stil "aktuelles" 
**************************/
.aktuelles {
	border: 1pt;
	border-style: ridge;
	margin-bottom: 5px;}


/**************************
Stil "Tabelle" 
**************************/
.tabelle {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 12px;
	border:1px;
	padding:0 0 0 0;}
.tabelle td {	border:1px solid;}
.tabelle t5 {	border:1px solid;}


/************** .tabelle_bl styles *****************/
.tabelle_bl {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 12px;
	border:1px;
	padding: 0 0 0 0;}
.tabelle_bl td {	
	border-left: 1px solid; 
	border-bottom: 1px solid; 
	border-right: 1px solid; 
	border-top: 1px solid; 	}
/**************************
Stil "textfeld" 
**************************/
.textfeld {
	clear: both;
	padding: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 12px;   
	border-left: 1px solid;	
	border-bottom: 1px solid;
	border-right: 1px solid;	
	border-top: 1px solid; 
	margin-left: 40px;
	width: 400px;}
.textfeld p{
	padding: 10px 10px 10px 0px;	
	margin-bottom: 5px;
	margin-left: 140px;
	text-indent: 10px;}

/**************************
Stil "quelle" 
**************************/
.quelle{
	float: right;
	padding: 0px 0px 0px 10px;
	font-size: 10px;/***90%;***/}

/**************************
Stil "biblio" 
**************************/
.biblio{
	padding: 10px 0px 0px 10px;
	font-size: 11px;
	text-indent:-45px; 
    margin-left:0px; 
    margin-bottom:-5px; 
    margin-top:0px;}
.biblio p{
  padding: 0px 0px 10px 0px;}
 .biblio h3{
	padding: 3px 0px 2px 0px;
	margin-right: 30px;
	margin-left: 11px;}
	

/**************************
Stil "Literatur" 
**************************/
/***[nicht eliminieren: ist noch zur Formatierung der rechten Seite nötig! sonst irrelevant****/
/**.literatur h3{
	padding: 3px 0px 2px 0px;
/**	margin-right: 30px;**/
/**	margin-left: 10px;}**/

.literatur{
	margin-right: 5px;
	padding: 0px 0px 0px 10px;
	font-size: 10px;/***90%;***/}
.literatur h3{
	padding: 3px 0px 2px 0px;
/**	margin-right: 30px;**/
	margin-left: 10px;}



/******************************************
Stil "marquee", falls mal Lauftext-xhtml 
******************************************/
.marquee {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", "Frutiger LT 47 LightCn", "Frutiger LT 57 Cn";
	font-size: 11px;
	height: 12px;
	width: 400px;	border: 1px solid;
/**	scrollamount:5; 
	scrolldelay:70;**/}

/******************************************
	Stil "unterstrichen" 
******************************************/
.unterstrichen  { text-decoration:underline}


/******************************************
	Stil "durchgestrichen" 
******************************************/
.durchgestrichen  { text-decoration: line-through}


/******************************************
	Stil "hochgestellt" 
******************************************/
.hochgestellt  {
font-size:9px;
vertical-align:super;
}


/******************************************
Stil "Linie + Zwischentitel" 
******************************************/
.l_gruen, .l_gelb, .l_rot, .l_blau {
	border-top:1px; border-bottom:0px; border-left:1px; border-right: 0px;
	font-size:12px;
	border-style:solid;
	margin-bottom: -7px;
	padding-top: 3px;
	padding-left: 3px;}
	

/******************************************
	Stil "unterstrichen" 
******************************************/
.titel{border: 1px;  
		border-bottom-style:inset; border-top-style: outset; border-left-style:double; border-right-style:double; 
		border-left-width:medium; border-right-width:medium;
		padding-left:10px;}

.navbar-titel{valign:center; margin-left:-10px;}