/**
 * Basics
 */
html { 
	height:100.2%; 
	margin-bottom:0.1px;
 	font-size:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana,"DejaVu Sans",sans-serif;
	font-weight:normal;
 	font-size:12px;
	color:#222;
	text-align:left;
	background-color:#e9e9e9;
	background-image:url("img/bg.png");
	background-position:left top;
	background-repeat:repeat-x;
}

/**
 * General links
 */
a { text-decoration:none; color:#4774aa; }
a:hover { text-decoration:underline; }
:focus{outline:0;}


/**
 * Titles
 */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin:12px 0;
	font-weight:bold;
	font-size:19px;
	border-bottom:1px solid #bbb;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
	font-weight:bold;
	font-size:17px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:9px 0;
	font-weight:bold;
	font-size:15px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin:8px 0;
	font-weight:bold;
	font-size:14px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0;
	font-weight:bold;
	font-size:13px;
}

p, li { 
	line-height:1.5em; 
	margin:7px 0;
}

/**
 * Technical stuff
 */
div.clearer {
  clear:both;
  line-height:0;
  height:0;
  margin:0;
  padding:0;
  overflow:hidden;
}


/**
 * Change language
 */
div.mod_changelanguage {
	margin:5px 0 0 0;
	font-size:11px;
}  
div.mod_changelanguage ul {
	display:inline;
	padding:0;
	margin:0;
	line-height:18px;
}
div.mod_changelanguage ul li {
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}
div.mod_changelanguage ul li span.active {
	background-color:#888;
	color:white !important;
	text-decoration:none;
	padding:1px 3px;
	margin:2px 4px 0 0;
	border:none !important;
}
div.mod_changelanguage ul li a:link,
div.mod_changelanguage ul li a:hover,
div.mod_changelanguage ul li a:active,
div.mod_changelanguage ul li a:visited {
	background-color:#bbb;
	color:white !important;
	text-decoration:none;
	padding:1px 3px;
	margin:2px 4px 0 0;
	border:none !important;
}

/**
 * Info boxes
 */
.redroundedbox
{
	width: 650px; 
	margin: 5px; 
	border: 2px solid #ff0000; 
	background-color: #ffeeee;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
}
.redroundedbox p
{
	font-size: 14px;
	font-weight: bold; 
	text-align:center;
	margin:5px 0;
}

.greenroundedbox
{
	width: 650px; 
	margin: 5px 0; 
	border: 2px solid #00ff00; 
	background-color: #eeffee;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
}
.greenroundedbox h3
{
	font-size: 18px; 
	font-weight: bold; 
	text-align:center;
}
.greenroundedbox p
{
	font-size: 14px; 
	text-align:center;
}

/**
 * Language div
 */
#language
{
    position:absolute;
	margin:21px 0 0 875px;
}

/**
 * General header
 */
#headerlogo 
{
	position:absolute;
	margin:38px 0 0 13px;
}
#header
{
	background:url("img/header.jpg") center top no-repeat;
	margin:0;
	padding:0;
}
#headertop
{
	height:101px;
	overflow:hidden;
}

/**
 * Main navigation in header
 */
#headertop .mod_navigation
{
	margin:0;
	padding:47px 0 24px 252px;
	font-size:17px;
}
#headertop .mod_navigation ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#headertop .mod_navigation li
{
	float:left;
	margin:0;
	padding:0px 50px 0px 0px;
	list-style-type:none;
}
#headertop .mod_navigation span.active,
#headertop .mod_navigation a 
{ 
    display:block;
	margin:0;
	padding:4px 0 4px 30px;
}
#headertop .mod_navigation .i1_home { background:url("img/home.png") left center no-repeat; }
#headertop .mod_navigation .i1_box { background:url("img/box.png") left center no-repeat; }
#headertop .mod_navigation .i1_wrench { background:url("img/wrench.png") left center no-repeat; }
#headertop .mod_navigation .i1_book { background:url("img/book.png") left center no-repeat; }
#headertop .mod_navigation .i1_first_aid { background:url("img/first_aid.png") left center no-repeat; }

/**
 * Login box in left header
 */
