/* CSS Document */
/* Geschrieben von R. Kubli */
/* HTML tag Styles */
body {
background-color:#CCCCCC;
font:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
}
/* Titel und Header tag definitionen */

h1 {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF3333
}

h2 {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h3 {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h4 {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h5 {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h6 {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

p {
	color:#000033;
	font-size: 14px;
	font-weight: bold;
	padding-left:10px;
}

/* Div page definitionen */

#wrapper {
	text-align: left;
	margin:0px auto;
	padding:0px;
	border:0;
	width:1024px;
}

#header {
	margin:0 0 1px 0;
	background:#FFFFFF;
	background-image:url(header.png);
    background-repeat: no-repeat;
	height:30px;
}

#side-a {
	background-color:#FFFFFF;
    background-image:url(aside.png);
    background-repeat: repeat;
	float:left;
	width:190px;
	height:800px;
}

#side-b {
background:#FFFFFF;
background-image:url(bside.png);
    background-repeat: repeat;
	float:right;
	width:172px;
	height:800px;
}

#content {
	background:#FFFFFF;
	float:left;
	margin:1px;
	width:660px;
	height:800px;
	background-color: #CCFFFF;
}

#footer {
	clear:both;
	background:#FFFFFF;
	background-image:url(footer.png);
    background-repeat: no-repeat;
	height:30px;
}
#side-a ul {
    width:180px;
    margin:0;
	padding:2px 3px 3px;
    border:0px solid black;
    background-color:#FFFFFF;
	background-image:url(aside.png);
    background-repeat: repeat;
  }
  #side-a ul li {
    list-style: none;
    margin: 2px; padding: 0;
  }

  #side-a ul a, ul span, ul h2 {
    display:block;
    padding:2px;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: #CC99CC;
  }
   #side-a ul a:hover, ul span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #33CCFF;
  }
  #side-a ul h2 {
    font-size: 20px;
    margin: 2px 0 0;
    border-color: gray;
    color: black; background-color: #eee;
  }
  /* CSS Document */
/* Navigation Bar Beispiel*/
/* Definiton des Hauptteils*/
#nav-wrapper {
	width:510px;
	margin:5px auto;
	padding:5px 0;
	background: #FFFF99;
	background-color: #FFFFFF;
}
/* Definition der UL der Navigation */
ul#nav { 
font-family:Verdana;
font-size:14px;
list-style:none;
margin:0 auto;
padding:0;
width:580px;
overflow:auto;
}
/* Definition der LI von der UL der Navigation */
ul#nav li {
display:inline;
}
/* Definition des <a> von der LI der NAvigation*/
ul#nav li a {
	text-decoration:none;
	display:block;
	padding:5px 21px;
	background: #5F3222;
	color: #eee;
	float:left;
	text-align:center;
	border-top:2px solid #815444;
	border-right:2px solid #3d1000;
	border-bottom:2px solid #3d1000;
	border-left:2px solid #815444;
	background-color: #FFFFFF;
}

/* Definition für Maus over */
ul#nav li a:hover {
background:#a37666;
color: #000;
border-top:2px solid #815444;
border-right:2px solid #c59888;
border-bottom:2px solid #c59888;
border-left:2px solid #815444;
}