@charset "utf-8";
/* Cafe Plaza */
/* Simon Verraest */


body { margin: 0; background-color: #821A00; background-image:url(images/background.jpg); background-repeat:repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color:#FFFFFF }
img, div, a, li { behavior: url(iepngfix.htc); border: none }
h1 {margin-top:0; margin-bottom:5px; font-size: 20px; font-weight:normal}
p { margin:0; text-align: justify;}
a { color: #fff }
#container { width: 787px; text-align:left; margin-left:auto; margin-right:auto;}

#container #header { height: 358px}

#container #header #logobox {margin-top: 0; height: 104px;}
#container #header #logobox #logo {float: left; margin-top: 21px;}
#container #header #logobox #logodoodles {float:right;}

#container #header #navigation{width:600px;float:right; margin-top: 2px; }
#nav{float:right;padding:0;}
ul#nav {padding:0; margin:0;}
#nav li{display:inline;list-style:none;margin:0;padding:0; }
#nav a{float:left;background:top;margin:0 0 0 0px;padding:0; height: 30px;}
#nav a:hover{background-position:center;}
#nav a.selected{background-position:bottom;}

	#home a{width:88px;background:url(images/navigation/home.png) top center no-repeat;  text-indent: -9999px }
	#agenda a{width:88px;background:url(images/navigation/agenda.png) top center no-repeat; text-indent: -9999px  }
	#foto a{width:88px;background:url(images/navigation/foto.png) top center no-repeat; text-indent: -9999px  }
	#sport a{width:88px;background:url(images/navigation/sport.png) top center no-repeat; text-indent: -9999px   }
	#info a{width:88px;background:url(images/navigation/info.png) top center no-repeat; text-indent: -9999px  }
	#links a{width:88px;background:url(images/navigation/links.png) top center no-repeat; text-indent: -9999px  }

#container #header #introduction { padding-top: 20px; clear:both}
#container #header #introduction #introduction_text { float:left; padding-right: 30px; width:310px }
#container #header #introduction #introduction_media {float: right; width: 409px; height:175px; background-image:url(images/mediacenter.gif); background-repeat:no-repeat; margin-right: 10px; padding: 5px 5px 5px 5px;}
#container #header #introduction #introduction_media #medianavigation  {text-align:right; font-size: 10px; font-weight: bolder; padding-right: 10px; color:#F60}
#container #header #introduction #introduction_media #medianavigation a  {font-size: 10px; font-weight: bolder; color:#000;  text-decoration:none; border: solid 1px #333; background-color:#CCC; padding: 2px 4px 2px 4px}
#container #header #introduction #introduction_media #medianavigation a:hover  {font-size: 10px; font-weight: bolder; color:#FFF;  text-decoration:none; background-color:#666}
#container #header #introduction #introduction_media #medianavigation a:visited {font-size: 10px; font-weight: bolder; color:#000;  text-decoration:none}
#container #header #introduction #introduction_media #laden { height: 150px}




#container #content { margin-top: 20px; margin-right: 10px;  }
#container #content #leftContent { float: left; width: 62%; background-image:url(images/stain.png); background-position:bottom; background-repeat:no-repeat}
#container #content #rightContent { float: right; text-align:right}

#container #content #leftContent .event { margin-top: 20px; clear:both}
#container #content #leftContent .event img {float:left; margin-right: 14px; margin-bottom: 20px;}
#container #content #leftContent h1 {color: #FF7E08; font-size: 20px;}
#container #content #leftContent p { margin-bottom: 5px}

#container #content #leftContent #agenda { width: 470px ; padding-top: 10px;}
#container #content #leftContent #agenda .agenda-item { clear:both}
#container #content #leftContent #agenda .agenda-item .date { float: left; padding: 5px 5px 5px 5px; margin-right: 5px; background-color: #3B2E26; color:#FFF; font-size:16px;  height: 40px; width: 100px; margin-bottom: 10px; margin-top: 10px; border: solid 1px #CCC}
#container #content #leftContent #agenda .agenda-item .happening {float:right; height: 40px; padding: 5px 5px 5px 5px; margin-right: 10px; background-color: #4E3C30 ; color:#FFF; font-size:16px; width:330px; text-align:left; margin-top: 10px; border: solid 1px #CCC }

#container #content #rightContent .topic { margin-top: 20px; clear:both; margin-bottom: 20px; text-align:right }
#container #content #rightContent img{ padding-right:0px; margin-right:0px}
#container #content #rightContent .topic p { margin-bottom: 20px; clear:both;; width: 250px; text-align:right }
#container #content #rightContent .alignthisright{ text-align:right;}


#container #footer {clear:both; padding-top: 15px; border-top: solid 1px #F90; padding-right: 10px; font-size: 10px}
#container #footer #left {float:left}
#container #footer #right {float:right;}
#container #footer a {color:#F90; font-weight:bolder; text-decoration:none}