/* --------praxis-mbamba.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	
}
html, body{
	font-family: Tahoma, Verdana, Arial;
	color:#630;
	background:url(../images/bg.jpg);
	background-position:top center;
	font-size: 12px;
	background-color:#fff;
	background-repeat:repeat-x;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #f3cb74;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}

p{
	margin:20px 0 0 55px;
	line-height:18px;
	}	
	
h2{
	font-weight: bold;
	font-size:12px;
	margin:35px 0 0 55px;
	padding: 0 0 10px 0;
	border-bottom:1px solid;
	line-height:18px; 
	}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:899px;
	background: url(../images/bg-container.jpg);
	background-repeat:no-repeat;
	position:relative;}
	
#header{
	width:899px;
	height:231px;
	position:relative;
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	}
#header h1 a{
	width:438px;
	font-size: 0.001em;
	height:230px;
	margin-left:387px;
	color: #fff;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	overflow: hidden;
	}

#header h1 a:hover{color: #fff; text-decoration: none;}

#content{
	width:753px;
	margin-left:82px;
	}

#boxleft{
	width:209px;
	margin-top:77px;
	background:url(../images/bg-boxleft.jpg);
	float:left;}

#boxright{
	width:535px;
	margin-left:209px;
	background:url(../images/bg-boxright.jpg);
	background-repeat:repeat-y;
	padding-top:38px;
}

#textbox{
	width:475px;
	background:url(../images/bg-txtbox.jpg);
	margin-left:32px;
	background-repeat:repeat-x;
}

#footer{
	margin-left:82px;
	height:70px;
	color:#fff;
	font-weight:bold;
	background:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	clear:both;
}	
/*------------------3.links------------------*/

a { color:#c00;font-weight:bold;text-decoration:underline;}
a:hover { color:#c00;font-weight:bold;color:#630; }

/*------------------4.content------------------*/
.txt-rot{color:#c00;font-weight:bold;}
	
#imgbox{
	width:209px;
	height:274px;}
	
#adressbox{
	width:190px;
	height:85px;
	font-size:11px;
	line-height:14px;
	text-align:right;
	padding:12px 0 0 5px;
	}

#boxleft2{
	margin:20px 0 0 55px;
	line-height:18px;
	color:#c00;
	font-weight:bold;
	float:left;}
#boxright2{
	margin:20px 0 0 150px;
	line-height:18px;}
	
#boxright3{
	margin:20px 0 0 270px;
	line-height:18px;}
	
.teambilder{
	margin:20px 0 0 55px;
	float:left;}
.team{
	margin:20px 0 0 160px;
	padding-top:25px;
	line-height:18px;
	color:#c00;
	font-weight:bold;}
	
.clearfix2 {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: none; 
	visibility: hidden;
	}

* html>body .clearfix2 {
	display: inline-block; 
	width: 100%;
	clear:both;
	}
	
.liste{ 
	padding: 20px 0 0 85px; 
	width:400px;}
.liste ul{ 
	list-style:disc;
	display:block;}	
.liste li  { list-style:disc; padding:0 0 10px 0;}

/*------------------5.navi------------------*/
#navi{
	width:536px;
	height:24px;
	margin-left:290px;
	z-index:10;
	}
	
#navi ul{list-style-type:none; }
	
#navi li  {display:inline;}

#navi li a {	
	width:536px;
	height: 24px;
	color:#fff;
	font-size:1px;text-indent:-900em;
	text-decoration:none; 
	background-repeat:no-repeat;
	position:absolute;
	display:inline;
}
	
#button01 a {background: url(../images/navi/home01.gif);height:24px; margin-left:5px;}
#button01 a:hover { background: url(../images/navi/home02.gif);background-repeat:no-repeat;}
#button01-aktiv a { background: url(../images/navi/home02.gif);background-repeat:no-repeat;}

#button02 a {background: url(../images/navi/team01.gif);height:24px;margin-left:60px; }
#button02 a:hover { background: url(../images/navi/team02.gif);background-repeat:no-repeat;}
#button02-aktiv a { background: url(../images/navi/team02.gif);background-repeat:no-repeat;}

#button03 a {background: url(../images/navi/taetigkeitsfelder01.gif);margin-left:150px; }
#button03 a:hover { background: url(../images/navi/taetigkeitsfelder02.gif);background-repeat:no-repeat;}
#button03-aktiv a { background: url(../images/navi/taetigkeitsfelder02.gif);background-repeat:no-repeat;}

#button04 a {background: url(../images/navi/kontakt01.gif);margin-left:325px; }
#button04 a:hover { background: url(../images/navi/kontakt02.gif);background-repeat:no-repeat;}
#button04-aktiv a { background: url(../images/navi/kontakt02.gif);background-repeat:no-repeat;}

#button05 a {background: url(../images/navi/anfahrt01.gif);margin-left:395px; }
#button05 a:hover { background: url(../images/navi/anfahrt02.gif);background-repeat:no-repeat;}
#button05-aktiv a { background: url(../images/navi/anfahrt02.gif);background-repeat:no-repeat;}

#button06 a {background: url(../images/navi/impressum01.gif);margin-left:460px; }
#button06 a:hover { background: url(../images/navi/impressum02.gif);background-repeat:no-repeat;}
#button06-aktiv a { background: url(../images/navi/impressum02.gif);background-repeat:no-repeat;}