/* Stylesheet für mbnWebdesign */

* {padding: 0; margin: 0}
/*-------------- 1 body und andere Elemente (hr, blockquote, var, samp) -------------------*/
/*-------------- 2 Absatz- und Listen-Elemente-------------------*/	
/*-------------- 3 Überschriften / table / Adressen-------------------*/
/*-------------- 4 Verweise / Linkboxen -------------------*/	
/*-------------- 5Bereiche --------------------------------*/
/*-------------- 6 Boxen-------------------*/

/*--------------1 body und andere Elemente-------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /*Schriftgröße */
	background-color: white;	/* hintergrundfarbe */	
	background-image: url(../grafiken/titelfoto_uu.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;	
	}
hr {
	margin:0;
	padding: 0;	
	background-color:#6b6b6b;
	height:1px;
	border:0;  
  } 
blockquote {
	padding:10px;
	}
var {
	font-size: 80%; /* etwas kleiner */	
	letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
	text-transform: uppercase;
	line-height: 1.5em; /* Zeilenabstand */
	font-style: normal;
	}
	var a:hover {
		color: #666666; text-decoration: underline;
		}
samp {
	font-size: 120%;
	}
/*-------------- 2 Absatz- und Listen-Elemente -------------------*/			
p, ul ,dl ,ol  {
	padding: 0;
	margin-top: 0 ;
	margin-right: 0 ;
	margin-bottom: 5px ; /* Abstand nach unten */
	margin-left: 0; 
	}	
ul ul {
	margin: 0;
	}
li {
	margin-left: 3em; /* Abstand von links */
	}
dt {
	font-weight: bold;
	padding-top: 3px;
	}
/*-------------- 3 Überschriften / table / Adressen -------------------*/
h1 /*Seitenüberschrift*/{ 
	color: #633336;
	font-family:'Times New Roman',Times,serif;	
	font-size: 220%;
	margin-top: 1.1em;	
	}
h2  /*Abschnitt Überschrift*/{ 
	color: #633336;
	font-weight: lighter;
	font-size: 130%;	
	margin-top: 1.5em;
	margin-bottom: 1em;		
	}
h3  /*Absatz Überschrift*/{ 
	color: #633336; /*rot*/
	font-weight: lighter;
	font-size: 110%;	
	padding-bottom: 10px;
	margin: 0;
	}
h4  /*Titel Überschrift in Sidesbar*/{ 
	font-family:'Times New Roman',Times,serif;
    font-weight: bold;
	font-size: 230%;	
	margin: 0;
	}	
h5 /*Überschrift der Sidebar-Boxen*/{ 
	font-weight: bold;
	font-size: 100%;	
	margin-top: 10px;
	margin-bottom: 5px;
	}
h6 { 
	font-size: 102%;	
	margin-top: 10px;
	}
