/*
do not remove
cc license
framework by bleekk
www.bleekk.com
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

/******************************************************************/
body, html { 
  margin: 0;
  background: url(images/bg.jpg) top left repeat #F5F5F5;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333333;
}

.clear{clear:both;}

p {
  color: #000;
  margin: 0;
  padding: 5px !important;
}

.row {width: 1024px; margin: 0 auto;}
  
.topmenu{
  width:1024px;
  height: 27px;
  line-height: 30px;
  background: #fff;
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 3px solid #B4E430;
  border-top:2px solid #ccc;
  }

.topmenu ul{
  padding:0;
  margin: 0;
  text-align: left;
  }

.topmenu li{display:inline;  padding: 10px;}

.topmenu a{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
  
.header2{
  width:1024px;
  height: 90px;
  color: #000;
  text-align: left;
  background: url(images/header.gif) top left no-repeat #fff;
  margin-bottom: 20px;
  border:2px solid #fff;
  }
  
.mysitename{
  height: 70px;
  width:280px;
  background: #fff;
}

.mysitenameinner{padding: 5px;}

.mysitename a{
  font-size: 1.4em;
  color: #000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  }

.mysitename span{
  font-size: 1.2em;
  color: #000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  display: block;
  }
  
.nivoSlider {
  width: 680px;
  position:relative;
  min-height:220px;
  margin:18px 0 20px 18px;
  background:#202834 url(images/loading.gif) no-repeat 50% 50%;
  -moz-box-shadow:0px 0px 5px #333;
  -webkit-box-shadow:0px 0px 5px #333;
  box-shadow:0px 0px 5px #333;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.nivoSlider a {border:0;}

.nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background: url(images/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}

/*search*/
#search-form{
  width: 250px;
  height: 30px;
  margin: 5px 0 5px 5px;
  background: url(images/search-form.gif) top left no-repeat transparent;
}
#searchform{padding:0; }
#searchtext{width: 210px; background: transparent; vertical-align: top; padding-top:7px; padding-left: 7px; border: none; text-shadow: 1px 1px 1px #C2C6CD; color:#464C54}
#searchbutton{background: transparent; padding-top: 5px; border: none;}

/*override jquery ui loaded by impresscms*/
#main-container .ui-corner-all{border: none !important; -moz-border-radius: 0!important}
#main-container .ui-widget-header{background: none !important; border:none !important}
#main-container .ui-state-active, .ui-widget-content .ui-state-active{border: none !important;}
#main-container .ui-state-default, .ui-widget-content .ui-state-default{border:none !important}
#main-container .ui-tabs .ui-tabs-panel{padding: 0 !important}
#main-container .ui-widget-content{border:none !important; background: transparent !important; font-size:13px !important}
#main-container .ui-widget-content input[type=submit]{font-size:9px !important}
#main-container .ui-cornet-bottom{-moz-border-radius: 0 !important}
/*end override*/

.ui-tabs { position: relative; padding: 0 !important; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 !important; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0 !important; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; background: #bbb; text-decoration: none; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; font-size: 0.9em !important}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; margin-left: 1px; margin-right:1px;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-nav li.ui-tabs-selected a {background: #ffffff !important; color: #000;}
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*main container*/
#main-container{
  width: 1024px;
  margin: 0 auto;
  margin-bottom: 30px;
}

#m-container{
  width: 1024px;
  margin: 0 auto;
  display: inline; /*important for ie6*/
  }

#rightcolumnmain{
  width: 300px;
  float:right;
  background: transparent;
  margin: 0 0 0 10px;
}
.leftcolumn{
  width: 300px;
  background: transparent !important;
  margin: 0 0 20px 0;
  }

.rightcolumn{
  width:300px;
  background: #fff;
  border: 1px solid #DFDFDF;
  margin: 0;
  }

.centercolumn{
  background: #fff;
  margin: 0;
  border: 1px solid #DFDFDF;
  float: left;
  }

.dreispalten-layout{width:712px;}
.zweispalten-layout{width:712px;}

.footer{
  width:1024px;
  height: 30px;
  line-height: 30px;
  color: #000;
  background: transparent;
  text-align: left;
  text-shadow: 1px 1px 1px #C2C6CD; color:#464C54;
  }

