/****************************************************************** 
  Include Media - Rothenbuecher & Kroll GbR
  Website: www.includemedia.de
  Description: main css
  Project: website.de
  Date: XX/2009
******************************************************************/

/*. general settings .*/

body{
  font: 11px verdana, sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #454544;
/*  background: #BF8B42 url(../images/page/bg/bg_rep.jpg) repeat-y center 0px;*/ 
   background:#D6E59B url(../images/page/bg/bg4.jpg) repeat scroll 0 0;
 background: #999999;
  background: #aaa url(../images/page/bg/bg_rep.jpg) repeat-y center 0px;

}

#coffee, #pen, #postit{
  display: none;
}

body, p, h1, h2, h3, h4, h5{ margin:0; padding:0;}
a img{ border: none; } 
a:active, a:focus { outline: 0 }
.cf{ clear: both; height: 0px; overflow: hidden; font-size: 1px; }
h1{ font-size: 16px; }h2{ font-size: 15px; }
h3{ font-size: 14px; }h4{ font-size: 13px; }
h5{ font-size: 12px; }

.showOnPrint, .showOnJS{ display: none;  }

.headerAndButtons, .belogout{
  display: none;
}


a, a:visited{
  color: #837e0d;
}

a:hover{
  color: #e00;
}

h1{
  font-size: 11px;
  padding: 7px 0px;
}

#contentCol .bodytext{
  padding: 0px 0px 5px 0px;
}

#contentCol h1{
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.1;
  padding: 10px 0px 7px 0px;
}

#contentCol h2{
  font-size: 11px;
  padding: 7px 0px 3px 0px;
}

#contentCol h3{
  font-size: 11px;
  font-weight: bold;
  padding: 7px 0px 3px 0px;
}

/*. layout colours .*/

/*. layout measures .*/

#head{
  height: 265px;
  position: relative;
}

#main, #footer{
  width: 569px;
}

#contentCol{
  background: #fff;
  min-height: 500px
}

#main, #footer{
  padding: 0px 10px;
  margin: auto;  
}

/* page to center */

#main{
  background: url(../images/page/bg/bg06.jpg) no-repeat ;

}

/*. layout .*/

#contentColHolder{
  width: 100%;
}

#leftCol{
  float: left;
  position: relative;
}

#footer{
  clear: left;
}

#footer .tube{
  background-color: #fff;
}

/* create left margin */

#main, #footer{  
  padding-left: 249px;
  padding-right:182px;  
}

/* sticky footer */

/*
#main{
	min-height: 100%;
	height: auto !important;
	height: 100%;
  margin-bottom: -35px; 
}

#footer, #push{
	height: 35px; 
}

html, body {
	height: 100%;
}
*/

.bottomSpacer{
  height: 30px;
}

/*. tubes .*/


#main .tube{
  position: relative;  
}

#head .tube{
  padding: 20px 10px;
}

#leftCol .tube{
  padding: 5px 5px 5px 10px;
}

#contentCol .tube{
  padding: 5px 20px 5px 30px;
}

#footer .tube{
  padding: 30px 20px 0px 30px;
}

/******************/
/*  navigations   */
/******************/

.nav ul{
  margin: 0;
  padding: 0;
  list-style-type: none;  
  padding-bottom: 3px;
  padding-top: 10px;
}

/*. left col .*/


#leftCol .nav{
  padding: 0px 0px 20px 0px;
}

#leftCol .nav ul{

}

#leftCol .nav a{
  text-decoration: none;
  font-size: 12px;
}

/*. footer .*/


#footer .nav li{
  display: inline;
  margin-right: 10px;
}

#footer .nav a{
  text-decoration: none;
  color: #444;
}

#footer .nav a:hover{
  color: red;
}


/***************/
/*. components */
/***************/

/*. footer .*/


.floatRight{
  float: right;
}

.floatLeft{
  float: left;
}

#head .floatRight{
  margin-left: 10px;
}

#head .floatLeft{
  margin-right: 10px;
}

#pageTitle {
  position: absolute;
  top: 125px;
  left: 30px;
}

#subTitle {
  position: absolute;
  top: 158px;
  left: 32px;
}

/*. right col .*/

#contentCol p{
  padding: 0px 0px 5px 0px;
}

#contentCol .bodytext a,
#contentCol ul a,
#contentCol .csc-menu a{
  background: transparent url(../images/link-bg.gif) repeat-x scroll 0 0;
  color: #454544;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
}

#contentCol .bodytext a:hover,
#contentCol ul a:hover,
#contentCol .csc-menu a:hover{
  border-bottom: 1px solid #454544;
}

#contentCol .tx-timtabsociable-pi1 a, a:hover {
  border-bottom: none;
}

/*. bullet points in content area .*/

#contentCol ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

#contentCol ul li{
  padding-left: 21px;
  background: url(../images/page/liarrow.png) no-repeat 5px 5px;
}

div.csc-textpic-imagerow ul li.csc-textpic-image {
  padding-left: 0px !important;
  background: none !important;
}

/*. no script .*/

#noscript{
  background: #ff0;
}

#noscript p{
  font-weight: bold;
  color: #950000;
  padding: 3px 0px 3px 5px;
  font-size: 14px;
}

/*. admin panel .*/

