/* css für mbnPortal*/
body {	
	text-align: center;
	background-color:#333;
	margin: 0;
	padding: 0;	
	font-size: 0.8em;
	}
#stil {
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;	
	color: #999;	
	text-align: left; 
	padding-left: 10px;
	height: 14px;
	}
	#stil a {
		color: #999;		
		outline: none;
		text-decoration: underline;
		}
	#stil a:hover {
		color:#999;		
		outline: none;	
		}
	
hr {display: none;}

p { margin-bottom: 0.3em }

img {border:0;
	padding: 0;
	margin: 0;
	}
	img a, img a:link, img a:visited  {margin: 0;}
	img a:hover {margin: 0; outline: none;}

h1 {	/* Title  */
	font-size: 2.8em;
	font-family:'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif ;	
	color: black;
	letter-spacing: 2px;
	padding-top: 30px;
	margin-top: 25px;
	}
	h1 a { color: black; text-decoration: none } 
h2 {		
	font-weight: lighter;
	margin-bottom: 25px;
	}
h3 {
	margin-bottom: 0;	
	font-size: 105%;
	}
ul {list-style-type: none;	margin: 0;}
li {margin: 0;}
dl {padding-left: 30px;}
dt {margin-bottom: 6px;}
dd {margin-bottom: 10px;}

/* ===== LINKS GENERAL ===== */
a:link, a:visited {
	color: #333;
	font-weight: bold;		
	text-decoration: underline;
	}
a:hover {
	color: #333;	
	font-weight: bold;
	outline: none;	
	}
/* EXTERNE LINKS im Content mit Grafik versehen */
 .content a[href^="http:"], .content a[href^="https:"]{
	padding-left: 20px; 
	background-image: url('../../grafiken/pfeil1.gif');	 
	background-repeat: no-repeat;
	background-position: left;
	font-weight: normal;
	}	
	.content a:hover[href^="http:"]
	.content a:hover[href^="https:"] { 
		background-position: left;
		} 
		
/* ===== WRAPPER / HEADER ===== */
#wrapper {	
	line-height: 1.3em;
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;	
	text-align: left;
	color: #333;
	background-color: #eee;
	border: 15px solid black;
	width: 65%;	
	margin: 20px auto 40px auto;
	}
	
#header1 {
	font-size: 130%;	
	background-color: #ccff33;	
	color: black;
	padding: 5px 0;
	padding-left: 30px;
	margin: 0px;
	border-bottom: 15px solid black;	
	}
	#header1 a {color: black; font-weight: normal; text-decoration: none;}  										/*  NEU   NEU  */
	#header1 span {float: right; padding-right: 15px; padding-top: 2px}
	
#header{		
	padding: 10px;
	margin: 0;
	background-color: #ffd7d7;	
	height: 170px;	
	}
	
#header_left {
	float: left;
	height: 150px;
	width: 70%;
	background-color: #66cccc;
	background-image: url(../../grafiken/selbst.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;	
	font-size: 120%;	
	padding: 40px 0 0 30px;	
	border-right: 15px solid black;
	margin: 0px;
	}
	#header_left a { color: black; text-decoration: none } 

#index {display: none;}	
#accesskeys {											 /*  NEU   NEU  */
	margin: 0px;
	padding: 0px;
	height: 1px;
	overflow: hidden;
	background-color: black;
	}


/* ===== Navigation ===== */
.navi, .navi1x {
	color: white;
	background-color: black;
	font-size: 75%;	
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	}
	.navi a, .navi1x a {
		color: white;
		font-weight: normal;		
		text-decoration: underline;			
		}
	.navi a:hover, .navi1x a:hover {
		color: white; 
		text-decoration: underline;		
		}
	.navi li, .navi1x li {display: inline;}
	.navi span, .navi1x span {display: none;}
	.navi img, .navi1x img {
		vertical-align: middle;			
		}
#navi1 {display: none;}
	
.skiplink  {display: none;}	
		
