/*----------------------*/
/*Sebastian Larsson 2008*/
/*----------------------*/

html,body {	margin:0; padding:0; height:100%; background:  #CCCCCC; font-family:arial, sans-serif; font-size:small; color:#000000;}

h1 {font: 1.5em georgia,serif; margin: 0.5em 0;}
h2 {font: 1.25em georgia,serif; margin: 0 0 0.5em;}
h1, h2, a {color: orange;}
h4 {font:  Arial, Helvetica, sans-serif; font-size: 1.0em; color: #333333;}
h5 {font:  Arial, Helvetica, sans-serif; font-size: 1.0em; color: #FF9933;}

p {line-height: 1.5; margin: 0 0 1em;}

div#container {position: relative; margin: auto; width: 750px; background: #f0f0f0; height: 100%; height: 100%; min-height: 100%; border-left: 1px double #000000; border-right: 1px double #000000;}

div#header {padding: 0em; background: #333333; border-bottom: 0px double gray;}
	div#header p {font-style: italic; font-size: 1.1em; margin:0;}

div#content {padding: 1.1em 1em 0em;}
div#content p {text-align: justify; padding: 0 1em;}
div#content1 {padding: 10px 10px 0em;}


div#footer {position: fixed; width: 100%; bottom: 0px; border-top: 0px solid #666;}
	div#footer p {padding: 0px;	margin: 0;}
	
#kolumn1 {float: left; width: 61%; margin: 0px 0px 13px; padding: 10px; border: 1px #000000; background: #bebebe;}
#kolumn2 {float: right; width: 31%; margin: 0px 0px 13px; padding: 10px; border-left: 1px dotted #000000; border: 1px dotted #000000; background: #bebebe;}
#kolumn3 {float: none; width: 708px; margin-left: 0px; padding: 10px; border-left: 1px dotted #000000; border: 1px dotted #000000; background: #bebebe;}
#kolumn4 {float: left; width: 46%; margin-left: 0px; padding: 10px; border-left: 1px dotted #000000; border: 1px dotted #000000; background: #bebebe;}
#kolumn5 {float: right; width: 46%; margin: 10px 0px 0px 0px; padding: 10px; border-left: 1px solid #000000; background: #f0f0f0;}
#kolumn6 {float: left; width: 46%; margin: 10px 0px 0px 0px; padding: 10px; background: #f0f0f0;}
#kolumn7 {float: left; width: 95%; margin: 10px 0px 0px 0px; padding: 10px; background: #f0f0f0;}


#boxen {float:left; width: auto; height: auto; border: 1px solid black; padding: 5px;}

#nav, 
#nav ul {padding:5px 5px 5px; margin: 1px; list-style: none; font: 11px verdana, sans-serif; border: 0px solid #000; border-color: #CCCCCC #777777 #666666 #999999; border-width:1px; background:#fff; position: relative; z-index:200;}
#nav {height: 27px; padding: 0px 5px 0px;}

#nav table {border-collapse:collapse;}
#nav li {float: left; padding:0 13px 0 5px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#888; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color: #FF9900;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}