html{
  height:100%;
}
body{
  margin:auto;
  padding:0px;
  background:#FFF url('../img/bg.gif') repeat-x 0px 60px;
  font-family: arial, helvetica, sans-serif;
  font-size:14px;
  color: #000;
  height:100%;
}
#wrapper{
  width:790px;
  border:0px solid #000;
  margin-left:auto;
  margin-right:auto;
}
#header{
  width:100%;
  height:170px;
}
#headerLeft
{
  float:left;
  width:60%;	
  height:100%;
}
#logo
{
  width:15%;
  height:100px;
  background-image:url('../img/logo.png');
  background-repeat:no-repeat;
  background-position:0px 40px;
  height:100%;
  float:left;
}
#img{
  width:39%;
  float:right;
  background-image:url('../img/haus.png');
  background-repeat: no-repeat;
  background-position: center right;
  height:100%;
}
#clearer{
  clear:both;
}

#schrift
{
  background-image:url('../img/schrift.png');
  background-repeat:no-repeat;
  background-position:0px 40px;
  width:85%;
  height:100px;
  float:left;
}
#courseNav{
	text-align:left;
	padding-left:10px;
	width:95%;
	color: #A0A4A8;
	background:#FFF;
	border:1px dotted #C4CACF;
}
#nav{
  width:28%;
  height:100%;
  float:left;
  margin-bottom:10px;
}

#nav input.searchButton{
  background:url('../img/famfamfam/magnifier.png') no-repeat 4px 4px;
  border:#A0A4A8 solid 1px;
  width:26px;
  height:26px;
}


#nav a{
  text-decoration:underline;
  color:#A0A4A8;
}
#nav a:hover{
  text-decoration:none;
  color:#A0A4A8;
}

#content .mainContent
{
  padding:15px;
}

#content .mainContent img
{
	padding:3px;
	border:1px solid #C4CACF;
	background:#FFF;
}


#content p
{
	padding:2px;
	margin:2px;
}

#content .workshopsEvents
{
	background:#E8EFF5; 
	border:1px solid #C4CACF;
	padding:5px;
}

#content h1{
  font-size:22px;
  color: #A0A4A8;
  text-transform:none;
  letter-spacing:4px;
  background:#E8EFF5;
  border:1px solid #C4CACF;
  padding:2px;
}
#content h2{
  font-size:20px;
  color: #000;
  letter-spacing:3px;
  color: #A0A4A8;
  text-transform:none;
  padding:2px;
}
#content h3{
  font-size:18px;
  color: #000;
  letter-spacing:2px;
  text-transform:none;
  padding:2px;
}
#content h4{
  font-size:16px;
  color: #000;
  letter-spacing:1px;
  text-transform:none;
  padding:2px;
}
#content h5{
  font-size:14px;
  color: #000;
  letter-spacing:0px;
  text-transform:none;
  padding:2px;
}

#content table
{
  padding:2px;
}
#content a{
  text-decoration:underline;
  color: #A0A4A8;
  font-weight:bold;
}
#content a:hover{
  text-decoration:none;
  color: #A0A4A8;
  font-weight:bold;
}
#content ul{
  padding:2px;
  list-style-image:url('../img/arrow-left-to-right.gif');
  margin:5px;
  padding:5px;
  margin-left:20px;
}
#content ul li{
  margin-left:10px;
  padding-left:2px;
  padding-top:2px;
  padding-bottom:2px;
}

#content td.coursesLinkList0 a
{
	color:#A0A4A8;
	text-decoration:underline;
}

#content td.coursesLinkList0 a:hover
{
	color:#A0A4A8;
	text-decoration:none;
}

#content td.coursesLinkList1 a
{
	color:#E8EFF5;
	text-decoration:underline;
}

#content td.coursesLinkList1 a:hover
{
	color:#E8EFF5;
	text-decoration:none;
}

.headerImg
{
	padding:3px;
	border:1px solid #C4CACF;
	float:right;
	clear:right;
	background:#FFF;
}