.icons1, .icons2 {
	text-align: right;
	font-size: 85%;	
	}
	.icons1 a, .icons2 a {font-weight: normal;}
	.icons1 {padding: 150px 10px 10px 0;	}
	.icons2 {padding: 0 22px 8px 0;	background-color: #eee;}
#bild1 {
	background-image: url(../../grafiken/ganzezeile.gif); 
	height: 100px; 
	background-repeat: no-repeat;
	}
	#bild1  a {display: none;}
#bild2 a {display: none;}

/* ===== DIV  und class CONTAINER ALL ELEMENTS BLOCK ===== */	
.content_projekte {	
	padding: 20px 40px 40px 40px ;	
	margin: 0;
	background-color: #eee;
	text-align: center;
	}	
.content {	
	padding: 30px 40px 40px 40px ;	
	background-color: #eee;
	margin: 0;
	}
#content_kontakt {
	padding: 30px 40px 40px 40px ;	
	background-color: #ccff33;
	margin: 0;
	}
#projektbox {	
	margin-top: 30px;
	text-align: center;	
	}	
	#projektbox img {	
	padding: 10px;
	padding-right: 14px;
	border-right: 1px solid gray;	
	margin: 0;
	margin-bottom: 20px;
	}
.liste ul{
	padding-left:0;
	margin-bottom: 25px;
	}
	.liste li {
	display: inline;
	padding-right: 10px;
	}
	.liste img {
	vertical-align: middle;	
	padding-right: 5px;
	}
.urls {display: none;}	
	
.textbox {margin: 0}
.textbox1 {
		margin-top: 20px; 
		border-top: 1px solid gray;
		}
		.textbox1 ul {list-style-type: square; list-style-position: inside; padding-left: 30px;}
.textbox2 {
		border-top: 1px solid gray; /* innerhalb der Scrollbar */		
		margin-bottom: 20px;
		}
.hinweise {font-size: 85%; margin: 0}
.hinweise2 {
	font-size: 85%;      /* innerhalb der Scrollbar */	
	border-top: 1px solid gray;		
	margin: 20px 0;		
	}
.kasten_links {	
	float: left;
	padding: 10px 20px;	
	margin-bottom: 20px;
	border-right: 1px solid gray;	
	}	
	.kasten_links ul {			
		margin-bottom: 20px;
			}	
		
.bild_rechts {	
	float: right;
	font-size: 85%;	
	padding: 10px;	
	margin: 20px;
	border: 1px solid gray;	
	}
	.bild_rechts a {	
		font-weight: normal;
			}
.kasten_rechts {	
	float: right;	
	padding: 0 10px;
	margin: 0 20px;	
	margin-left: 55%;
	}
	
.scrollbar {
		height: 300px; 
		overflow: auto; 
		padding-right:40px; 
		}
#banner {margin-bottom: 6px;}
	#banner p {
		margin: 0;
		margin-bottom: 6px;
		}	
	#banner textarea {
		max-width: 350px; 
		height: 80px;	
		padding-bottom: 10px;
		margin-bottom: 15px;
		}
form  {
	width: 90%;
	padding: 20px;	
	border: 1px dotted #666;
	margin-bottom: 20px;
	}
textarea {
		max-width: 350px; 
		}
		
/* ===== FOOTER ===== */
#footer {	
	color: #555;
	margin: 0;
	}	
.linkbox {
	font-size: 110%;
	background-color: #ccff33;
	letter-spacing: 2px;
	text-align: center;
	padding: 10px 0;	
	margin: 0;
	border-bottom: 15px solid black;
	}
	.linkbox a {
	font-weight: normal;
	}
.footer_grafik {
	padding: 0px 20px ;
	padding-top: 4px;
	margin: 0 ;
	border-bottom: 15px solid black;
	background-color: #eee;	
	}
.footer_text {
	color: #555;	
	font-size: 85%;
	padding: 0px 20px ;
	margin: 0 ;
	background-color: #eee;
	}