/* 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: #5f9baf;
	background-image: url(../images/bg_big.jpg);
    background-position: top;
    background-repeat:no-repeat;
	font-size: 14px;
	color: #333333;
}

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

/* Der Hauptrahmen mit Border 1*/
#body_outline{
	/* width: 900px !important;*/
	width: 900px;
	border: 0px solid;
	border-color: #999999;
	padding: 0px;
	/*background: #ffffff;*/
	/*background: white;*/
	
	/*background-image: url(../images/bg.jpg);*/
	/*background-position:bottom;*/
	/*background-repeat:no-repeat;*/


}

/* user 3 Aussenrahmem mit Border 1 */
/*#user_3_outline{
	width: 731px !important;
	width: 733px;
	border: 1px solid;
	border-color: #999999;
	background: url(../images/subhead_bg.png) repeat-x;
	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: url(../images/subhead_bg.png) repeat-x;
	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: 14px;
	width: 159px !important;
	width: 165px;
	border: 1px solid;
	border-color: #999999;
	padding: 0px;
	background: #ffffff;
	float: left;
	font-size: 11px;
	text-align: left;	
}	

/* Menue right Aussenrahmen mit border 1 */
#right_outline{
	margin-top: 14px;
	width: 159px !important;
	width: 165px;
	border: 1px solid;
	border-color: #999999;
	padding: 0px;
	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: #77b800;
	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: #77b800;
	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: 0px 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: 0px 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: 8px;
        color: #bbbbbb;
}


/* 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: 169px;
}

/* 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: 1.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: #333333;
	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;
}

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: #ffffff;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 0 0;
}

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

a img { border:0; }

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: #fff;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 141px;
	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:#fff;
	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: #dc6000;
	font-weight: bold;
	font-size: 14px;
	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;
}



/* alex hinzugefügt*/

h1 {
margin:0px 0px 2px 0px;
padding:0px 0px 0px 0px;
color:#555555;
background:transparent;
font:bold 14px Verdana,Arial,Helvetica,sans-serif;
}


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

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

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

h6 {
background-color:#b0cdf5;
font-size: 12px;
color: #dc6000;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}