/* (c) 2011 www.mojitoe.com */

/* BODY */
* {margin:0; padding:0}
body {background-color:#fff; font-family:"Courier New", Courier, monospace; font-size:11px; color:#5f5f5f; margin:0; allowtransparency:true}

/* SITE */
.head {width:1000px; height:110px; margin-left:80px; background:url(../img/head.jpg) bottom left no-repeat}

.navigation {position:absolute; top:89px; left:725px; font-size:12px}
.navigation li {position:relative; float:left; list-style-type:none; margin-right:25px}
.navigation a {font-weight:bold; color:#5f5f5f; text-decoration:none}
.navigation a:hover {font-weight:bold; color:#000000; text-decoration:none}

.main {width:1000px; height:680px; margin-left:80px}

.main_left {position:relative; float:left; width:680px; height:680px; background-color:#000000}
.9element {margin:0}
.element {position:relative; float:left; width:208px; height:208px; margin:14px 0 0 14px; background-color:#000000; text-align:center}
.main_left li {text-decoration:none; list-style-type:none}
.main_left li:hover {-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70)}
.element_desc {position:absolute; top:97px; width:100%; margin:auto}
.element_desc2 {position:absolute; top:180px; width:100%; margin:auto}
.element_desc3 {position:absolute; top:28px; width:100%; margin:auto}
.element_font {color:#5f5f5f; padding:2px; background-color:#ffffff}
.element_font a {color:#5f5f5f; padding:2px; background-color:#ffffff; text-decoration:none}
.element_font a:hover {color:#5f5f5f; padding:2px; background-color:#ffffff; text-decoration:none}

.inputbox {color:#5f5f5f; font-family:"Courier New", Courier, monospace; font-size:11px; background-color:#fff; padding:7px; width:142px; border:0}
.button {color:#5f5f5f; font-family:"Courier New", Courier, monospace; font-size:11px; background-color:#fff; padding:7px; width:80px; border:0}
.button:hover {color:#5f5f5f; font-family:"Courier New", Courier, monospace; font-size:11px; background-color:#fde46e; padding:7px; width:80px; border:0}
.inputbox_small {color:#5f5f5f; font-family:"Courier New", Courier, monospace; font-size:11px; background-color:#fff; padding:7px; width:66px; text-align:center; border:0}

.main_right {position:relative; float:left; width:320px; height:680px; font-size:11px;}
.right_head {width:320px; height:210px; background:url(../img/gordon.jpg) top left no-repeat}
.right_info {width:200px; height:470px; margin-left:70px}

.galerie {background-color:#000000; width:960px; height:680px; margin-left:80px}
.galerie_img {position:relative; float:left; width:932px; height:652px; margin:14px 0 0 14px}
.galerie_left {position:absolute; width:466px; height:652px}
.galerie_left a {position:absolute; -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; filter:alpha(opacity=0)}
.galerie_left a:hover {position:absolute; -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; filter:alpha(opacity=90)}
.galerie_right {left:466px; position:absolute; width:466px; height:652px}
.galerie_right a {position:absolute; -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; filter:alpha(opacity=0)}
.galerie_right a:hover {position:absolute; -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; filter:alpha(opacity=90)}
.galerie_info {position:relative; float:left; width:946px; text-align:right; margin-left:80px; padding-top:10px; padding-bottom:10px}

#scrollbar_container {position:relative; width:200px}
#scrollbar_track { position:absolute; top:0; left:-23px; height:100%; width:5px; background-color:transparent; cursor:move}
#scrollbar_handle { width:13px; background-color:#fff; border:1px solid #868686; cursor:move;}
#scrollbar_content { overflow:hidden; width:185px; height:470px}