@import url("reset.css");
@import url("menus.css");
@import url("sIFR-screen.css");
@import url("ineo.css");

/*
Common elements
------------------------------------------------------------------------------*/

body {
	margin:0 auto;
	padding:0;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align: center;
	background-color:#fff;
}

h1 {
	font: 16px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	margin-bottom:16px;
}
h2 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	margin-bottom:16px;
}
h3 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:16px;
}


a:link {color: #666666;text-decoration:underline;}
a:visited {color: #666666;text-decoration:underline;}
a:hover {color: #3F3F3F;text-decoration:underline;}
a:active {color: #666666;text-decoration:underline;}

/*
Global positioning
------------------------------------------------------------------------------*/
#wrapper {
	width:981px;
	margin:0 auto;
	text-align:left;
	background-image:url(../graphics/bg-header.gif);
	background-repeat:no-repeat;
}
#wrapper:after {

          content:".";

          display:block;

          height:0;

          clear:both;

          visibility:hidden;

}

#wrapper {display:inline-block;}

/* Hide from IE Mac \*/

#wrapper {display:block;}

/* End hide from IE Mac */

/*
Header
------------------------------------------------------------------------------*/
#header {
	margin:0 auto;
	width:981px;
	height:41px;
	text-align:left;
}

/*
Content
------------------------------------------------------------------------------*/
#content {
	width:930px;
	padding: 0px 16px 0px 35px;
	text-align:left;
	display:block;
	background-image:url(../graphics/logo-designwerk.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#content:after {

          content:".";

          display:block;

          height:0;

          clear:both;

          visibility:hidden;

}

#content {display:inline-block;}

/* Hide from IE Mac \*/

#content {display:block;}

/* End hide from IE Mac */


.text-content {
   display:block;
}


#content-news h1,
#main-content h1 {
	font: 16px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	margin-bottom:16px;
}

#main-content h2 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	margin-bottom:16px;
}

#main-content-frontpage h1 {
	font: 16px Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height:16px;
	color:#87B631;
	font-weight:bold;
	margin-bottom:16px;
}

#main-content-frontpage h2 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	margin-bottom:16px;
}

#main-content-2 h2 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:8px;
}

#main-content-2 h3 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#999999;
}

#main-content-2 ul {
	list-style: none;
	display: block;
	overflow: hidden;
	float: left;
	text-align: left;
}

#main-content-2 ul li {
	width:178px;
	background-image:url(../graphics/btn-arrow-green.gif);
	background-repeat:no-repeat;
	padding: 0px 16px 0px 16px;
	margin-top:6px;
}

#main-content-2 ul li a {
	display: block;
	text-decoration: none;
	margin-bottom:8px;
	color:#999999;
}

#content-news {
	margin-top:4px;
	width: 365px;
	height:420px;
	float: left;
	padding: 24px 0px 16px 0px;
}

#main-content {
	margin-top:4px;
	width: 365px;
	he_ight:420px;
	float: left;
	padding: 16px 0px 16px 0px;
}
#main-content.no-float {
   float:none;
}
#main-content-2 {
	margin-top:4px;
	width:210px;
	height:420px;
	float: left;
	padding: 50px 16px 0px 36px;
	text-align:left;
}

#main-content-img {
	margin-bottom:26px;
	width:210px;
	height:150px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#related-content-frontpage img {
	margin-top:24px;
}

#action-box-frontpage-1 img {
	margin-bottom:8px;
}

#action-box-frontpage-2 img,
#action-box-frontpage-3 img {
	margin-right:8px;
	float:left;
}

#main-content-frontpage img, 
#main-content img,
#main-content-img img {
	padding: 3px 3px 3px 3px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
}

#action-box-1 img,
#action-box-2 img,
#action-box-3 img {
	padding: 3px 3px 3px 3px;
	background-color:#FFFFFF;
	float:left;
	margin-right:8px;
}

   
#main-content-frontpage {
	margin-top:4px;
	width:588px;
	float:left;
	height:312px;
	overflow: hidden;
	padding: 26px 0px 16px 16px;
}   

/*
Related content / Action box
------------------------------------------------------------------------------*/
#related-content {
	width: 303px;
	float: right;
	padding: 0px 0px 0px 0px;
}   

#action-box-1 h4,
#action-box-2 h4,
#action-box-3 h4,
#related-content-frontpage h4
 {
	font: 16px Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
}

#action-box-1 h5,
#action-box-2 h5,
#action-box-3 h5,
#related-content-frontpage h5 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

