/* reset
--------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	list-style:none;
}


/* body + typography
--------------------------------------------------------*/
body {
	font-family: Courier New, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#232323;
   background: #808080;
   background-image: url(../pix/bg_01.jpg);
}

a {
	color:black;
	outline: none;
}
a:hover {text-decoration:none;}
a:active {outline: none;}



/* header
--------------------------------------------------------*/
#header {
	z-index:1000;
	position:absolute;
	top:30px;
	left:0;
	width:100%;
}

#header h1 {
	margin-left:30px;
	padding:10px 0;
	font-size:21px;
	font-weight:normal;
   font-style:normal;
   color: black;
	line-height:21px;
	background:white;

	/*border-bottom:1px solid #bababa;
	border-top: 1px solid #bababa;*/
}

#header span {padding:3px 3px;}

#header h1 #header_subtitle {
	font-style:normal;
	font-size:12px;
}

/* intro
--------------------------------------------------------*/
#intro {
   position:absolute;
   display:inline;
   top:112px;
   left:30px;
   width: 560px;
   font-size:26px;
   line-height:40px;
   color:black;
   /* Blocksatz */
   text-align:justify;
}

#intro span {
   padding:3px 0px;
   background-color:white;
}

#intro strong {font-family:Helvetica, Arial;}

/* naviigation
--------------------------------------------------------*/
#navi {
   z-index:1001;
   position:absolute;
   top:152px;
   left:660;
   width:100%;
   padding:0;
}

#navi li {
   height:16px;
   margin:4px 0 0 30px;
   font-size:14px;
   text-indent:3px;
   list-style:none;
   
   display:block;
   height:100%;
   width:100%;
   text-decoration:none;
   color:black;
   line-height:16px;
   background:#868686;
}

#navi li a {
   display:block;
   height:100%;
   width:100%;
   text-decoration:none;
   color:black;
   line-height:16px;
   background:#c1c1c1;
}

#navi li a:hover
{color:black;background:white;}

#navi li a:active
{color:white;background:black;}

#navi .li_span {width:600px}

/* about
--------------------------------------------------------*/
#about {
   position:absolute;
   display:inline;
   top:112px;
   left:30px;
   width: 560px;
   font-size:14px;
   line-height:30px;
   color:black;
   /* Blocksatz */
   text-align:justify;
}

#about span {
   padding:3px 0px;
   background-color:white;
}

#about_pix {
   position:absolute;
   top:116px;
   left:250px;
}

/* contact
--------------------------------------------------------*/
#contact-form {
   position:absolute;
   display:inline;
   top:112px;
   left:30px;
   font-size:14px;
   line-height:30px;
   color:black;
   
}

#contact-form span {
   padding:3px 0px;
   background-color:white;
}

/* idea
--------------------------------------------------------*/
#idea {
   position:absolute;
   display:inline;
   top:112px;
   left:30px;
   width: 560px;
   font-size:14px;
   line-height:30px;
   color:black;
   /* Blocksatz */
   text-align:justify;
}

#idea span {
   padding:3px 0px;
   background:white;
}

#idea a {
   padding:3px 0px;   text-decoration:none;
   color:black;
   background:#c1c1c1;
}
#idea a:hover
{padding:3px 0px;color:black;background:white;}
#idea a:active
{padding:3px 0px;color:white;background:black;}