/**
author: raduga http://mambasana.ru
**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  margin           : 0;
}

#contenttb {
padding: 10px 15px;
}

div.mod {
  background       : none;
  width            : 6px;
}

td, tr, p, div {
  font-family      :  Arial, Helvetica, sans-serif;
  color            : #333333;
  font-size        : 13px;
  line-height      : 16px;  
}

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

a:hover {
/**
color            : #999999;
background    : none; 
  text-decoration  : underline;
**/
  color                : #ffffff;
  background        : none;
  text-decoration  : none;
}

a:link, a:visited {
  color            : #8F0202;
  text-decoration  : none;
 }

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

ul li p {
margin           : 0; 
padding          : 0;
}

li {  
  line-height      : 14px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-image : url(../images/bullet.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

ol li {
background-image: none;
}

h1 {font-size        : 18px;
    color            : #8B1C00;
    margin           : 10px 0;
    padding          : 3px;
    background       : #f0f0f0;
}

h2 {font-size        : 16px;
    color            : #434343;
    margin           : 5px 0;
    padding          : 3px;
}



h3 { font-size        : 14px;
    color            : #8B1C00;
    margin           : 5px 0;
    padding          : 3px;
}


img {
border: 0 none; 
}

pre {
width : 500px;
overflow : auto;
font-size : 12px;
border : 1px solid #ccc;
border-left : 5px solid #ccc;
padding : 15px;
margin : 15px 0;
}  


blockquote {
      width        :500px;
	margin       : 15px 0;
      padding      : 15px;
      border-top   :3px solid #434343;
      border-bottom:3px solid #434343;
      background   : #EFEFEF;
}


.highlight {
	background-color: #cccccc;
}


form {
margin           : 0; 
padding          : 0;
}


.inputbox {
 color        : #000000;
 background   : #ECEEEF;
 border       : 1px solid #cccccc;
 margin       : 3px 0;
}



form select.button{
 color        : #000000;
 background   : #ECEEEF;
}



option {
background   : #ffffff;
}

table.adminform textarea {
  width      : 450px;
  height     : 400px;
  color      : #000000;
}


/**#################### Joomla CSS ####################**/

/** Buttons **/

.button {
  font-size        : 11px;
  color            : #EDF1F3;
  border           : 1px solid #8B1C00;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : url(../images/button.gif) repeat-x top left;
}


.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
}

div.back_button a {
text-decoration    : none;
}

/** Contact **/
.contact_email  {
  width            : 100%;
}



.contact_email .inputbox {
}


/** Modules **/

div.moduletable, div.moduletable_menu, div.module_text {
    text-align: left;
    margin           : 0 0 20px 0;
}


div.moduletable h3, div.moduletable_menu h3, div.module_text h3 {
      font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	color              : #f1f1f1;
	line-height        : 23px;
	background         : url(../images/bg_mod_nf.jpg) #B40202 repeat-y top left;
      height             : 25px;
      margin             : 0 0 15px 0;
      padding            : 0px;
}


#top_nf div.moduletable{
    text-align         : left;
    margin             : 0 0 5px 0;
    color              : #ffffff;
    overflow           :hidden;
}

#top_nf div.moduletable table.contentpaneopen td{
      color            : #ffffff;
}


#top_nf div.moduletable p {
padding                :0;
margin                 : 0 0 6px 0;
}


#top_nf div.moduletable h3{
	font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : left;
	width              : 100%;
      color              : #EBEFF2;
	line-height        : 25px;
	background         : url(../images/bg_mod_nf.jpg) repeat-y top left;
      height             : 27px;
      margin             : 0 0 5px 0;
      padding-left       : 5px;
}


/** Read more **/

a.readon:link, a.readon:visited {
  color            : #af2222;
  font-size        : 11px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px 1px 15px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
}


a.readon:hover {
/**
  color            : #999999;
  background     : #af2222;
**/
  color            : #ffffff;
  background     : #af2222;
  font-size        : 11px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 15px;
  line-height      : 15px;
  text-decoration  : none;
}

