/* 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: #c0c0c0;



	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: #c0c0c0;



	padding: 2px;



	/*background: #000000;*/



	background: white;



}









}





/* 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: #c0c0c0;



	padding: 2px;



	background: #000000;





}







/* 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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	padding: 2px;



	background: #ffffff;



	float: right;



	font-size: 11px;



	text-align: left;



}











/* User 1 schmal **************/



#user1_out_1{



	width: 276px !important;



	width: 282px;



	border: 1px solid;



	border-color: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	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: #c0c0c0;



	background: #ffffff;



	float: left;



	margin-top: 2px;



	padding: 2px;



	font-size: 11px;



}







#footer {



	width: 894px !important;



	width: 900px;



	border: 1px solid;



	border-color: #c0c0c0;



	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;







}



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



/* 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 #c0c0c0; /* 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 #c0c0c0;



	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: #666666;



	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: #ccc;



	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:#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: #c64934;



	font-weight: bold;



	font-size: 14px;



	white-space: nowrap;



}







.small {



	color: #c0c0c0;



	font-size: 11px;



}







.createdate {



	height: 15px;



	padding-bottom: 10px;



	color: #c0c0c0;



	font-size: 11px;



}







.modifydate {



	height: 15px;



	padding-top: 10px;



	color: #c0c0c0;



	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 #c0c0c0;



}







.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: #c0c0c0;



  padding: 4px;



}