/* midekra - Adjusted layout by Dennis Kramer - http://www.onthedot.nl
Version: 1.2, Febuari 25, 2009 */


/**************** Page and tag styles ****************/
BODY
{margin:0; padding:0; color:#303030; background:#fff; font:80% Verdana, Arial, Helvetica, sans-serif; overflow: auto;}

img
{margin:0 5px 15px 0; padding:0px; background:#ffffff; border:0px solid #d0d0d0;}

a img
{border-color:#d85d5d;}

a img:hover
{background:#d85d5d; border-color:#d85d5d;}


/**************** Top area styles ****************/
#top
{position:absolute; top 0; left:0; width:100%; height:90px; background:#edf2ec url(../images/layout/denbreejen-topbg.jpg) top left repeat-x;}

body > #top
{position:fixed;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:90px; left:0; width:220px; height:100%; overflow:auto; background:#edf2ec url(../images/layout/sidebarbg.gif) top right repeat-y; text-align:left; margin-left: 1px;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:left;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:left;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Sidebar2 (menu) area styles ****************/

#sidebar2
{position:relative; top:0px; left:77%; width:100%; height:100%; text-align:left; margin-top: 0px; margin-left:0px; background:#edf2ec;}

body > #sidebar2
{position:fixed;}

#sidebar2 h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:left;}

#sidebar2 h2, #sidebar2 h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:left;}

#sidebar2 h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar2  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar2 a
{color:#808080}

#sidebar2 img
{margin:0 0px 0 0; padding:0px; background:#edf2ec border:0px solid #fff;}


/**************** Navigation menu styles ****************/

#menu a
{display:block; width:220px; padding:2px 0px  2px 18px; color:#000; background:#edf2ec; font-size:1.2em; font-weight:bold; text-decoration:none; letter-spacing:-1px; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0; text-transform:uppercase;}

#menu a:hover 
{color:#fff; background:#518c56 url(../images/layout/sidebarbg.gif) top left repeat-y;}

#menu a.active
{padding:2px 0 2px 18px; background:#fff; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; border-right:2px solid #c0c0c0; border-left:2px solid #fff;}

#menu a.active:hover
{color:#505050; background:#fafafa;}

#shortmenu a
{display:block; width:208px; padding:2px 0px  2px 10px; color:#000; background:#edf2ec; font-size:1.2em; font-weight:bold; text-decoration:none; letter-spacing:-1px; border-top:1px solid #c0c0c0; border-top:1px solid #c0c0c0; text-transform:uppercase;}

#shortmenu a:hover 
{color:#fff; background:#518c56 url(../images/layout/sidebarbg.gif) top left repeat-y;}

#shortmenu a.active
{padding:2px 0 2px 10px; background:#fff; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; border-left:2px solid #c0c0c0; border-right:2px solid #fff;}

#shortmenu a.active:hover
{color:#505050; background:#fafafa;}

/**************** Content area styles ****************/

#content
{width:54.5%; height:100%; top:90px; margin:0px 0px 0px 220px; padding:90px 0 0 10px; background:#fff; }

#content p
{margin:0 0 30px 0; line-height:1.5em;}

#content h1
{margin:0; color:#d85d5d; font-size:3em; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2em; letter-spacing:-2px; text-align:center; text-transform:uppercase;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 1.5em; letter-spacing:-1px;}

#content ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

#content li
{margin:0 0 8px 25px;}

#content a
{color:#d85d5d; font-weight:bold; text-decoration:none;}

#content a:hover
{color:#505050; text-decoration:underline;}

#content img
{margin:0 5px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

#content a img
{border-color:#d85d5d;}

#content a img:hover
{background:#d85d5d; border-color:#d85d5d;}

#copyright
{
	text-align: center;
	color: #000000;
	font-size: 0.9em;
	padding-top: 50px;
}

#footer p {
 color: #ccc;
 font-size: 0.8em;
 line-height: 1.5em;
 margin-top: 15px;
 text-align: left;
}
#footer a {
  color: #ccc;
  text-decoration: underline;
}