/** Pagenavigation **/

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

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; } 

.pagination {
  font-weight      : normal;
}



a.pagination:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}


a.pagination:hover {
/**
  color            : #af2222;
  background    : none;
**/
  color             : #ffffff;
  background     : #af2222;
  font-size        : 11px;
  text-decoration  : none;
}

table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #f3f5f6;
  padding          : 0;
  margin-left      : 10px;
  margin-bottom    : 5px;
}


table.contenttoc th {
  margin           : 0;
  padding          : 2px;
  background       : #e7eaec;
  color            : #333333;
}


table.contenttoc td {
 margin             : 0;
 padding            : 3px 4px;
 border-bottom      : 1px solid #dcdcdc;
 background-image   : url(../images/bullet.gif) ;
 background-repeat  : no-repeat;
 background-position: 4px 7px;
}


table.contenttoc td a:link, table.contenttoc td a:visited {
padding-left         : 12px !important;
padding-left         : 0;
text-indent          : 12px;
text-decoration      : none;
}

/** Pathway **/

.pathway {
  font-size        : 11px;
  color            : #333333;
  padding-left     : 5px;
}


a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : underline;
}

a.pathway:hover {
/**
  color            : none;
  background     : #af2222;
**/
  color               : #ffffff;
  background     : #af2222;
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;
}

.pathway img{
  padding-top     : 5px;
}

span.breadcrumbs {}


/** Content **/

.sectiontableheader {
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #434343; 
  padding          : 3px 5px;
  border           : 1px solid #ffffff;
}

td.sectiontableheader a {
color              : #F6F7F9;
font-size          : 12px;
text-decoration    :none;
}



.sectiontableentry1 {
  vertical-align   : top;
  background       : #F2F2F2;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;
}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;
}


.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #ffffff;
  background       : #E5E5E5;
  line-height      : 20px;
}


#rightcol .sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #8B1C00;
  background       : #BA310E;
  line-height      : 20px;
  color            : #f1f1f1;
}


#rightcol .sectiontableentry1 {
  vertical-align   : top;
  background       : #A5290A;
  border-bottom    : 1px solid #8B1C00;
  line-height      : 20px;
  color            : #f1f1f1;
}


.sectiontableentry1 img{
margin: 2px 0;
}

.sectiontableentry2 img{
margin: 2px 0;
}


a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding          : 5px;
}

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

.smalldark {
  font-size        : 11px;
  color            : #333333;
}

.createdate, .modifydate,.createdby {
  font-size        : 11px;
  color            : #999999;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}

.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
}

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

table.content{
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

table.contentpaneopen {
  width            :100%;
  border-spacing   : 0;
  padding-left     : 0;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading a {
text-decoration:none;
}


td.componentheading {
display      :block;
margin-bottom: 10px;
}

div.componentheading {
margin       : 5px 0;
}


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}


 .blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}


.blog {
width:100%;
}



span.article_separator{
display   : block;
width     : 100%;
height    : 20px;
background: url(../images/bg_separator.jpg) no-repeat 50% 30%;
}


div#page {
margin-bottom: 15px;
}


td.article_column{
padding-right: 10px;
}

/** Polls **/

.poll {
	color: #f1f1f1;
	line-height : 13px;
	font-weight : normal;
      text-align  : left;
}

.poll thead td{
	color      : #f1f1f1;
      text-align :center;
      line-height: 18px;
}



.pollstableborder{
  border-color     : #999999;
  text-align       :left;
  color            : #f1f1f1;
}

/** CSS for Mainmenu **/

.moduletable_menu ul, .moduletable_menu ul li
{
  background-image: none;
  display           : block;
  width             : auto !important;
  width             : 100%;
  margin            : 1px 0;
  padding           : 0;
  font-size         : 13px;
  background        : none;
}

.moduletable_menu ul li a, .moduletable_menu ul li a:link, .moduletable_menu ul li a:visited
{
  display          : block;
  font-size        : 13px;
  border-bottom    : 1px solid #DCDFE1;
  font-weight      : normal;
  padding          : 3px 0;
  color            : #666666;
  padding-left     : 10px;
  text-decoration  : none;
}