#headerleft
{
	width:232px;
	height:98px;
	float:left;
	padding:0 5px 0 15px;
	margin:0;
	font-size:11px;
	text-align:left;
}
#headerleft .mod_login form
{
	margin:0;
	padding:3px 0 0 0;
	height:63px;
} 
#headerleft .mod_login  .linecontainer { text-align:right; }
#headerleft .mod_login  .linecontainer * { vertical-align:middle; }
#headerleft .mod_login  .floatleft { float:left; }
#headerleft .mod_login input.submit
{
	margin:2px 0;
	padding:0px 2px;
	background:transparent;
	text-align:center;
	border:1px solid #eee;
	border-bottom-color:#555;
	border-right-color:#555;
}
#headerleft .mod_login input.text
{
	vertical-align:middle;
	margin:0;
	padding:0px 2px;
	border:1px solid #eee;
	border-top-color:#555;
	border-left-color:#555;
	background:transparent;
	height:17px;
	width:120px;
}
#headerleft .mod_login  div.error { color:red; }
#headerleft .mod_login div.logininfo { margin-top:15px; }

/**
 * Breadcrumb in middle header
 */
#headermiddle
{
	height:98px;
	width:425px;
	position:relative;
	margin:0 5px 0 255px;
	padding:0;
	font-size:11px;
	text-align:left;
}
#headermiddle .mod_breadcrumb { margin:81px 0 0 0; }

/**
 * Search box in right header
 */
#headerright
{
	width:232px;
	height:98px;
	float:right;
	padding:0 15px 0 5px;
	margin:0;
	font-size:11px;
}
#search { padding:75px 0 0 0; }
#search div.formbody { text-align:right; }
#search input.text
{
	display:inline;
	margin:0;
	padding:1px 2px;
	background:transparent;
	color:#444;
	width:120px;
	border:1px solid #888;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
}
#search input.submit
{
	display:inline;
	margin:0 2px;
	padding:0 5px;
	background:transparent;
	color:#444;
	text-align:center;
	border:1px solid #888;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
}

#container { background:url("img/container.png") center top repeat-y; }
#left .inside { margin:8px 8px 8px 18px; }

/**
 * Subnavigateion in left column
 */
#left .mod_navigation
{
    padding-top:10px;
}
#left .mod_navigation ul
{
	margin:0;
	padding:0 0 6px 0;
	list-style-type:none;
	border-bottom:1px solid #ccc;
}
#left .mod_navigation ul ul
{
	margin:6px -10px 0 0;
	padding: 0;
	border:none;
}
#left .mod_navigation li
{
	margin:6px 0 0 0;
	padding:6px 10px 0 0;
	border-top:1px solid #ccc;
	list-style-type:none;
}
#left .mod_navigation li li { padding:6px 10px 0 20px; }
#left .mod_navigation span.active,
#left .mod_navigation a
{
	padding:0 0 0 10px;
	background:url("img/arrow.gif") left center no-repeat;
	display:inline;
	font-size:14px;
}

/**
 * General main block
 */
#main .inside { padding:8px 18px 0 8px; }


/**
 * Contact form
 */
#main #contact_form td { padding:5px 5px 0 0; }
#main #contact_form td.col_0 {
	width:150px;
	vertical-align:top;
	padding:7px 5px 0 0; 
}
#main #contact_form td.col_1 .text,
#main #contact_form td.col_1 .textarea { width:490px; }
#main #contact_form .error { color:red; }
#main #contact_form .checkbox_container * { vertical-align:middle; }
#main #contact_form .checkbox_container span,
#main #contact_form .checkbox_container span { display:block; }
#main #contact_form .checkbox_container .checkbox { margin:0 3px; }

/**
 * Search page
 */
#main .mod_search input.text { width:300px; }
#main .mod_search p.header { 
    margin:20px 0 10px 0; 
    color:#222; 
    border-bottom:1px solid #ccc;
}

/**
 * Helpdesk comments
 */
#main .ce_helpdesk_comments .commentlink *
{
    border-left:13px solid #4774aa;
    padding-left:5px;
    font-size:12px !important;
    font-weight:bold;
}

/**
 * Top link with arrow
 */