#main-content-frontpage h6 a, 
#main-content h6 a,
#action-box-1 h6 a,
#action-box-2 h6 a,
#action-box-3 h6 a,
#related-content-frontpage h6 a {
	background-color:#87B631;
	color:#FFFFFF;
	text-decoration: none;	
	padding: 0px 1px 0px 1px;
}

#main-content-frontpage h6, 
#main-content h6,
#action-box-1 h6,
#action-box-2 h6,
#action-box-3 h6,
#related-content-frontpage h6 {
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-top:12px;
}

#action-box-1 ul,
#action-box-2 ul,
#action-box-3 ul{
	list-style: none;
	display: block;
	overflow: hidden;
	float: left;
	text-align: left;
}

#action-box-1 ul li,
#action-box-2 ul li,
#action-box-3 ul li {
	background-image:url(../graphics/btn-arrow-gray.gif);
	background-repeat:no-repeat;
	padding: 0px 16px 0px 16px;
	margin-bottom:8px;
}

#action-box-1 ul li a,
#action-box-2 ul li a,
#action-box-3 ul li a {
	display: block;
	text-decoration: underline;
	margin-bottom:8px;
	color:#FFFFFF;
}

#action-box-1,
#action-box-2,
#action-box-3 {
	background-repeat:repeat-x;
	margin-top: 4px;
	position:inherit;
	float:right;
	width: 257px;
	height:148px;
	overflow: hidden;
	padding: 16px 23px 16px 23px;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#FFFFFF;
}

#action-box-1 {
	background-image:url(../graphics/bg-box-gray1-180px.gif);
}

#action-box-2 {
	background-image:url(../graphics/bg-box-gray2-180px.gif);
}

#action-box-3 {
	background-image:url(../graphics/bg-box-green3-180px.gif);
}

#related-content-frontpage {
	width: 257px;
	float: right;
	background-image:url(../graphics/bg-box-gray-354px.gif);
	background-repeat:repeat-x;
	height:312px;
	margin-top:4px;
	overflow: hidden;
	padding: 26px 23px 16px 23px;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#FFFFFF;
}   

#action-box-frontpage-1 {
	width: 270px;
	height:312px;
	overflow: hidden;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	float:left;
}

#action-frontpage-v-splitter {
	position:relative;
	width: 1px;
	height:312px;
	overflow: hidden;
	background-color:#E5E5E5;
	float:left;
	margin-left:23px;
	margin-right:24px;
}

#action-frontpage-h-splitter {
	width: 270px;
	height:1px;
	overflow: hidden;
	background-color:#E5E5E5;
	margin-top:25px;
	margin-bottom:15px;
	float:left;
}

#action-box-frontpage-2,
#action-box-frontpage-3 {
	width: 270px;
	height:135px;
	overflow: hidden;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000000;
	float:left;
}



/*
Lines
------------------------------------------------------------------------------*/
#topline {
	width:100%;
	height:1px;
	background-color:#D9D9D9;
	background-image:url(../graphics/topline.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#box-line-gray {
	position:static;
	width:100%;
	height:100%;
	background-image:url(../graphics/box-bottom-line-gray.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#box-line-green {
	position:static;
	width:100%;
	height:100%;
	background-image:url(../graphics/box-bottom-line-green.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#menuline {
	width:930px;
	height:2px;
	background-image:url(../graphics/line-930px.gif);
	background-position:center;
	background-repeat:no-repeat;
	margin-right:16px;
	margin-left:35px;
	text-align:right;
	float:left;
}

/*
Footer
------------------------------------------------------------------------------*/
#footer {
	width:930px;
	height:28px;
	position:inherit;
	float: left;
	background-image:url(../graphics/footer-line.gif);
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:4px;
	padding: 12px 16px 0px 35px;
	text-align:left;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#666;
}


/*
Logo
------------------------------------------------------------------------------*/
#logo {
	width:330px;
	height:90px;
	float:left;
}

/*
Billboard
------------------------------------------------------------------------------*/
#billboard {
	float:left;
	width: 930px;
	overflow: hidden;
	padding-top: 4px;
}
#billboard img {
	background: #FFF;
	border: 0px;
}


/*
Toolbar
-------------------------------------------------------------- */
#toolbar {
	width: 981px;
	margin-top: 16px;
	margin-left: 0px;
	text-align: left;
	color:#666666;
	float:left;
	font: 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	overflow: hidden;
}

#toolbar ul {
	padding: 0 20px;
	list-style: none;
}

#toolbar ul li {
	display: inline;
}
#toolbar ul li a {
	padding: 0 15px;
	text-decoration: none;
	color: #666666;
}
#toolbar ul li a:hover {color:#3F3F3F;}