.moduletable_menu ul li a:hover
{
/**
  color            : #666666;
  background       : #E5E5E5;
**/
  color            : #ffffff;
  background       : #af2222;
  border-bottom    : 1px solid #DCDFE1;
  font-size        : 13px;
  font-weight      : normal;
  text-decoration  : none;
  padding-left     : 10px;
}

.moduletable_menu ul li.active a:link,
.moduletable_menu ul li.active  a:visited
{
  color           : #8B1C00;
  border-bottom    : 1px solid #DCDFE1;
  background       : #E5E5E5;
  text-decoration	 : none;
  font-size        : 13px;
  font-weight      : bold;
}

.moduletable_menu ul li .active ul li a:hover,
.moduletable_menu ul li .active ul li ul li a:hover
{
/**
  color              : #8B1C00;
  background     : none
**/
  color                : #ffffff;
  background        : #af2222;
  font-size         : 13px;
  font-weight     : normal;
  text-decoration  : none;
}

.moduletable_menu ul li ul li a:link, 
.moduletable_menu ul li ul li a:visited, 
.moduletable_menu ul li ul li ul li a:link,
.moduletable_menu ul li ul li ul li a:visited
{
   font-size        : 12px;
   font-weight      : bold;
   color            : #999999;
   text-decoration  : none;
   margin-left      : 15px;
   border           : none;
}

.moduletable_menu ul li ul li a:hover,
.moduletable_menu ul li ul li ul li a:hover
{
/**
  color            : #666666;
  background       : none;
**/
  color                : #ffffff;
  background        : #af2222;
  font-size       : 12px;
  font-weight    : normal;
  text-decoration  : none;
}

.moduletable_menu ul li.active ul li a:link,
.moduletable_menu ul li.active ul li a:visited,
.moduletable_menu ul li.active ul li ul li a:link,
.moduletable_menu ul li.active ul li ul li a:visited
{
/**
  color            : #666666;
  background       : none;
**/
  color            : #666666;
  background       : none;
  font-size        : 12px;
  font-weight      : normal;
  text-decoration  : none;
}

.moduletable_menu ul li.active ul li a:hover,
.moduletable_menu ul li.active ul li ul li a:hover
{
/**
  color            : #666666;
  background       : none;
**/
  color            : #ffffff;
  background       : #af2222;
  font-size        : 12px;
  font-weight      : normal;
  text-decoration  : none;
}

ul.menu li.parent ul li #current a
{
  background       : none;
  font-size        : 12px;
  font-weight      : bold;
  color            : #000000;
  text-decoration  : none;
}


/** Topmenu  **/


ul#mainlevel-nav {
  list-style       : none;
  margin           : 0;
  padding          : 0;
  font-size        : 13px; 
}

#mainlevel-nav li {
  display          : inline;
  list-style       : none;
  background-image : none;
  width		 : auto;
  color		 : #ffffff;
}

#mainlevel-nav li a {
      display          : inline;
      width		     : auto;
	padding	     : 10px 6px;
	color		     : #ffffff;
      text-decoration  : none;
	font-weight	     : normal;
      line-height      : 36px !important;
}


#mainlevel-nav li a:hover {
    color				: #ffffff;
	background     : url(../images/bg_topmenu.gif) repeat-x bottom left;
	width				: auto;
	padding			: 10px 6px;
 	font-weight			: normal;
	text-decoration		: none;
}

ul #mainlevel-nav li #active_menu-nav {
	cursor			    : default;
	width				    : auto;
	background         : url(../images/bg_topmenu.gif) repeat-x bottom left;
	padding			    : 10px 6px;
	color				    : #ffffff;
	text-decoration	: none;
}


ul #mainlevel-nav li #active_menu-nav:hover {
	color				: #ffffff;
	background		: #af2222;
    cursor			: pointer;
	width				: auto;
 	padding			: 10px 6px;
	text-decoration	: none;
}