table { 
	border: 0;	
	}
	table, tr, th, td{
		margin: 0;		
		padding: 1px;
		padding-right: 15px;
		vertical-align: top;
		text-align: left;
		border-collapse: collapse;
		font-size: small;
		}
	table th {		
		border-bottom: 1px solid #666666;
		}
	table tr {		
		border-bottom: 1px dotted #666666;}		
address {
	text-align: center; /*zentrieren */
	font-size: 83%; /* etwas kleiner */
	font-style: normal; /* normale Schrift - nicht kursiv */
	letter-spacing: 1px; /* Abstände zwischen den Buchstaben */
	line-height: 1.5em; /* Zeilenabstand */
	}
img {border: 0;}
/*-------------- 4 Verweise / Linkboxen -------------------*/	
a {
	text-decoration: none; outline: none; } /* Unterstreichung entfernt */
a:link {
	color: #c75454;} /*rot*/
a:visited {
	color: #8a2d2d;} /*rosa*/
a:hover, a:focus { 
	color: #666666; text-decoration: underline;
	}
a:active { 
	color: #666666; background-color: white;}
.skiplink  { 
	display: none; }	
a[id]:hover, a[name]:hover 	{
	text-decoration: none; outline: none; color: #633336;}
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  { /* Tooltip */
	position: relative;
	color: #333333;	
	text-decoration: none;
	font-style: normal;		
	}	 
	a.tooltip:hover {
		color: #993333; text-decoration: none;		
		z-index: 1;
		}
		a.tooltip span {
			display: none;  
			text-decoration: none; 
			z-index: 2;
			}
		a.tooltip:hover span {
			display: block;
			position: absolute; 
			top: 20px; 
			left: -150px; 
			width: 250px;	
			color: #666666;
			padding: 6px;
			border:1px dotted #666666; 
			background-color: white;
			font: 12px Verdana, sans-serif; 
			text-align: left;
			}  
			a.tooltip span b {
				display: block;
				margin-bottom: 2px;
				padding: 0;
				font: 13px Verdana, sans-serif;	
				font-style: italic;
				color: #993333;
				background-color: white;
				border: 0px;
				border-bottom: 1px dotted #666666;
				}
			a.tooltip span em {
				display: block;
				margin: 2px 0;
				padding: 0;
				font: 13px Verdana, sans-serif;	
				font-style: italic;
				color: #666666;
				background-color: white;
				border: 0px;
				}		
	
/* EXTERNE LINKS mit Grafik versehen */
.text_box1 a[href^="http:"],
.text_box1 a[href^="https:"],
.textbox a[href^="http:"],
.textbox a[href^="http:"],
.text_box a[href^="http:"],
.text_box a[href^="https:"],
.sidebar_box a[href^="http:"],
.sidebar_box a[href^="https:"],
.bannerbox a[href^="http:"],
.bannerbox a[href^="https:"],
#navibereich_unten a[href^="http:"]
{
	padding-left: 18px; 
	background-image: url('../grafiken/pfeil2.gif');	 
    background-repeat: no-repeat;
	background-position: left;
	}
	
	.text_box1 a:hover[href^="http:"],
	.text_box1 a:hover[href^="https:"],
	.textbox a:hover[href^="http:"],
	.textbox a:hover[href^="http:"],
	.text_box a:hover[href^="http:"],
	.text_box a:hover[href^="https:"],
	.sidebar_box a:hover[href^="http:"],
	.sidebar_box a:hover[href^="https:"],
	.bannerbox a:hover[href^="http:"],
	.bannerbox a:hover[href^="https:"],
	#navibereich_unten a:hover[href^="http:"]
	 { 
		background-color: #dfdcd7;
		background-position: left;
	}
/*------------------ 5 Bereiche --------------------------------*/
#navibereich_top {		
	font-size: 80%;
	text-align: right;	
	width: 85%; /* Breite des Inhaltsbereichs */
	margin-right: auto; /* Abstand automatisch */	
	margin-left: auto;	
	padding: 20px 35px 0 0;	 	
	}	
#wrapper {
	color: #666666;		
	width: 85%; /* Breite des Inhaltsbereichs */    
	margin-right: auto; /* Abstand automatisch */
	margin-left: auto;
	border: 1px dotted #666666;
	}	
#kopfbereich {	
	width: 100%;
	height: 104px;
	text-align: left;	
	background-image: url(../grafiken/name_box5.jpg);
	background-repeat: repeat-x;
	}
	#kopfbox_rechts {
		float: right;		
		width: 23%;
		height: 104px;			
		background-image: url(../grafiken/titelfoto_o.gif);
		background-repeat: repeat-x;
		display: inline;
		padding: 0 20px 0 20px;		
		margin-right: 20px;					
		}
#navibereich {     
	color: black;
	font-size: x-small; /*Schriftgröße */
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #ffd7d7; /*rosa */
	padding: 0 0 13px 0;
	border-bottom: 1px dotted #8c8c8c;
	margin: 0; 	
	}
	#navibereich ul {
		padding-top: 3px;
		padding-left: 0px;
		padding-bottom: 4px;
		background-color: #6b6b6b;
		margin: 0; /* keinen oberen Rand */	    
		}
		#navibereich li {
		display: inline; 
		list-style-type: none;		
		margin: 0; 
		}
		#navibereich a {
		color: #fbfbfb; 
		background-color: #6b6b6b;
		padding: 2px 1% 2px 1%;			
		border-bottom: 0;
		margin: 0;
		}
		#navibereich a.menuactive:link, #navibereich  a.menuactive:visited  {
		text-decoration: none; /* Unterstreichung aus */ 
	    color: black; 
	    background-color: #ffd7d7; /*rosa*/
	    padding-bottom: 4px; /* ein Pixel mehr als oben */ 
		border-top: 1px dotted black;
	    border-bottom: none; /* Untere Rahmenlinie aus */ 
		}
		
		#navibereich a.menupassive:hover {		
	    text-decoration: none; /* Unterstreichung aus */ 
	    color: black; 
	    background-color: #ffd7d7; /*rosa*/
	    padding-bottom: 4px; /* ein Pixel mehr als oben */ 
		border-top: 1px dotted black;
	    border-bottom: none; /* Untere Rahmenlinie aus */ 
		}
		#navibereich a.menupassive:active { 
		background-color: white;
		border-bottom: 1px dotted black;
		padding-bottom: 3px; /* ein Pixel mehr als oben */ 		
		}
		#navi_ueber { display: none}	
		
