/* @override http://ium/final2/inc/style.css */

html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	
	margin: 0;
	padding: 0;
	
	font-family: Calibri, calibri, Verdana;
	
	background-color: #ffffff;
	background-image: url(../gfx/bg.gif);
	background-position: bottom center;
	background-repeat: repeat;
	background-attachment: fixed;
}

div#banner_bok,
div#banner_inbjudan
{
	width: 140px;
	height: 140px;
	
	margin: 0;
	padding: 0;
	
	position: fixed;
	top: 0;
	left: 0;
	
	display: block;
	
	background-position: top left;
	background-repeat: no-repeat;
}
div#banner_bok
{
	background-image: url(../gfx/banner_bok.png);
}
div#banner_inbjudan
{
	background-image: url(../gfx/banner_event.png);
}
div#banner_bok a,
div#banner_inbjudan a
{
	width: 140px;
	height: 140px;
	
	display: block;
}

div#bg_bottom
{
	width: 100%;
	height: 115px;
	
	position: relative;
	z-index: 2;

	text-align: center;
	
	background-image: url(../gfx/bg-bottom.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div#wrapper
{
	width: 740px;
		
	margin: 0 auto;
	padding: 0;
	
	clear: both;
	
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

div#menu
{
	width: 720px;
	height: 127px;
	
	margin: 0 auto;
	padding: 0 0 0 20px;
	
	overflow: hidden;
	clear: both;
	
	background-image: url(../gfx/bg-top.gif);
	background-position: top;
	background-repeat: repeat-x;
}

div#page
{
	width: 720px;
	
	margin: 0;
	padding: 0 10px;
}

/* Fix color change for different sections on page */
div#page.start div#lefty, div#page.start div#righty { border: 2px solid #e9168c; }
div#page.start div#lefty { background-color: #e9168c; }

div#page.projekt div#lefty, div#page.projekt div#righty { border: 2px solid #e9168c; }
div#page.projekt div#lefty { background-color: #e9168c; }

div#page.event div#lefty, div#page.event div#righty { border: 2px solid #27b5e9; }
div#page.event div#lefty { background-color: #27b5e9; }

div#page.kontakt div#lefty, div#page.kontakt div#righty { border: 2px solid #fde93e; }
div#page.kontakt div#lefty { background-color: #fde93e; }
/* color fix done */


div#lefty
{
	width: 216px;
	height: 100%;
	
	margin: 0;
	padding: 5px 2px 5px 0;
	
	
	float: left;
	
}

div#righty
{
	width: 475px;
	height: 100%;
	
	margin: 0;
	padding: 5px;
	
	float: right;
	
	background-color: #ffffff;
}



div#page h1,
div#page h2,
div#page h3
{
	font-family: Calibri, calibri, verdana, arial, serif;
	
	color: #000000;
	
	margin: 5px 10px 0px 10px;
	padding: 0;
}

div#page h1
{
	font-size: 1.45em;	
}

div#page h2
{
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 1.1em;
}

div#page h3
{
	font-size: 1em;	
	font-style: italic;
}

div#righty h1.proj
{
	height: 100px;
}

div#righty p
{
	width: 400px;

	margin: 5px 0 0 10px;	
	padding: 0;
	
	font-size: 0.9em;
	text-align: justify;
	
	color: #231f20;
}

div#lefty a
{
	text-decoration: none;
}

div#lefty h1
{
	color: #231f20;
	text-align: center;
	margin: 5px 0;
}

div#lefty div.proj
{
	padding: 2px;
	
	color: #231f20;
	font-size: 0.9em;
	font-family: Calibri, calibri, helvetica, serif;
	
	cursor: default;
	
	clear: both;
}

div#lefty div.proj_over
{
	border-top: 2px dashed #fde93e;
	border-bottom: 2px dashed #27b5e9;
	cursor: pointer;
}

div.proj div.time
{
	width: 35px;
	
	padding-right: 5px;
	
	font-family: Cambria, cambria, Helvetica, serif;
	font-size: 0.95em;
	font-weight: bold;
	
	float: left;
}

div.proj div.desc
{
	width: 171px;

	float: left;
	
	font-size: 1em;
	line-height: 1.1em;
}


div#righty img#proj-ill
{
	width: 100px;
	height: 100px;
	
	padding: 0 10px 10px 0;
	
	border: 0;

	float: left;
}






/* top menu stuff */
div#menu a
{
	display: block;
	float: left;
	
	background-position: bottom center;
	background-repeat: no-repeat;
}

div#menu a.tm_start
{
	width: 193px;
	height: 137px;
	
	background-image: url(../gfx/logo.png);
}

div#menu a.tm_event,
div#menu a.tm_kontakt,
div#menu a.tm_event_act,
div#menu a.tm_kontakt_act
{
	width: 130px;
	height: 60px;
}

div#menu a.tm_event { background-image: url(../gfx/menu/event.gif); }
div#menu a.tm_event:hover, div#menu a.tm_event_act { background-image: url(../gfx/menu/event-filled.gif); }

div#menu a.tm_kontakt { background-image: url(../gfx/menu/kontakt.gif); }
div#menu a.tm_kontakt:hover, div#menu a.tm_kontakt_act { background-image: url(../gfx/menu/kontakt-filled.gif); }


/* event map stuff */
div#map
{
	width: 400px;

	margin: 2px 2px 2px 10px;
}

div#map iframe
{
	border: 2px solid #27b5e9;
}


/* kontakt stuff */
div.projinfo
{
	margin: 10px 5px 5px 10px;
}

div.projinfo div.projname
{
	font-size: 0.9em;
	font-weight: bold;
}

div#righty p a,
div.projinfo a
{
	text-decoration: none;
	font-style: italic;
	font-size: 0.9em;
	color: #ea128c;
}

div.projinfo a:hover
{
	text-decoration: underline;
}



div#page div#righty h2
{
	padding: 25px 0 0 10px;
	color: #27b5e9;
}

blockquote
{
	width: 370px;
	text-align: justify;
	font-size: 0.9em;
	quotes: "\201C" "\201D";
}
blockquote:before 
{ 
	content: open-quote; 
	font-weight: bold; 
} 
blockquote:after 
{ 
	content: close-quote; 
	font-weight: bold; 
}

div#page div#lefty h2
{
	padding: 10px 3px 3px 5px;
	font-size: 0.9em;
	color: #231f20;
}

div#page div#lefty div.auditor
{
	font-size: 0.8em;
	color: #231f20;
	padding: 3px 2px 3px 5px;
}

div#page div#lefty div.auditor span.name
{
	font-weight: bold;
}

div#dlbook
{
	background-color: #ffffff;
	border-top: 2px solid #ea128c;
	border-bottom: 2px solid #ea128c;
	text-align: center;
	margin: 20px 0;
	padding: 3px;
	height:25px;
}
div#dlbook a
{
	color: #231f20;
	text-decoration: none;
	display: block;
	height: 20px;
	font-weight: bold;
	background-color: #ea128c;
	padding: 3px 0;
}