#right div{
  padding-left:15px;
  padding-top:53px;
  padding-right:15px;
  
}

#right a{
  color:#A0A4A8;
}

#right img{
  padding:3px;
  border:1px solid #A0A4A8;
}

#nav h1{
position: relative;
top: 8px;
font-size: 18px;
line-height: 25px;
color: #A0A4A8;
text-transform:uppercase;
letter-spacing: 1px;
background:#E8EFF5 url('../img/dot.gif') repeat-x bottom;
padding:0px;
padding-left:10px;
padding-right:10px;
margin:0px;
margin-bottom: 15px;
margin-left:5px;
margin-right:5px;
}

#footer{
  width:100%;
  height:50px;
  background:#A0A4A8;
  color:#E8EFF5;
  text-align:center;
  vertical-align:middle;
}

#footer p{
  padding:0px;
  padding-top:5px;
  margin:0px;
}
#footer p a{
  color:#E8EFF5;
  text-decoration:none;
}
#footer p a:hover{
  color:#E8EFF5;
  text-decoration:underline;
}

ul.navlist
{
list-style: none;
margin:0px;
padding:0px;
}
ul.navlist li a
{
color: #A0A4A8;
font-weight:bold;
text-decoration:underline;
}
ul.navlist li a:hover
{
color: #A0A4A8;
font-weight:bold;
text-decoration:none;
}

ul.navlist li
{
background:#E8EFF5 url('../img/dot.gif') repeat-x bottom;
padding:0px;
padding-left:10px;
padding-right:10px;
margin-bottom: 5px;
padding-bottom:5px;
margin-left:5px;
margin-right:5px;
}

ul.navlist li.first
{
padding:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}