.footer a{text-shadow: 1px 1px 1px #C2C6CD; color:#464C54;}

/*Inhalt*/
.page-content{margin: 0 0 5px 0; float: left;}
.page-content-inner{margin:0; padding:5px;}

/* Blöcke */
/*je nach spaltenanzahl die angezeigt wird, wird die blockbreite der bottom blöcke geändert */
.dreispalten-block{
  width: 354px;
}

.zweispalten-block{
  width: 354px;
}

.vollansicht-block{
  width: 510px;
}

.centerblock-left{
  margin: 0 2px 5px 0;
  overflow: hidden;
  float: left;
  }

.centerblock-right{
  margin: 0 0 5px 2px;
  overflow: hidden;
  float: right;
  }

.centerblock-center{
  margin: 0 0 5px 0;
  overflow: hidden;
  float: left;
  display: block;
  }

.left-block-container{
  padding: 5px;
  }

.left-block-title{
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px;
  background: transparent;
  }

.left-block-content{
  padding: 5px;
  background: #fff;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  }

.right-block-container{padding: 5px;}

.right-block-title{
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px;
  background: #464C54;
  color: #fff;
  }

.right-block-content{padding: 5px;  background: #fff;}

/*block-title und block-content gilt für alle Blöcke in der mittleren Spalte*/

.center-center-container{margin:2px;}
.center-right-container{margin:2px;}
.center-left-container{margin:2px;}

.block-title{
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px 15px;
  background: #fff;
  }

.block-content{
  padding: 5px 15px;
  background: #fff;
  }

/* END Blöcke */

/*buttons*/
input[type=button], input[type=submit], input[type=reset] { 
    padding:8px 14px 8px 14px;
  font-size:9px;
    BACKGROUND: #464C54;
    COLOR: #fff;
    CURSOR: pointer;
  BORDER: none;
  text-transform: uppercase;
}
input[type=checkbox]{background: #fff;}
input{border:1px solid #BBBBBB;}

/* hypertext links */
a {
  text-decoration: none;
  border: none;
  font-weight: bold;
  color: #333;
}
a:hover {
  text-decoration: underline;
}

/* titles */
h1, h2, h3 {
  margin: 0;
  font-weight: normal;
  color: #000000;
}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

/*listing*/
ul{ margin: 0px; padding:0 0 0 15px;}
li{margin:0px; list-style: disc;}

/* block main menu */
#mainmenu {  font-size: 13px; padding:0px 20px 0px 20px;}
#mainmenu a {
  display: block;
  margin: 0;
  border: none;
  color: #333333;
  padding-top:10px;
  padding-bottom:10px;
  border-top:1px solid #d6dde0;
  font-weight: normal;
}
#mainmenu a:hover {background-color: #f8f8f8;}
#mainmenu a.menuTop {border: none;}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {padding-left: 10px;}
#mainmenu a.menuSub:hover {background-color: #f8f8f8;}

/* block user menu */
#usermenu {font-size: 13px; padding:0px 20px 0px 20px;}
#usermenu a {
  display: block;
  color: #333333;
  padding-top:10px;
  padding-bottom:10px;
  border-top:1px solid #d6dde0;
  font-weight: normal;
}
#usermenu a:hover {}
#usermenu a.menuTop {border: none;}
#usermenu a.highlight {background-color: #A52524;}

  

/* tables and cells */
table {width: 100%;}
table td {
  padding: 0;
  border-width: 0;
  vertical-align: top;
}
th {
  height: 28px;
  line-height: 28px;
  vertical-align : middle;
    color: #333333;
}
.outer {}
.head {
  background-color: #f4f4f4;
  font-weight: bold;
  padding:2px;
}
.even {
  background-color: #f7f7f7;
  padding:2px;
}
.even a{font-weight: normal;}

.odd {
  background-color: #f9f9f9;
  padding:2px;
}
.odd a{
  font-weight: normal;
}
.foot {
  background-color: #f4f4f4;
  font-weight: bold;
  padding:2px;
}
tr.even td {
  background-color: #f7f7f7;
  padding:2px;
}

tr.odd td {
  background-color: #f9f9f9;
  padding:2px;
}

/* Artikel (news, smartsection modul)*/
.content_headertable a{padding:2px;}
.content_content_body{padding: 5px 0;}

.item {margin-bottom: 0px; padding: 5px;}
.itemHead {
  padding: 3px;  
  color: #fff;
  font-size: 1em;
  color: #0079AC;
  font-weight: bold;
}
.itemInfo {
  text-align: right;
  padding: 3px;
  background-color: inherit;
}

.itemTitle a {
  font-size: 1em;
  color: #0079AC;
}
.itemPoster {
  font-size: .9em;
  font-style:italic;
}
.itemPostDate {
  font-size: .9em;
  font-style:italic;
}
.itemStats {
  font-size: .9em;
  font-style:italic;
}
.itemBody {padding-left: 5px;}
.itemText {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.5em;
}
.itemText:first-letter {}
.itemFoot {
  text-align: right;
  padding: 3px;
  background-color: #f9f9f9;
}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

/* Forum */
.comTitle {
  font-weight: bold;
  margin-bottom: 2px;
}
.comText {padding: 2px;}
.comUserStat {
  font-size: 10px;
  font-weight:bold;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 2px; padding: 2px;
}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {
  margin-left: 2px;
  margin-top: 10px;
  color: #639ACC;
  font-weight:bold;
  font-size: .8em;
}
.comUserRank {margin: 2px;}
.comUserRankText {
  font-size: .8em;
  font-weight:bold;
}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {
  font-weight: normal;
  font-style: italic;
  font-size: .8em
}  
.comDateCaption {
  font-weight: bold;
  font-style: normal;
  font-size: .8em
}
.signature {
  font-size:.8em;
  font-style:italic;
}

/* core messages */
.errorMsg { background-color: #ffd5d5;  color:#cf3738; text-align: left; border: 1px solid #ffacad; padding: 10px;}
.confirmMsg { background-color: #cdefa6; color: #648434; text-align: left; border: 1px solid #9bcc54; padding: 10px;}
.resultMsg { background-color : #a8cde3; color: #1c6b8b; text-align: left; border: 1px solid #6abce2; padding: 10px;}

/* codes and quotes */
.xoopsCode { background-color: #fff; color:inherit; border-left: 3px solid #dbd9da; border-right: 1px solid #dbd9da; border-bottom: 1px solid #dbd9da; border-top: 1px solid #dbd9da; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; max-height: 200px; overflow: auto;}
.xoopsQuote { background-color: #fff; color:inherit; border: 1px solid #dbd9da; font-family: "Courier New",Courier,monospace; font-style:italic; padding: 0 6px 6px 6px;}