/** images **/



div.mosimage         {  margin: 5px; }

div.mosimage_caption {  font-size: 11px; color: #666; }

div.caption       { padding: 0 10px 0 10px; }

div.caption img   { border: 1px solid #CCC; }

div.caption p     { font-size: 11px; color: #666; text-align: center; }


/** index.php **/

#body {
background: url(../images/bg_body_bl.jpg) #000000 no-repeat bottom left;
background-attachment: fixed;
}

#logo {
  background     : url(../images/feuerwerk3.gif) no-repeat 0px 5px;
  height         : 96px;
}

#mcwfoto {
  position       : absolute;
  right          : 0px;
  top            : 5px;
  background     : url(../images/checkmate.jpg) no-repeat; 
  width          : 216px;
  height         : 130px;
}

#mcwlogo {
  position       : absolute;
  left           : 140px;
  top            : 25px;
  background     : url(../images/mc-wohlen.jpg) no-repeat; 
  width          : 60px;
  height         : 67px;
}

#titelmcw {
  position       : absolute;
  left           : 250px;
  top            : 30px;
  line-height    : 48px;
  font-family        : Helvetica;
	font-size          : 30px;
	font-weight        : bold;
	text-align         : center;
	color              : #f1f1f1;
}

#imglogo {
border :0;
width  :220px;
height :80px;
}

div.maincol {
margin-bottom : 15px;background  : #ffffff;
}

#pw {
padding          : 0 5px;
width            : auto;
background       : url(../images/bg_ch.jpg) repeat-y top left;
margin-bottom    : 15px;
height           :25px;
line-height      :23px;
}

#topnavarea {
text-align : left; 
height:36px; 
display:block;
position:relative;
} 

.footer_left {
  float            : left;
  font-size        : 12px;
  font-weight      : normal;
}

.footer_left p {
padding-left     : 20px;
padding-top      :20px;
margin-top       :0;
color            : #C60101;
}

.footer_right {
  width            : 410px; 
  float            : right;
  font-size        : 12px;
  font-weight      : normal;
  text-align       : right;
}

.footer_right p {
padding-right    : 20px;
padding-top      :20px;
margin-top       :0;
color            : #C60101;
}

.footer_right p a, .footer_left p a{
color            : #C60101;
text-decoration  :none;
}

.foot {
height    : 94px;
background: url(../images/bg_footer.jpg) repeat-x top left;
clear     :both;
}

#topnavmenu {
text-align: left; 
height    :36px; 
clear     :both;
}

#body_br {
background    : url(../images/bg_body_br.jpg) no-repeat bottom right;
background-attachment: fixed;
margin:0;
padding-bottom:50px;
text-align    :center;
}

#top_nf p {color: #ffffff;}

#top_nf a {color: #000000;}


/** right modules **/

div.rightgrey a:link, div.rightgrey a:visited, #rightcol div.module a:link, #rightcol div.module a:visited, div.modcontent a:link, div.modcontent a:visited{
color: #dcdcdc;
}

div.rightgrey a:hover, #rightcol div.module a:hover {
/**
color: #AF2222;
**/
  color                 : #ffffff;
  background         : url(../images/mod_right_red.gif) #af2222 repeat-x top left;
  text-decoration   : none;
}

 div.rightgrey {
  width        : 192px;
  background   : url(../images/mod2_repeat.gif) repeat-y;
  margin-bottom: 5px;
}

 div.rightgrey div {
  background   : url(../images/mod2_bottom.gif) bottom left no-repeat;
}

 div.rightgrey div div {
  background  : url(../images/mod2_top.gif) top left no-repeat;
  padding     : 10px 0 10px 0;
}

 div.rightgrey div div div {
  background : url(../images/px.gif) no-repeat;
  width      : auto;
  padding    : 5px 10px 20px 10px !important;
  padding    : 0 10px 10px 10px;
  color     : #f3f3f3;
}

 div.rightgrey div div div h3 { 
  display          : block;  
  padding          : 0 0 5px 0;  
  margin           : 0;
  font-size        : 13px;
  font-weight      : bold;
  color            : #f3f3f3;
  text-align       : center;
  letter-spacing   : 1px;
  background       : none;
}


