@charset "utf-8";

/* ---------------------------------------------------------- 
/* Autor: Martin Development, www.m-dev.ch
/* Datum: 18.02.2009
/* Copyright: Martin Development
/* ------------------------------------------------------- */


/* G E N E R A L   D E F I N I T I O N S
------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, tr, td { margin: 0; padding: 0; }

html { height:100%; margin-bottom:1px; font-size:62.5%; overflow-y:scroll; }
body {
  background	: #d1d1d1 url(../images/bg_page.jpg) top left repeat-x;
  color				: #333;
  font-family	: Verdana, Arial, Helvetica, sans-serif;
  font-size		: 12px;
  text-align	: center;
}

h1, h2, h3, h4, h5, h6 { color:#4d5e6e; }
h1 { font-size: 2.0em; margin: 0 0 20px 0; }
h2 { font-size: 1.5em; margin: 0 0 15px 0; }
h3 { font-size: 1.4em; margin: 0 0 10px 0; }
h4, h5, h6 { font-size: 1.4em; }

div, p 	{ line-height: 150%; }
p 			{ margin: 0 0 15px 0; }
ul 			{ padding: 0 0 0 17px; list-style-image: url(../images/list_arrow.jpg); }

a, a:link, a:visited {
  color: #ff6b00;
  text-decoration: none;
}
a:hover, a:active {
  color: #333;
  text-decoration: underline;
}

.clearflt { clear: both; height:30px; }

.image_border img { border: 1px solid #999999; padding:4px; }
.image_border:hover img { border: 1px solid #ff6b00; padding:4px; }

.spacer { margin-bottom:10px; }
.spacer_right_10 { margin-right: 10px; }
.spacer_right_20 { margin-right: 20px; }
.spacer_right_30 { margin-right: 30px; }
.spacer_right_40 { margin-right: 40px; }
.spacer_right_50 { margin-right: 50px; }

/* L A Y O U T  D E F I N I T I O N S
------------------------------------------- */
#container {
  background	: #ffffff url(../images/bg_container.jpg) top left repeat-x;
  border			: 1px solid #556575;
  margin			: 10px auto 0 auto;
  text-align	: left;
  width				: 948px;
}
#topmenu {
  background	: #ffffff url(../images/bg_topmenu.jpg) top left repeat-x;
  height			: 43px;
  line-height	: 43px;
  margin			: 16px 0 0 0;
  overflow		: hidden;
  padding			: 0 20px 0 0;
  text-align	: right;
}
#header {
  background	: #ffffff url(../images/header.jpg) top left no-repeat;
  clear				: both;
  height			: 152px;
  overflow		: hidden;
}
#header h1 { 
  text-indent	: -9999px;
}
#left {
  display			: inline;
  float				: left;
  margin			: 0 70px 0 30px;
  overflow		: hidden;
  width				: 200px;
}
#content {
  display			: inline;
  float				: left;
  min-height	: 150px;
  overflow		: hidden;
  width				: 610px;
}
#footer { 
  clear				: both;
  color				: #555;
  font-size		: 10px;
  margin			: 10px auto;
  text-align	: center;
  width				: 950px;
}
#footer a, #footer a:visited 	{ color:#555; }
#footer a:hover 							{ color:#555; text-decoration:underline; }   


/* M E N U  D E F I N I T I O N S
------------------------------------------- */
/**  MENU LINKS **/
.menu 				{ display:block; margin:0 0 30px 0; }
.menu ul 			{ list-style-image:none; list-style-type:none; padding:0; }
.menu ul li 	{ line-height:27px; height:27px; }
.menu ul li a, .menu ul li a:visited { background:#ffffff url(../images/menu_normal.jpg) top left no-repeat; color:#333; display:block; padding:0 0 0 20px; width:180px; }
.menu ul li a:hover { background:#ffffff url(../images/menu_hover.jpg) top left no-repeat; text-decoration:none; }
.menu ul li.active a, .active a { background:#ffffff url(../images/menu_active.jpg) top left no-repeat; text-decoration:none; }

/** MENU TOP **/
#topmenu { }
#topmenu ul 		{ float:right; list-style-image:none; list-style-type:none; padding:0; }
#topmenu ul li	{ display:inline; line-height:43px; height:43px; overflow:hidden; }
#topmenu ul li a { color:#f7f7f7; display:block; float:left; font-size:13px; padding:0 18px; margin: 0 1px; }
#topmenu ul li a:hover, 
#topmenu ul li.active-top a, .active-top a, .active-top a:visited { background:#ffffff url(../images/topmenu_hover.jpg) top left repeat-x; color:#333333; font-size:13px; text-decoration:none; }


/* M O D U L E  D E F I N I T I O N S
------------------------------------------- */
.module 		{ display:block; margin:0 0 30px 0; }
.module h3 	{ 
  background	: #ffffff url(../images/menu_normal.jpg) top left no-repeat; color:#333;
  color				: #333;
  font-size		: 14px;
  font-weight	: bold;
  height			: 27px;
  line-height	: 27px;
  margin			: 0 0 10px 0;
  padding			: 0 0 0 20px;
}


/* E X P E R I M E N T A L  D E F I N I T I O N S
--------------------------------------------------- */
p.feedback { text-align:justify; border-bottom:1px dashed #AAA; padding-bottom:5px; }