/* CSS Document */
/* programmed : Mont-Bit International */
/* contact : http://www.mont-bit.com */
/* author : Andy Dietschi */
/* Description for this css-file and template see http://www.a-di.ch/kurs/index.html (german language)*/
/* Sie finden auf http://www.a-di.ch/kurs/index.html einen Kurs in deutsch, der diese css Datei und 
   eine Templateerstellung beschreibt */
/* ****************************************************************************************************/   


/* Die Body Definierung */
body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #DDDDDD;
	font-size: 14px;
	color: #333333;
}

/* ************************************************************* */
/* begin - Hier werden alle Rahmen aufgelistet */

/* Der Hauptrahmen mit Border 1*/
#body_outline{
	/* width: 900px !important;*/
	width: 900px;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	/*background: #ffffff;*/
	background: white;
}

/* user 3 Aussenrahmem mit Border 1 */
#user_3_outline{
	width: 731px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	height: 21px !important;
	height: 23px;
	margin-bottom: 2px;
}

/* user 4 Aussenrahmem mit Border 1 */
#user_4_outline{
	width: 163px !important;
	width: 165px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: right;
	height: 21px !important;
	height: 23px;
	margin-bottom: 2px;
	text-align: left;
}

/* Hack, damit der Rahmen der Searchbox in User 4 verschwindet */
#user_4_outline .inputbox {
	border: 0px;
	padding: 1px 0px 0px 5px;
	font-size: 11px;
	color: #c64934;
}

/* Top Aussenrahmem mit Border 1 */
#top_out{
   margin-top: 2px;
   width: 159px !important;
   width: 165px;
   height: 161px !important;
   height: 161px;
   overflow: hidden;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	background: #ffffff;

}

/* Menue left Aussenrahmen mit border 1 */
#left_outline{
   margin-top: 2px;
	width: 159px !important;
	width: 165px;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	background: #ffffff;
	float: left;
	font-size: 11px;
	text-align: left;	
}	

/* Menue right Aussenrahmen mit border 1 */
#right_outline{
	margin-top: 2px;
	width: 159px !important;
	width: 165px;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	background: #ffffff;
	float: right;
	font-size: 11px;
	text-align: left;
}

/* Banner Aussenrahmen mit Border */
#banner_outline{
   margin-top: 2px;
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	background: #ffffff;
    float: left;
}

/* User 1 schmal **************/
#user1_out_1{
	width: 276px !important;
	width: 282px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	

/* User 1 mittel **************/
#user1_out_2{
	width: 560px !important;
	width: 566px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
	
/* User 1  breit**************/
#user1_out_3{
	width: 359px !important;
	width: 365px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
/* User 1 large **************/
#user1_out_4{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	

/* User 2 schmal **************/
#user2_out_1{
	width: 276px !important;
	width: 282px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}

/* User 2 mittel **************/
#user2_out_2{
	width: 560px !important;
	width: 566px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
	
/* User 2  breit**************/
#user2_out_3{
	width: 360px !important;
	width: 366px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
/* User 2 large **************/
#user2_out_4{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
/* Pathway mit Border 1  */
#pathway_out_1{
	width: 560px !important;
	width: 566px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
	
#pathway_out_2{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}

/* Hauptausgabe 1 mit Border 1 (fuer Menu Left Standart) */
#main_out_1{
	width: 560px !important;
	width: 566px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
}
	
#main_out_2{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
}

#footer {
	width: 894px !important;
	width: 900px;
	border: 1px solid;
	border-color: #999999;
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
}


/* end - Ende der Rahmenliste */
/* ************************************************************* */

/* Zeilenumbruch erzwingen */
.clr {
	clear:both
}

/* ************************************************************* */

/* Header Area = Container fuer die Grafik */
#header_area {
	width: 900px;
}

/* Die Header Grafik */	
#header {
	background: url(../images/head01.jpg) no-repeat;
	width: 900px;
	height: 237px;
}

/* Container User 3 und 4, damit Elemente beim Verschieben nicht ausbrechen */
#con_u_34 {
	width: 900px;
}

/* Container Rechts fuer alle Elemente ausser left */
#sandbox_1{
	width: 733px;
	float: right;
	margin-right: 0px !important;
	margin-right: -4px;
}
#sandbox_2{
	width: 900px;
	float: left;
	margin-left: 0px !important;
	margin-left: 0px;
}

/* Container Links fuer left und top */
#con_left{
	width: 165px;
	float: left;
	margin-left: 0px !important;
	margin-left: 0px;
}

/* Container Rechts fuer right und top */
#con_right{
	width: 165px;
	float: right;
	margin-right: 0px !important;
	margin-right: 0px;
}

/* Container fuer User1, User2, Pathway und Main */
#con_main1{
	width: 566px;
	float: left;
	margin-left: 0px !important;
	margin-left: 0px;
}

#con_main2{
	width: 733px;
	float: left;
	margin-left:0px !important;
	margin-left: 0px;
}

/* das grosse Banner rechts */
#hauptbanner{
	/* background: url(../images/osmbanner2.png) no-repeat; */
	background-color:#eeeeee;
	width: 552px !important;
	width: 560px;
	height: 60px !important;
	height: 68px;
	float: left;
	padding: 3px;
	margin-top: 0px !important;
	margin-top: 0px ;
	background-position: center;
	border: 1px solid;
	border-color: #999999;
}
  
/* das kleine Banner links */
#klein_banner {
	background: url(../images/powered_by.png) no-repeat;
	width: 165px;
	height: 68px;
	float: right;
}
/* ************************************************************* */
/* Ab jetzt kommen Joomla spezifische Eintrge */

/* User 3 - Das Menue Top */
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #999999; /* cccccc */
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #1EB53A;
	background: transparent;
}

/* User 3 - Das Menue Top */
#buttons>ul#mainlevel-nav li a { 
      width: auto; 
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a:hover {
	color: #fff;
	/*background: #c64934;*/
      /*background: #99acbb;*/
         background: #E28C05;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.inputbox { 
	font-size: 11px;
	border: solid 1px #999999;
	background : #FFFFFF; 
	padding: 1px 2px;
	margin-top: 2px !important;
	margin-top: 1px;	
} 

#mod_login_remember.inputbox { /* Extra wegen MS-IE, damit kein verrutschter Border */
	 border: none;		       /* das Layout verunstaltet                           */
}

/* Menu Left/Right formatierung */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #D81E05;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #D81E05;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	background: url(../images/menu_bg.png) no-repeat;
	background-position: 0px -25px;
	color:#E28C05;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

td {
	text-align: left;
	font-size: 11px;
}

table.contentpaneopen {
    width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

a:link, a:visited {
	color: #c64934; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #900;	text-decoration: none;
	font-weight: bold;
}

.contentheading {
	height: 30px;
	color: #c64934;
	font-weight: bold;
	font-size: 17px;
	white-space: nowrap;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

.pathway {
/*	overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;*/
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav-prev {
  /*text-align: center;*/
  font-size: 11px;
  font-weight: bold;
  /*border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;*/
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #999999;
}

.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}