/* general */

html
	{ background-color: #808080; overflow-y: scroll; background-color: #333333; }
body
	{  color: #333333; font-family: Arial,sans-serif; }

a 
	{ color: #b5074c; text-decoration: none; outline-style: none; outline-width: 0; }
a:focus, a:hover 
	{ text-decoration: underline; }

h1
	{ font-weight: normal; color: #b5074c; font-size: 24px; font-family: Univers,Verdana,Arial,sans-serif; }
h2
	{ font-weight: bold; font-size: 14px; }

p
	{ font-size: 14px; line-height: 18px; margin-bottom: 12px; }

h2.break
	{ margin-top: 40px; }
	
span.label
	{ float: left; width: 50px; }


/* content */
div#container
	{ overflow: hidden; }

div#everything
	{ position: relative; width: 800px; height: 700px; margin: 40px 0 5px 100px; overflow: hidden; background-color: white; }
	
div#page
	{ width: 600px; height: 700px; position: absolute; top: 0px; left: 200px; overflow: hidden; }
div#logo
	{ position: absolute; top: 40px; right: 30px; }
div#content
	{ position: absolute; top: 250px; right: 30px; width: 550px; }
div#footer
	{ position: absolute; bottom: 10px; left: 20px; }

/* holes */

div.hole.large
	{ position: absolute; height: 130px; width: 180px; }
div.hole.hori
	{ position: absolute; height: 6px; width: 10px; line-height: 1px; font-size: 1px; }
div.hole.vert
	{ position: absolute; height: 10px; width: 6px; line-height: 1px; font-size: 1px; }

	
div#h1
	{ top: 336px; left: 100px; }
div#h2
	{ top: 120px; left: 100px; }
div#h3
	{ top: 620px; left: 800px; }
div#h4
	{ top: 320px; left: 894px; }
div#h5
	{ top: 540px; left: 220px; }

/* slogan */

div.slogan
	{ position: absolute; left: -80px; bottom: 10px; color: white; text-transform: uppercase; font-weight: bold; font-size: 35px; line-height: 35px;  }

	
/* backgrounds */

html.back1,
html.back1 div.hole
 { background: #333333 url(/_img/back1.jpg) no-repeat fixed bottom left; }



/* content */
	
div#content div.col1
	{ width: 40%; float: left; }
div#content div.col2
	{ width: 50%; float: left; }


/* navigation */

div#navi
	{ line-height: 100%; }
div#navi .active
	{ font-weight: bold; }


/* metanavigation & footer */ 

div#subnavi p,
div#footer p
	{ font-size: 12px; margin: 0px; }
	
div#subnavi p a,
div#footer p a
	{ color: #333333!important; }
	
div#subnavi p a:focus,
div#subnavi p a:hover,
div#footer p a:focus, 
div#footer p a:hover
	{ color: #666666!important; }