div.rightgrey div div div p, div.rightgrey div div div td{
    color     : #f3f3f3;
}

contentmod {
text-align   : left;
padding      : 4px 0;
}

.contentmod td {
padding      : 1px;
}

.contentmod a:hover {
/**
  color                 : #af2222;
  background         : url(../images/mod_right_red.gif) #af2222 repeat-x top left;
  text-decoration  : underline;
**/
  color                 : #ffffff;
  background         : url(../images/mod_right_red.gif) #af2222 repeat-x top left;
  text-decoration  : none;
}

.contentmod table.moduletable {
margin           : 0 0 1px 0;
width            : auto;
border           : 1px solid #DDE1E3;
background       : #ECEEEF;
}

.contentmod table.moduletable th{
	font-size           : 14px;
	font-weight       : bold;
	text-align          : center;
	width                : 100%;
	color                 : #616161;
	padding             : 10px;
	line-height         : 10px;
	border-bottom    : 1px solid #DDE1E3;
	background        : url(../images/mod_center.gif) #E7EAEC repeat-x top left;
}

/** content modules **/

div.modcontent a {
color: #cccccc;
}


 div.modcontent {
  background   : url(../images/modcontent_br.gif) #434343 no-repeat bottom right;
  margin-bottom: 15px;
}

 div.modcontent div {
  background: url(../images/modcontent_bl.gif) bottom left no-repeat;
}

 div.modcontent div div {
  background: url(../images/modcontent_tl.gif) top left no-repeat;
}

 div.modcontent div div div {
  background: url(../images/saturn.gif) no-repeat 100% 50%;
  width     : auto;
  padding   : 5px 10px 20px 10px !important;
  padding   : 5px 10px 10px 10px;
  color     : #f3f3f3;
}


div.modcontent div div div p, div.modcontent div div div td{
  color     : #f3f3f3;
}

 div.modcontent div div div h2 { 
  display          : block;  
  padding          : 0 10px 5px 0;  
  margin           : 0;
  font-size        : 15px;
  font-weight      : bold;
  color            : #ffffff;
  text-align       : left;
  letter-spacing   : 1px;
  background       : none;
  }

/** Login **/


#loginbg{

	background: #434343;

	color: #fff;

	margin: 5px 0 10px 0;

	padding: 5px;

	text-align:left

      

      }



form#login{

	color: #fff;

	margin: 5px 0 10px 0;

	padding: 5px;

	text-align:left

      

      }



form#login p{

	margin: 5px 0;

	padding: 3px 0;

	text-align:left

      

      }



form#login fieldset{

border: none;

margin:0;

padding:0;

background: url(../images/lock.jpg) no-repeat 100% 35px;

}



form#login fieldset label {

color: #f1f1f1;

}



form#login fieldset .inputbox {

color        : #f1f1f1;

 background   : none;

 border       : 1px solid #696969;

 margin       : 3px 0;

 padding-left : 3px;

}



form#login ul a

{text-decoration: none;}



form#login ul li a.register {

color: #E10301;

}



form#login ul li a.forgotname {

color: #EEEEEE; 

}



form#login ul li a.forgotpass {

color: #EEEEEE; 

}



form#login fieldset p{

padding: 0 5px; 

margin: 5px 0 2px 5px;

}



form#login fieldset input.button{

margin: 5px 0 20px 10px;

}



form#login ul

{padding-bottom:10px;}









/* Tooltips */

.tool-tip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

}



.tool-title {

	padding: 0;

	margin: 0;

	font-size: 12px;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../../system/images/selector-arrow.png) no-repeat;

}



.tool-text {

	font-size: 12px;

	margin: 0;

}





/* System Standard Messages */

#system-message dd.message ul { background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;}



/* System Error Messages */

#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}



/* System Notice Messages */

#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
