﻿/* Stylesheet developed in 2009 by Monolith-Systems ApS */
/* How did they do that? 
   Smart people view other peoples HTML/CSS to learn from experts... - you are welcome! 
*/
body						{background-color:#ffffff;background-image:url(../g/gradient.png);background-position:center 0px;background-repeat:repeat-x;font-size:0px;padding:0;margin:0;font-family:Arial;}

#sitetop					{width:960px;margin:47px auto 0 auto;} /* 155*/
#pagecols					{width:960px;margin:0px auto 0 auto;min-height:300px;}
#sitebottom					{width:100%;margin-top:44px;min-height:52px;background-color:#cfe3e5;display:block;float:none;}
#logo						{width:167px;height:52px;margin-left:44px;margin-bottom:56px;}
#logo img					{width:167px;height:52px;border:none 0px transparent;}

/* Menu navigation - level 1 */
#topnavi					{margin:0 44px 0 44px;height:16px;}
#topnavi ul					{list-style-type:none;margin:0;padding:0;}
#topnavi ul li				{margin:0 30px 0 0;display:inline;float:left;font-size:14px;line-height:16px;font-weight:bold;}
#topnavi a					{display:block;text-decoration:none;}
#topnavi a span				{color:#f1af75;}
#topnavi a.cur				{background-position:right top;padding-right:5px;color:#f1af75;}
#topnavi a.cur span			{background-position:left top;padding-left:4px;}
#topnavi a:hover			{background-position:right bottom;}
#topnavi a:hover span		{background-position:left bottom;color:#805832;}
#topnavi a.cur, 
#topnavi a.cur span			{background-image:url(../g/button.png);background-repeat:no-repeat;color:#fff;}
#topnavi a.cur:hover span	{color:#000;}


/* Typography */
#page						{padding:55px 44px 0 44px;display:table;color:#4b4b4b;}

#page h1					{font-size:56px;line-height:55px;color:#61a1a9;font-family:arial;letter-spacing:-2px;margin:0 0 18px 0;padding:0;}
#page h2 					{font-size:22px;line-height:26px;font-weight:normal;margin:24px 0 18px; padding:0;color:#999999;}
#page h2.first				{margin-top:14px;}
#page h3					{font-size:16px;line-height:18px;color:#1B4E5F;padding:0;font-weight:bold;margin:0;}
#page h3.first				{margin-top:14px;}
#page p						{font-size:14px;line-height:20px;padding:0 0 0 0;margin-bottom:20px;margin-top:2px;}

#page a						{color:#eb766e;font-weight:bold;text-decoration:underline;}
#page a:hover				{color:#cb665e;text-decoration:underline;}

#page ol					{font-size:14px;line-height:22px;list-style-type:upper-alpha;}
#page li					{}

.half						{width:410px;display:block;}
.left						{float:left;margin-right:16px;}
.right						{float:right;margin-left:16px;}
.flow						{overflow:visible;}

/* spadding:16px 16px 8px 8px; */
.teaser						{background-image:url(../g/teaser-back.png);background-repeat:no-repeat;display:table;margin-bottom:8px;width:410px;padding-top:16px;}
.teaser img					{width:64px;height:64px;margin-left:16px;margin-right:16px;float:left;}
.teaser h3					{margin:16px 16px 0px 96px;;padding-right:16px;}
.teaser p					{margin:0px 16px 0px 96px;display:block;min-height:60px;}

#page .iconleft				{float:left;margin:0px 8px 0px 0px;}

#foot						{width:960px;margin:0px auto 0px auto;color:#888;font-size:11px;line-height:16px;padding:16px 44px 0px 44px;}
#foot #copyright			{float:left;margin-left:44px;}
#foot #company				{float:right;margin-right:44px;}
#foot #company a			{color:#444;text-decoration:none;}
#foot #company a:hover		{color:#000;text-decoration:underline;}

#face					{width:960px;margin:20px auto 0px auto;}
#book					{margin:0px 0px 0px 400px;width:180px;display:block;}
#book img				{height:40px;width:40px;}

/* antibugger */
.teasesr h3				{background-color:#fcc;}
.teasesr p				{background-color:#dfd;}