p.qlNav{
  text-align:center;
}
p.qlNav a img {border:#A0A4A8 solid 1px; padding:3px; margin:2px;}

p.qlTopNav{
  text-align:right;
  padding:2px;
  margin:0px;
}
p.qlTopNav a img{border:0; padding:3px; margin:2px;}
p.qlTopNav input.fontm{
  background:url('../img/icons/fontm.gif') no-repeat;
  width:30px;
  height:30px;
  border:0px;
}

p.qlTopNav input.fontp{
  background:url('../img/icons/fontp.gif') no-repeat;
  width:30px;
  height:30px;
  border:0px;
}

p.qlBotNav{
  text-align:right;
  padding:2px;
  margin:0px;
}
p.qlBotNav a img{border:0;padding:3px;margin:2px;}

.corners {background: transparent;margin-bottom:20px;}
.corners h1, .corners p {margin:0 10px;}
.corners h1 {font-size:2.2em; letter-spacing:1px;}
.corners p {padding-bottom:0.5em;}
.corners .top {display:block; background:transparent; font-size:1px;}
.corners .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#E8EFF5; border-left:1px solid #C4CACF; border-right:1px solid #C4CACF; border-top:1px solid #C4CACF;}
.corners .bottom {display:block; background:transparent; font-size:1px;}
.corners .b2 {display:block; height:1px; margin:0; background:#E8EFF5; border-left:7px solid #C4CACF; border-right:7px solid #C4CACF; overflow:hidden;}
.corners .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#E8EFF5; border-left:1px solid #C4CACF; border-right:1px solid #C4CACF; border-bottom:1px solid #C4CACF;}
.corners .boxcontent {display:block; background:#E8EFF5; border-left:1px solid #C4CACF; border-right:1px solid #C4CACF;}

.cornersNav {background: transparent;}
.cornersNav h1, .cornersNav p {margin:0 10px;}
.cornersNav h1 {font-size:2.2em; letter-spacing:1px;}
.cornersNav p {padding-bottom:0.5em;}
.cornersNav .top {display:block; background:transparent; font-size:1px;}
.cornersNav .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#E8EFF5; border-left:1px solid #C4CACF; border-right:1px solid #C4CACF; border-top:1px solid #C4CACF;}
.cornersNav .bottom {display:block; background:transparent; font-size:1px;}
.cornersNav .b2 {display:block; height:1px; margin:0; background:#E8EFF5; border-left:7px solid #C4CACF; border-right:7px solid #C4CACF; overflow:hidden;}
.cornersNav .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#E8EFF5; border-left:1px solid #C4CACF; border-right:1px solid #C4CACF; border-bottom:1px solid #C4CACF;}
.cornersNav .boxcontent {display:block; background:#E8EFF5; border-left:1px solid #C4CACF; border-right:1px solid #C4CACF;padding-bottom:20px;}


dl.box {margin:5px; padding:0px; width:47%;border:1px solid #C4CACF;}
dl.box dt {background:#E8EFF5;font-weight:bold; border-bottom:1px solid #C4CACF;text-align:left;padding:5px;color:#A0A4A8;}
dl.box dt.events {background:#E8EFF5 url('../img/famfamfam/calendar.png') no-repeat 99% center;}
dl.box dt.info {background:#E8EFF5 url('../img/famfamfam/information.png') no-repeat 99% center;}
dl.box dt.news {background:#E8EFF5 url('../img/famfamfam/newspaper.png') no-repeat 99% center;}
dl.box dt.email {background:#E8EFF5 url('../img/famfamfam/email.png') no-repeat 99% center;}
dl.box dt.pdf {background:#E8EFF5 url('../img/famfamfam/page_white_acrobat.png') no-repeat 99% center;}
dl.box dt.summer {background:#E8EFF5 url('../img/famfamfam/weather_sun.png') no-repeat 99% center;}
dl.box dt.feedback {background:#E8EFF5 url('../img/famfamfam/comment.png') no-repeat 99% center;}
dl.box dt.tv {background:#E8EFF5 url('../img/famfamfam/film.png') no-repeat 99% center;}
dl.box dd {padding:0px; margin:0;overflow:hidden;}
dl.box dd p{padding:5px; margin:0;}
dl.box dd table{padding:5px; margin:0;}
dl.box dd ul{padding:5px; margin:5px; margin-left:20px; list-style-image:url('../img/arrow-left-to-right.gif');}
dl.box dd ul li{padding:5px; margin:0px;}
dl.box dd img{padding:5px; border:0px;}
dl.box div{background:#E8EFF5;font-weight:bold; border-top:1px solid #C4CACF; text-align:right;padding:5px;margin:0px; vertical-align:middle;color:#A0A4A8;}

.galleryLeft
{
	float:left;
	width:180px;
	overflow:auto;
	padding:10px;
	height:300px;
	text-align:center;
}

.galleryLeft a img
{
	width:60px;
	height:auto;
    border:solid 1px silver;
    padding: 4px;
    margin:4px;
}


.galleryRight
{
	float:right;
	width:300px;
	height:350px;
	overflow:auto;
	text-align:center;
}

.galleryRight img
{
	width:200px;
    border:solid 1px silver;
    padding: 4px;
    margin: 4px;
}

#searchType ul
{
	margin: 0;
	padding:0;
	cursor: default;
	list-style-type: none;
	display:inline;
}

#searchType ul li
{
	float:left;
	margin:0; 
	padding:0;
}

#searchType ul li a 
{
	display:block; 
	background:#E8EFF5; 
	padding:5px;
	margin-right:2px;
	border-left: 1px solid #C4CACF;
	border-right: 1px solid #C4CACF;
	border-top: 1px solid #C4CACF;
}

#searchTypeBox
{
	border: 1px solid #C4CACF;
	padding:5px;
}


.FirstNode
{
	line-height:25px;
}


#playerBox
{
	background:#E8EFF5;
	border:1px solid #C4CACF;
	width:100%;
	height:100%;
	text-align:center;
	padding:2px;
	padding-bottom:10px;
	margin-top:10px;
}