#adminPanel{ 
  background: #ebb;
  position: absolute;
  z-index: 99;  
  padding: 5px;
  left: 10px;
  top: 10px;
  border: 2px red solid;
  text-align: center;
  font-size: 13px;
}

#adminPanel a{
  text-decoration: none;
  color: #000;
  display: block;
  width: 130px;
  
}

#adminPanel a:hover{
  color: #000;
  background: yellow;
  font-weight: bold;  
}

.floatRightIcon{
  float: right;
  height: 16px;
  width: 16px;
  margin: 3px;
}

.delete{
  background: url(../images/page/delete.png);
}

.add{
  background: url(../images/page/add.png);
}

.up{
  background: url(../images/page/page_white.png);
}

/***************/
/*. forms      */
/***************/

input, textarea {
  background-color: #fff;
  border: 1px solid #999;
  color: #444;
  padding: 2px 4px 2px 4px;
}

input:hover,
textarea:hover{
  color :#000;
  border: 1px solid #222;
}

/*. printme .*/

#printme{
  background: url(../images/printme.png) 0px 0px;
  width: 20px;
  height: 60px;
  left: 588px;
  top: 325px;
  display: block;
  position: absolute;
  z-index: 10;
}

#printme:hover{
  background: url(../images/printme.png) -100px 0px;
  width: 100px;
  height: 60px;  
}


/***************/
/*. bookmarks     */
/***************/

.tx-timtabsociable-pi1 strong{
  display: none;
}

.tx-timtabsociable-pi1{
  padding-top: 15px;
  float: right;

}

.tx-timtabsociable-pi1 img{
  padding-left: 10px;
}

#copySource{
  clear: both;
}

#copySource a{

}

#contentCol .author{
  padding-top: 15px;
  color: #999;
}

/***************/
/*. PostIt     */
/***************/

#postit {
  position: absolute;
  top: 4px;
  left: 543px;
  background: url(../images/postit.png) no-repeat;
  width: 194px;
  height: 190px;
  padding: 20px 0px 0px 20px;
  z-index: 30;
}


/*********************/
/*. Coffee & Co.     */
/*********************/

#coffee {
  position: absolute;
  top: 444px;
  left: 549px;
  z-index: 20;  
}

#pen{
  position: absolute;
  top: 406px;
  left: -32px;
  z-index: 11;
}

#newspaper{
  position: absolute;
  top: 140px;
  left: -50px;
  z-index: 10;    
}

#userinfo{
  position: absolute;
  top: 65px;
  left: 9px;
  z-index: 99;
  color: #bbb;
  letter-spacing:0;
}

/***************/
/*. Code highlighting     */
/***************/

.tx-semasourcecode-pi1 li{
  padding-left: 10px;
  background-color: #fff;  
}

.tx-semasourcecode-pi1 pre{
  background-color: #eee;
}

/*******************/
/*. Navigation     */
/*******************/

#navigation {
  position: absolute;
  top: 95px;
  /* left: 36px; */
  left: -211px;
}

#navigation ul {
  list-style-type: none; 
  margin-left: 0px;
  padding-left: 0px; 
} 

.highslide-caption{
  display: none !important;
}

#editPanelSet{
  display: none !important;
}


/*******************/
/*. contact form     */
/*******************/

.tx-powermail-pi1 fieldset{
  border: none;
  padding: 0px;
  margin: 0px;
}

.tx-powermail-pi1 legend{
  display: none;
}

.tx-powermail-pi1 label{
  display: block;
}

.tx-powermail-pi1 input{
  margin-bottom: 5px;
}

.tx-powermail-pi1 .powermail_submit{
  margin-top: 5px;
}


.tx-neofileshare-pi2 table,
.contenttable
{
	background: #fff;
	width: 500px;
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 20px;
}

.tx-neofileshare-pi2 table th,
.contenttable th
{
	font-size: 14px;
	padding: 4px 8px 3px 8px;
	font-weight: normal;
	border-bottom: 2px solid #999;
}

.tx-neofileshare-pi2 table td,
.contenttable td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
	vertical-align:top;
}

.tx-neofileshare-pi2 table tbody tr:hover td,
.contenttable tbody tr:hover td
{
	background-color: #eee ;
}

.langSwitch{
  color:#FFFFFF !important;
  left:620px;
  position:absolute;
  width:130px;
  z-index:100;
  text-decoration: none;
}

.langSwitch:hover{
  color: #F8EE84;
}

.csc-header{
  /* background: url(../images/page/hr01.gif) no-repeat 0px 31px; */
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img{
  border: 1px #bbb solid;
  padding: 1px;
}

div.csc-textpic img{
  margin-top: 3px;
} 


.news-list-date{
  float: right; 
  color: #999;
}

.news-list-item h3{
  padding: 1px 0px 7px 0px !important;
}

.news-list-item{ 
  padding-bottom: 30px;
}

/* Extension: im_statictagcloud */

div .tx-imstatictagcloud-pi1 {
  line-height: 1.3 !important;
  width: 80%;
  margin: auto;
  text-align: center;
}

div .tx-imstatictagcloud-pi1 a {
  background: none !important;
  border: none !important;
  text-decoration: none !important;
}

div .tx-imstatictagcloud-pi1 a:hover {
  text-decoration: underline !important;
}

div .tx-imstatictagcloud-pi1 span {
  background: none !important;
  border: none !important;
}

div .tx-imstatictagcloud-pi1 image {

}