#main .ce_toplink
{
	margin:20px 0 0 0;
	text-align:right;
}
#main .ce_toplink a
{
	padding-top:2px;
	padding-right:15px;
	padding-bottom:2px;
	background-image:url("img/back_to_top.gif");
	background-position:right center;
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Verdana,"DejaVu Sans",sans-serif;
	font-size:11px;
}


/**
 * Personal data
 */
#main .mod_personalData fieldset { 
	margin:10px 0;
	padding:2px 10px 8px 10px;
	font-family:Verdana,"DejaVu Sans",sans-serif;
	border:1px solid #ccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
} 
#main .mod_personalData fieldset legend { 
	background-color:#eee;
	color:#222;
	padding:1px 3px;
	font-size:10px;
	font-weight:bold;
	border:1px solid #ccc;
} 
#main .mod_personalData td { padding:2px 5px 0 0; }
#main .mod_personalData td.col_0 {
	width:150px;
	vertical-align:top;
	padding:7px 5px 0 0; 
}
#main .mod_personalData td.col_1 input.text, 
#main .mod_personalData td.col_1 select { width:250px;}
#main .mod_personalData .error { color:red; }
#main .mod_personalData .checkbox_container * { vertical-align:middle; }
#main .mod_personalData .checkbox_container span { display:block; }
#main .mod_personalData .checkbox_container .checkbox { margin:0 3px; }

/**
 * Avatar
 */
#main .avatar_container .label_container { margin-top:10px; }
#main .avatar_container .textlabel { font-weight:bold; }
#main .avatar_container .checkbox_container * { vertical-align:middle; }
#main .avatar_container .hint { color:#888; margin-bottom:10px; font-size:10px; }
#main .avatar_container .error_message { color:red; }

/**
 * Registration
 */
#main .mod_registration p.error { color:red; margin:0; }
#main .mod_registration td.col_0 { width:150px; vertical-align:bottom; padding-bottom:10px; }
#main .mod_registration td.col_1 { padding:0 0 5px 0; }
#main .mod_registration td.col_1 input.text { width:250px; }

/**
 * Lost password
 */
#main .mod_lostPassword p.error { color:red; margin:0; }
#main .mod_lostPassword td.col_0 { width:150px; vertical-align:bottom; padding-bottom:15px; }
#main .mod_lostPassword td.col_1 { padding:0 0 10px 0; }
#main .mod_lostPassword td.col_1 input.text { width:250px; }

/**
 * Sitemap
 */
#main .mod_sitemap ul,
#main .mod_sitemap li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#main .mod_sitemap .level_1 li {
	margin-top:12px;
	font-weight:bold;
}
#main .mod_sitemap .level_2 { margin-top:6px; }
#main .mod_sitemap .level_2 li {
	margin-top:0px;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:18px;
	font-weight:normal;
}


/**
 * FAQ Reader
 */
#main .mod_faqreader  p.info
{
	margin:5px 0;
	font-size:9px;
	color:#888;
}


/**
 * Member list
 */
#main .mod_memberlist  table {
	margin:10px 0;
	border:1px solid #888;
	border-collapse:collapse;
	width:98%;
}
#main .mod_memberlist  th {
	padding:3px;
	border:1px solid #888;
	background-color:#ccc;
	color:#222;
}
#main .mod_memberlist  th * { color:#222; }
#main .mod_memberlist  td {
	padding:3px;
	border:1px solid #888;
}


#newslist_frontpage { width:320px; float:left; }
#newslist_frontpage span.timestamp { display:none;}
#newslist_frontpage div.block { margin-bottom:5px; }

#newsletters_frontpage { 
    margin-left:340px;
    width:320px;
}
#newsletters_frontpage span.timestamp { 
    display: block;
    width: 80px;
    float:left;
}
#newsletters_frontpage div.block a {
    margin-left:80px;
    display: block;
    width: 240px;
} 
#newsletters_frontpage div.block {
    margin-bottom:5px;
}

.mod_newsreader p.info {
    font-size: 8pt;
    color:#888;
}


/**
 * Footer stuff
 */
#footer
{
	background-image:url("img/footer.png");
	background-position:center top;
	background-repeat:no-repeat;
	font-size:11px;
}

#footernavigation
{
	color:#4774aa;
	text-align:right;
	padding:16px 6px 14px 0;
}