/* general */

html
	{ overflow-y: scroll; background-color: #33333F; }
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; margin: 30px 100px 10px 100px; overflow: hidden; background-color: white; }
	
div#page
	{ width: 600px; position: relative; top: 0px; left: 200px; overflow: hidden; }
div#logo
	{ position: absolute; top: 40px; right: 60px; }
div#navi
	{ position: absolute; top: 160px; left: 25px; }
div#subnavi
	{ position: absolute; top: 55px; left: 25px; }
div#content
	{ padding-top: 300px; margin: 0 0 80px 25px; width: 515px; }
div#footer
	{ position: absolute; bottom: 10px; left: 25px; }
div#spacer
	{ height: 630px; width: 1px; background-color: transparent; float: right; }


/* holes */

div.hole
	{ position: absolute; background-color: #33333F }
div.hole.large
	{ height: 130px; width: 280px; background-position: bottom; }
div.hole.hori
	{ height: 6px; width: 10px; line-height: 1px; font-size: 1px; }
div.hole.vert
	{ height: 10px; width: 6px; line-height: 1px; font-size: 1px; }

/* slogan */

div.slogan
	{ position: absolute; left: 20px; bottom: 10px; color: white; text-transform: uppercase; font-weight: bold; font-size: 35px; line-height: 35px;  }

	
/* backgrounds */

html.back-home,
html.back-home div.hole
 { xbackground-color: #8dabc4 }

html.back-products,
html.back-products div.hole
 { xbackground-color: #33333F }

html.back-clients,
html.back-clients div.hole
 { xbackground-color: #d46f4f }

html.back-about,
html.back-about div.hole
 { xbackground-color: #4ca98e }

html.back-partner,
html.back-partner div.hole
 { xbackground-color: #9a6c1b }

html.back-contact,
html.back-contact div.hole
 { xbackground-color: #4c97b1 }


html.back-home div#h0
	{ background-image: url(/_img/tile-home.jpg) }
html.back-products div#h0
	{ background-image: url(/_img/tile-products.jpg) }
html.back-clients div#h0
	{ background-image: url(/_img/tile-clients.jpg) }
html.back-about div#h0
	{ background-image: url(/_img/tile-about.jpg) }
html.back-partner div#h0
	{ background-image: url(/_img/tile-partner.jpg) }
html.back-contact div#h0
	{ background-image: url(/_img/tile-contact.jpg) }

/*
html.back-home,
html.back-home div.hole
 { background: #333333 url(/_img/back-home.jpg) no-repeat fixed bottom left; background-size: cover; }

html.back-products,
html.back-products div.hole
 { background: #333333 url(/_img/back-products.jpg) no-repeat fixed bottom left; background-size: cover; }

html.back-clients,
html.back-clients div.hole
 { background: #333333 url(/_img/back-clients.jpg) no-repeat fixed bottom left; background-size: cover; }

html.back-about,
html.back-about div.hole
 { background: #333333 url(/_img/back-about.jpg) no-repeat fixed bottom left; background-size: cover; }

html.back-partner,
html.back-partner div.hole
 { background: #333333 url(/_img/back-partner.jpg) no-repeat fixed bottom left; background-size: cover; }

html.back-contact,
html.back-contact div.hole
 { background: #333333 url(/_img/back-contact.jpg) no-repeat fixed bottom left; background-size: cover; }

html.back-home div#h0
	{ top: 170px; }
html.back-products div#h0
	{ top: 500px; }
html.back-clients div#h0
	{ top: 336px; }
html.back-about div#h0
	{ top: 170px; left: 720px; }
html.back-partner div#h0
	{ top: 520px; left: 720px; }
html.back-contact div#h0
	{ top: 336px; }
*/




/* content */
	
div#content div.col1
	{ width: 49%; float: left; }
div#content div.col2
	{ width: 50%; float: left; }

div#content ul
	{ margin-bottom: 12px; }
div#content ul li
	{ font-size: 14px; line-height: 18px;  }

div#content span.dash
	{ color: #b5074c; }

.todo
	{ color: red!important; }

div#content img.portrait
	{ float: left; margin-bottom: 10px; margin-right: 10px; }
	

/* navigation */

div#navi
	{ line-height: 100%; }
div#navi .active
	{  }
div#navi p
	{ font-size: 14px; line-height: 18px; margin: 0px;  }
div#navi p a
	{ color: #333333; }
div#navi p a:hover
	{ color: #b5074c; }

/* 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; }