/* ################################## Font size, style, line height & font family ###################################### */

body {margin: 0; padding: 0; background: #ededed; font-size: small; line-height: 1.5; font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 30px; font-weight: normal; line-height: 1;}
h2 {font-size: 22px; font-weight: normal; line-height: 1.1;}
h3 {font-size: 18px; font-weight: normal; line-height: 1.2;}
h4 {font-size: 14px; font-weight: bold; line-height: 1.3;}

#topcontent h1 {font-size: 40px;}
#topcontent h2 {font-size: 24px;}
#topcontent h3 {font-size: 24px;}

td.col-color1 h1, td.col-color2 h1 {font-size: 24px;}
td.col-boxheader1 h3, #topcontainer a, #side-menu a {font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;}
td.col-boxheader1 h3 {line-height: 44px;}

td.col-boxheader1 h3, #langlink a {font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height:1;}

#main-menu a {font-size: 14px;}
#bluebox h3 {font-size:18px;}
#bluebox p {font-size:12px;}
#footer td {font-size:10px; font-family: Arial, Helvetica, sans-serif;}

#side-menu .linkWrap a{font-size: 12px; line-height: 1;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* ################################## Font color ###################################### */

body {color: #000;}
h1 {color: #000;}
h2 {color: #000;}
h3 {color: #000;}

#topcontent h1 {color: #fff;}
#topcontent h2 {color: #fff;}
#topcontent p {color: #ccc;}

#mainfooter .news-list-date {color: #99F;}

#bluebox p, #bluebox a, #bluebox h3{color:white;}
/* Oscar add 2010-04-02 at 16:08
 * we need to declare all link colors are !important
 * to make styles get inherited into RTE (Firefox fix)
 */
body#bluebox a {color:white !important;}

#footercontainer p {color: #ccc;}

/*Links*/
#main-menu a {color:black;}
#main-menu .menu-alt-act a{color:#246aaf;}

body.htmlarea-content-body {background: none;}
a {color: #246aaf; text-decoration: none;}
a:hover {color: #246aaf; text-decoration: underline;}

/* Oscar add 2010-04-01 at 17:55 :: Styles needed to display links correct in RTE in Firefox - do not remove! 
 * If link colors need to change for the columns (col-color1 etc) these lines needs to be copied and redefined for those columns 
 */
.mceContentBody a {color: #246aaf !important; text-decoration:none !important; line-height: 3 !important;}
.mceContentBody a:hover {text-decoration:underline !important;}

/*sidemenu*/
#side-menu .menu-alt-act .linkWrap a{color: #246AAF;}
#side-menu .linkWrap a{color: #000;}

/* ############################ Column with background color ################################ */

/* Oscar add 2010-04-01 at 17:55 :: class col-color1 should be defined at root, eg as ".col-color1" 
 * and NOT as "td.col-color1" or styles will not get inherited by RTE 
 */
.col-color1 {background: #246aaf; color:#FFF;}
.col-color1 a {color:#000;}
.col-color2 {border: 1px solid #cccccc;}
.col-color3 {background: #246aaf; color:#FFF; font-size: 16px; font-style: italic;}
.col-color3 p {padding: 40px;}

/* Oscar add 2010-04-01 at 18:08 :: Link color redefines for columns must be declared as !important
 * to get correctly displayed in RTE in Firefox. Use multiple class selector to make this happen
 * (Note that multiple class css selectors are not available in IE5/IE6)
 */
.mceContentBody.col-color1 a {color:#000 !important;}

/* ################################## Margin, padding & alignment ###################################### */

p {margin: -2px 0 0 0; padding: 0 0 12px 0;}
h1 {margin: 2px 0 0 0; padding: 0 0 14px 0;}
h2 {margin: 1px 0 0 0; padding: 0 0 14px 0;}
h3 {margin: 0px 0 0 0; padding: 0 0 13px 0;}
h4 {margin: 0px 0 0 0; padding: 0 0 14px 0;}
p img {margin-top: 2px; margin-bottom: 0px; padding-bottom: 3px;}

#bluebox a {padding: 0 0 -10px 0;}
#main-menu h2 {margin: 10px 0 0 0;}

# td.col-color2 p {padding: 0px; margin: 0px;}

#mainfooter h3{margin: -2px 0 0 0; padding: 0 0 12px 0;}

td.col-color1 h1, td.col-color2 h1  {position: relative; top: -7px; margin: 0; padding: 0;}
td.col-boxheader1 h3 {margin: 0; padding: 0;}

#footer {line-height: 47px;}
#footer p {padding: 0; text-align: center;}

/* ############################ Lists ################################# */

ol, ul, li {margin: 0 0 5px 15px; padding: 0 0 5px 0;}
/*.news-list-item-wrapper ul {margin: 8px 0 11px 0; padding: 0;}*/

/*ul li, .news-list-item-wrapper ul li {list-style: none; list-style-position: outside; background: url(/fileadmin/templates/css/img/gluteus_website_dottedlist.png) 20px 3px no-repeat; padding: 0 20px 7px 40px;}*/

/* ############################ Tables ################################# */

/*.contenttable {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 14px;
	margin-left: -1px;
}
.contenttable th, .contenttable thead td {
	padding: 4px 9px 6px 9px;
	font-weight: bold;
	text-align: left;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	background: #000000;
	color: #ffffff;
}
.contenttable td {	
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	padding: 4px 9px 6px 9px;
	background: #f2f2f2;
}*/

/* ############################ Text/image positioning ################################# */

img {border: 0;}

.image-left {padding: 0; margin-right: 10px; margin-bottom: 0px; float: left;}
.image-right {padding: 0; margin-left: 10px; margin-bottom: 0px; float: right;}
h2 .image-left {margin-top: -1px; margin-right: 20px; }

.align-right {text-align: right;}
.align-center {text-align: center;}