body,td,input,textarea,form,table,tr,p,div {
/*Hier kannst du den Scrollbalken f?rben, wie du m?chtest...beachte, das geht nur f?r den IE*/

         color: #000000;
         text-align: left;
         font-family: arial,verdana;
         font-size:13px;}

body {
         background-color:#fdebaa;
}
img.noborder {
	border:0;
}
a.fade, a.fade:link, a.fade:visited {
	FILTER: alpha(opacity:75);
	-moz-opacity: 0.60;
	height:1px;
	border:0;
	text-decoration:none
}
a.fade:active, a.fade:hover {
	FILTER: alpha(opacity:100);
	-moz-opacity: 1.0;
	height:1px;
	border:0;
	text-decoration:none
}
a.lines, a.lines:link ,a.lines:visited {
	font-weight: bold;
		color: #eeeeee;
	text-decoration: none;

}
a.lines:active,a.lines:hover {
	font-weight: bold;
	color: #cccccc;
}
a:link{
color:#000000;
font-weight: bold;
text-decoration:none;
}

a:visited{
color:#000000;
font-weight: bold;
text-decoration:none;
}

a:hover{
color:#0066B2;
font-weight: bold;
text-decoration:none;
}
a:active{
color:#000000;
font-weight: bold;
text-decoration:none;
}

#page {
         width: 950px;
         min-height: 400px;
         overflow:visible;
         color:#000000;
         background-color:#ffffcc;
	padding: 0;}
#header {
	width: 950px;
	height: 130px;
	margin: 0;
	border: 0;
         text-align: left;
         background-image:url('design/header.gif');
       	background-repeat:no-repeat;}

         #header #unten {
	         position:relative;
	         top:125px;
                  left:430px;
	         text-align: right;
	         width: 490px;
	         height: 3px; }

	/*Navigationsleiste*/
#links {
position: relative;
top: 0px;
left: 0px;
clear: both;
text-align: left;
float:left;
width: 170px;
height: 530px;
background-image: url(http://user.web-gear.com/lydiab/Design/navioben.gif);
background-repeat:repeat y;
}
#links #nav {
position: relative;
top: -5px;
left: 0px;
text-align: left;
width: 170px;
height: 300px; }



/*Hauptteil*/
#content {
	position: relative;
	top: 20px;
	left: 0px;
	float: left;
	width: 770px;
 	 height: 518px;
/*	background: url("./content.gif");*/
	background-repeat:repeat-x;}


#content .trenn{
                  background-color:#fdda93;
                  position: relative;
                  bottom: 30px;
                  left:0px;
                  width:5px;
	  	 height: 100%;
	         overflow:auto;
	         overflow-x:hidden;
	         color: #000000;
                  margin: 0  15px 0 0;;
                  float:left;
		}

#content .mitte{
                  background-color:#fdebaa;
                  width:95%;
	  	 height: 470px;
	         overflow:auto;
	         overflow-x:hidden;
                  float:left;
                  margin: 0;
	         color: #000000;
		}

#content .text{
	         margin: 10px 0 0 10px;
	         padding:0;
                  width: 92%;
	         color: #000000;
	         font:13px, arial;
	         }

         #content .text:first-line {
                 font-weight: bold;
                 }
#content .center{
	         margin:0 0 0 20px;
                  text-align:center;
                  width: 92%;
	         color: #000000;
	         font:13px, arial;
	         }
#content .headline {
	color:#fdda93;
         font-weight:bold;
         font-size:13px;
         }

.demo1 {
	clear: left;
	background-color:  #fdebaa;}

     .demo2 {
	float: left;
	background-color: #fdebaa;
	margin-right: 1em;
	width: 15em;}

.demo3 {
	float: left;
	background-color:#fdebaa;
	margin-right: 1em;
	width: 10em;
	height: 15em;}
	
	.demo4 {
	float: left;
	background-color:#fdebaa;
	margin-right: 1em;
	width: 22em;
	height: 15em;}





#footer {
	clear:both;
         width: 950px;
	height: 30px;
	padding: 0px 0px 0px 0px;
         background-image: url(http://user.web-gear.com/lydiab/Design/footer.gif);
	margin: 0px 0px 0px 0px;
         }