/*  GRUNDLAGEN  */

body, h1, h2, h3, p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; padding: 0; margin: 0; color:#222222; }
body { background-color: #EEEEEE; overflow-y: scroll; }
#menu li, h2, a { font-family: Georgia, Times, serif; }

ul, li { position: relative; padding: 0; margin: 0; list-style: none; }
select, option, input {}
a { color:#0000FF; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
h1 {}
h2 { font-size: 15px; font-weight: normal; margin-top: 5px; margin-bottom: 10px; width: 400px; }
h3 { font-size: 11px; font-weight: normal; margin-top: 5px; }


/*  STRUCTURE  */

#site { position: absolute; min-width: 935px; width: 100%; height: 100%; }
#menu { position:fixed; top:0; right:715px; width:225px; height:auto; padding: 0; margin: 0; }
#content { position:absolute; top:0; right:15px; width:600px; height:auto;
	padding: 50px; padding-top: 100px; margin: 0; background-color: #FFFFFF; }

/*  MENU  */

#menu li { margin-bottom: 1px;  font-size: 15px; background-color: #FFFFFF; width:224px; text-align: right; }
#menu li:first-child { }
#menu li a { display: block; padding: 5px 14px 5px 15px; height: 16px; width:195px;  }
#menu li:first-child a { padding: 15px 9px 53px 20px; height: 32px; }
#menu li.selected { display: block; padding: 5px 15px; height: 16px; width:195px; }

/*  CONTENT  */

#content ul { height: 54px; font-size: 12px; border-top: 1px solid #cccccc; }
#content li { float: left; }
#content li a { display:block; float:left; padding:6px 0 4px 16px; height:16px; width:auto; }
#content li:first-child a { padding-left: 0; }
#content li.selected a {  color: #000000; }

div.pagination { position: relative; display: block; height: 26px; width: 600px; clear:both; font-size: 11px; }
div.border_top { border-top: 1px solid #cccccc;  }
div.pagination a, div.pagination span { position: relative; display: block; float: left; padding: 5px ; }
div.pagination a:first-child { padding-left: 0; }
div.pagination a.selected { color: #000000; }

div.content { position: relative; display: block; height: auto; border-top: 1px solid #cccccc; padding-top: 5px; }

div.data { position: relative; display: block; height: auto; border-top: 1px solid #cccccc; overflow: hidden; margin-bottom: 26px; }
div.data p { position: relative; display: block; width: 370px; float: left; }
div.data img, div.data div.thumbs { position: relative; width: 214px; height: auto; float: left; margin-right: 16px; }
div.data div.thumbs a { display: block; position: relative; height: 50px; width: auto; margin: 0 5px 5px 0; float: left; }
div.data div.thumbs a img { height:50px; width: auto; margin: 0; padding: 0;}
div.data img.big { width: 600px; margin-bottom: 16px; float: none; clear: both; }
#bigImgContainer { display: block; overflow: hidden; margin-bottom: 20px; }
#bigVideoContainer { display: block; overflow: hidden; background-color:#FFFFFF; margin-bottom: 20px; }
#bigVideoContainer embed { padding: 0; }

div.submenu { display: block; width: 200px; height: 26px; float: right; text-align: right; }
div.submenu a { position: relative; display: block; float: right; padding: 5px ; }