/* CSS Document */

html, body { height: 99%; }
body { color: #ddd; font-family: Helvetica, Arial, sans-serif; font-size: 12px; position: relative; min-height: 600px; min-width: 1000px;  background-color: #333; margin:0; padding:0; }
h1 { color: #ddd; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight:200; text-transform:uppercase; }
h2 { color: #ddd; font-size: 16px; font-weight:400; font-family: Helvetica, Arial, sans-serif; }

a { text-decoration:none; color: #fff; }
a:hover { text-decoration:underline; }
#bgcontainer { background-color:#000; background-image: url(/images/black.png); background-repeat:repeat-y; position:absolute; width: 1500px; height: 3000px; top: 0; left: 50%; margin-left: -1620px; z-index: 10;}
#container { width: 400px; position:absolute; top: 100px; left: 50%; margin-left: -500px;  z-index: 20; }

div.content { position:absolute; top: 100px; left: 50%; width: 570px; margin-left: -700px; height:auto; z-index: 5;padding-top: 50px;}
div.content#g_first { height: 470px; }
div.content#g_first img { position:absolute; bottom:0; left:0 }
ul, li { padding:0; margin:0; list-style:none; }
ul { margin-top: 30px; }
li { width: 350px; text-align:right;  font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight:200; line-height: 30px; }
h1 a, li a { text-decoration:none; cursor:pointer;color: #bbb; }

h1 a:hover, li a:hover { color: #999; text-decoration:none }
li a.active { text-decoration:none; color: #fff }

div.imagebox { float:left; margin: 20px 40px 20px 0; }

div.fancybox-title-inside h3 { padding:0; margin:0; margin-bottom: 2px; }
div.fancybox-title-inside p {
	padding:0;
	margin:0;
	margin-bottom: 5px;
}
div.fancybox-title-inside p.grupp {
	color: #ccc;
}