/* Textbereich mit Header, Haupt- und Nebenbereich */
#textbereich {
	width: 100%;
	min-height: 400px;	
	}
#hinweise { 	
	float: left;
	width: 98%;
	padding-left: 20px;
	margin: 5px 0 03px 0;
	font-size: 85%;
	}		
/* ------------Hauptbereich--------------------- */
#hauptinhalt {
	float: left;		
	width: 62%;
	margin: 0;		
	padding: 0 20px 20px 20px;	
	}	
#ueberschrift {				
	margin: 0;
	border-bottom: 8px solid #633336;		
	padding-bottom: 5px;
	font-size: 85%;
	}
#angebot {  /*Angebotbereich Seiten 1-3 */					
	border-top: 1px solid #666666;	
	margin: 5px 0 20px 0;		
	}
	#angebot dl {	
		padding: 12px 0;
		margin-left: 30px;
		}
	#angebot dt {
		float: left;	
		width: 160px;	
		margin: 0 15px 0px 0px;
		padding: 0;	
		}
	#angebot dd {	
		padding: 0;		
		margin: 0 30px 0px 175px;
		font-size: 97%;			
		}		
#inhalt { 
	width: 88%; 
	height: 250px; 
	overflow: auto;			 
	border: 1px solid #666; 
	padding: 10px 30px; 			
	margin: 10px 0 40px 0;
	}
	#inhalt  samp {				
		font-weight: normal;
		}
/*#inhalt1 { 
	width: 88%; 
	height: 250px; 
	overflow: auto;			 
	border: 1px solid #666; 
	padding: 10px 30px; 			
	margin: 10px 0 40px 0;
	}*/	
#hilfe  dd {	
	padding: 0;		
	margin: 0;
	font-size: 97%;			
	}
#aktualisierung {
	margin: 30px 0 6px 0;
	font-size: 85%;
	}
/*#aktualisierung1 {
	padding-left: 20px;
	margin: 6px 0;
	font-size: 85%;
	float: left;					
	}*/
#kontext {display: none;}
#kontext1 {display: none;}	
#kontext2 {
	padding-top: 10px;
	text-align:right;
	font-size: 86%;
	}
				
/* ------------Nebeninhalt--------------------- */
#nebeninhalt{
	float: right;		
	width: 25%;
	background-image: url(../grafiken/titelfoto_u.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: inline;		
	margin: 0 20px 20px 0;	
	border-left: 1px dotted #666666;
	border-top: 1px dotted #666666;
	padding: 20px 0 10px 20px;		
	font-size: 90%;		
	}	
#rubrik_auswahl{	
	margin-bottom: 40px;
	margin-top: 33px;
	border-bottom: 1px solid #666666;	
	}
	#rubrik_auswahl dl {	
		margin-bottom: 10px;
		font-size: 95%; 
		}
	#rubrik_auswahl dt {	
		border-bottom: 1px solid #666666;
		padding: 4px 5px;
		color: #fbfbfb;
		font-weight: lighter;				
		background-color: #6b6b6b;
		text-transform: uppercase;
		}
	#rubrik_auswahl dd {	
		padding: 4px 5px;			
		border-bottom: 1px dotted #666666;
		}
#sidebar {
	display: none; 
	padding: 0;
	margin: 0; 
	}			
/* Fuss / navi_unten*/	
#navibereich_unten {	
	clear:both;	
	background-image: url(../grafiken/kl1c.gif);
	background-position: top left;
	background-repeat: repeat-x;	 
	font-size: 85%; /*Schriftgröße */
	padding: 0 20px;	
	}
	#navibereich_unten ul {
		margin: 0; /* keinen oberen Rand */
		}
	#navibereich_unten li {
		display: inline; 
		list-style-type: none;		
		margin: 0; 
		}	
#fussbereich {
	background-color: #ffd7d7;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: small; /*Schriftgröße */
	padding: 8px;
	border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
	border-bottom: 1px dotted #8c8c8c;
	margin-top: 0; /* Außenabstand oben, oberhalb Linie */
	}
#abschluss {
	height: 10px;
	background-color: #6b6b6b;	
	margin-bottom: 5px;
	margin-top: 1px;
	}
#abschluss_leer {
	height: 80px;	
	margin: 0;
	}
#formularrahmen  {
	width: 400px;
	padding: 40px;
	padding-left:60px;
	border: 1px dotted #666;
	margin-bottom: 20px;
	}
/*--------------Kontaktformular-------------------
form {
	width: 400px;
	padding: 40px;
	padding-left:60px;
	border: 1px dotted #666;
	margin-bottom: 20px;
	}
label {display: block}
#absender, textarea {
	width: 300px;	
	margin-bottom: 1em;	
	}
textarea {	height: 8em;}
input {margin-bottom: 1em;}
*/
#projekt {		
	border: 4px solid #999;	
	margin-bottom: 10px;
	margin-top: 20px;
	background-repeat:no-repeat;
	max-width: 460px;	 
	background-position: center;	
	}
#copy  {
	color: #555;
	padding: 0 20px;
	margin-bottom: 15px ;
	font-size: 85%; /*Schriftgröße */
	}
	#copy  img {
		padding-right: 10px;
		}
	#copy li {
		display: inline; 
		list-style-type: none;		
		margin: 0; 
		}
/*-------------- 7  Boxen-------------------*/	
/*.kontext_p {
	text-align:right;
	font-size: 86%;
	}*/
.sidebar_box {	
	margin-bottom: 30px;					
	}
	.sidebar_box dl {	
		margin-bottom: 10px;
		font-size: 98%;
		letter-spacing:0.03em;				
		}
	.sidebar_box dt {	
		border: 1px solid #666666;
		padding: 3px 5px;
		font-weight: lighter;						
		color: #633336;	
		margin-bottom: 2px;	
		text-transform: uppercase;				
		}
	.sidebar_box dd{	
		padding: 4px 5px 4px 5px;		
		border-bottom: 1px dotted #666666;	
		}		
.text_box_klein  {    	
	font-size: 85%;
	margin-bottom: 20px;
	}		
/*.text_box2 { 
	padding: 12px 0;		
	border-top: 1px solid #666666;	
	margin-top: 5px;
	}*/
.linie , .linie1 { /*unsichtbare Linie, nur sichtbar in Druckversion / HTML */			
	display: none; 				 			
	}
/*.aufzaehl_box1 li { 
	list-style-type: square;
	list-style-position: inside;
	padding-bottom: 3px;
	border-bottom: 1px dotted #666666;
	margin-left: 0;	
	}*/
.aufzaehl_box2 li { /* ohne  Bullet*/
	list-style-type: none; /*rechteckiges Bullet-Zeichen*/
	list-style-position: inside;
	padding-bottom: 3px;				
	}
.textbox { /* breiter unterer Rand ohne Linie*/		
	padding: 12px 0;					
	margin: 5px 0 20px 0;			
	}
.text_box { /* breiter unterer Rand*/		
	padding: 12px 0;		
	border-top: 1px solid #666666;	
	margin: 5px 0 20px 0;			
	}
.text_box1 { /* breiter unterer Rand, Blocksatz  */		
	padding: 12px 0;		
	border-top: 1px solid #666666;			
	margin: 0 0 20px 0;
	text-align: justify;
	}		
.link_box {
	padding: 10px;
	border: 1px dotted #666666;			
	margin: 40px;
	}		
.trennbox {				
	font-size: x-small;
	padding: 5px 0px 5px 70px;
	background-image: url(../grafiken/trenn1.gif);
	background-repeat: repeat-x;
	color: #fbfbfb;	
	margin-bottom: 30px;			
	}	
	.trennbox a {
		color: #fbfbfb;				
		text-decoration: underline;
		}
	.trennbox a:link {
		color: #fbfbfb;				
		text-decoration: underline;
		}
	.trennbox a:visited	{
		color: #fbfbfb;
		}
	.trennbox a:active {	
		background-color: #6b6b6b;
		color: #fbfbfb;
		}
.bannerbox {			
		vertical-align: text-top;
		padding: 6px 10px;
		border: 1px dotted #666666;
		margin-bottom: 40px;
		margin-top: 5px;
		}
.nach_oben_box {
	font-size: 84%; /* etwas kleiner */	
	letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
	text-transform: uppercase;
	line-height: 1.5em; /* Zeilenabstand */	
	background-image: url(../grafiken/oben2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom: 60px;
	margin-right: 60px;
	text-align: right;	
	}	
.nachobenbox /*klein*/ {
	font-size: 80%; /* etwas kleiner */	
	letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
	text-transform: uppercase;
	line-height: 1.5em; /* Zeilenabstand */	
	background-image: url(../grafiken/oben2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	text-align: right;
	}	
.bild_links {	
	float: left;
	padding: 4px;
	border: 0;		
	margin: 10px 20px 10px 0;
	}
/*.hinweisbox_klein  { 	
	margin: 6px 20px;
	padding-bottom: 5px;
	font-size: 85%;			
	}*/
.img_box {
	margin-bottom: 30px;
		}
	.img_box img {		
		padding: 4px; /* klein im Portfolio */
		border: 4px solid #999999;
		margin: 3px;
		}	
.img_box_gross {display: none;}