/*
* A Joomla! Template
* @name - terrafirma
* @version 1.5
* @date - May 30, 2008
* @author - NodeThirtyThree & Free CSS Templates
* @website - www.freecsstemplates.org
* @copyright (C) -
* @license - Creative Commons Attribution 2.5
* @modifications - Modified for Joomla! by Hazman - www.xtremeopensource.org
*/


body {
  line-height           : 16px;
  color                 : #000000;
  font-family           : verdana, helvetica, sans-serif;
  font-size             : 11px;
  background            : #3e3e3e /*url(../images/a1.gif) repeat-x*/;

}

p {
  text-align            : left;
  }

h1 {
  line-height           : 20px;
  font-size             : 16px;
  font-weight           : bold;
  position              : relative;
  color					: #000000;
  
}

h4 {
  line-height           : 16px;
  font-size             : 11px;
  font-weight           : bold;
  position              : relative;
  color					: #000000;
  
}

li {
 margin                 : 0 0 0 0px;
}


#outer {
  width                 : 950px;
  position              : relative;
  margin                : 0 auto;
  background            : #fff /*url(../images/abg.gif) repeat-y*/;
}

#upbg {
  width                 : 950px;
  height                : 264px;
  position              : absolute;
  top                   : 0px;
  left                  : 0px;
  z-index               : 1;
  background            : #fff /*url(../images/upbg.gif) no-repeat*/;
}

#inner {
  position              : relative;
  background            : url(../images/hg-grau.jpg) top left repeat-y;
  z-index               : 2;
	padding               : 0px 0px 0px 0px;
}


/*#header {
  width                 : 754px;
  height                : 130px;
  color                 : #fff;
  position              : relative;
  background            : #FFFFFF url(/cms/images/spontech/header.gif);
} */


#header {
  width                 : 754px;
  height                : 130px;
  color                 : #fff;
  position              : relative;
  background            : transparent url(/cps/images/spontech/spontech-logo.jpg) top  no-repeat;
}

#header span {
  font-weight           : normal;
}

#header h1 {
  line-height           : normal;
  font-size             : 23px;
  top                   : 10px;
  position              : absolute;

}

#header h2 {
  color                 : #FCE2CA;
  font-size             : 10px;
  font-weight           : normal;
  top                   : 41px;
  position              : relative;
}

#header sup {
  color                 : #FCE2CA;
}


#grafik {
   width                : 950px;
  /*height                : 330px;*/
  margin                : 0px 0px 0px 0px;
  color                 : #fff;
  position              : relative;
  background            : #ffffff; 
}

#splash {
  width                 : 458px;
  height                : 92px;
  position              : absolute;
  right                 : 30px;
  background            : #EAEAE2 url(../images/a10.jpg) no-repeat;
}


#topmenu {
  height                : 100px;
  position              : relative;
  margin                : 490px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
  background            : #990000 /*url(../images/a16.gif) repeat-x*/;
}

#topmenu ul {
}

#topmenu ul li {
  line-height           : 52px;
  display               : inline;
  padding-left          : 3px;
}

#topmenu ul li.first {
  border-left           : 0px;
}

#topmenu ul li a {
  color                 : #fff;
  font-size             : 12px;
  font-weight           : bold;
  padding               : 8px 12px 8px 12px;
  background-color      : transparent;
  background-repeat     : repeat-x;
}

#topmenu ul li a:hover {
  color                 : #4A4A24;
  text-decoration       : none;
  background            : #fff url(../images/a18.gif) repeat-x top;
}

#date {
  line-height           : 52px;
  color                 : #BDBDA2;
  font-size             : 12px;
  font-weight           : bold;
  letter-spacing        : -1px;
  position              : absolute;
  top                   : 0px;
  right                 : 30px;
}


a {
  color                 : #4162b1;
  text-decoration: none;
  }

a:hover {
	text-decoration: none;
}


/*############### CONTENT ###############*/

#primarycontent {
 width                 : 550px;
  float                 : left;
  position              : relative;
  /*margin                : 0 0 0px 0;*/
}



/*############### MENUE RECHTS ###############*/

#secondmenue {
 width                  : 180px;
  float                 : left;
  position              : relative;
  margin                : 13px 0px 0px 0px;
   font-weight          : normal;
}


/***** Header for contentpaneopen *****/
.contentheading {
  line-height           : 25px;
  color                 : #656551;
  font-size             : 18px;
  letter-spacing        : -1px;
  position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0px 0px 10px 15px;
  background            : url(../images/a22.gif) bottom repeat-x;
}

/***** Home, Joomla! License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {

  margin               : 20px 8px 0 60px;

	
}

table.blog span.article_separator  {
	display               : block;
	height                : 64px;
	background            : url(../images/a33.gif) bottom repeat-x;
}


/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #000000;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : left;
  padding-top           : 10px;
  padding-left          : 10px;
}

/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/
.contentdescription {
  padding-left          : 0px !important;
  padding-left          : 10px;
}

/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/
.contentpane {
  padding-top           : 10px;
  padding-left          : 10px;
}


/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  color                 : #000000;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  color                 : #7B8DA1;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : underline;
  
}

a.category:link, a.category:visited {
  color                 : #333333;
  font-size             : 11px;
  font-weight           : bold;
}

a.category:hover {
  color                 : #7B8DA1;
}


#newsflash {
  margin                : 10px 0 0 0;
  padding               : 0;
  background            : #e5e5e5;

}


#secondarycontent {
  width                 : 203px;
  float                 : left;
  position              : relative;
 /* background-image: url(../images/hg-grau.jpg);
  background-repeat:repeat-y;*/
 }

#language {
  width                 : 203px;
  float                 : left;
  position              : relative;
  padding               : 72px 0px 0px 605px;
  margin                : 0 0 0px 0px;

}


#language a {
color: #FFFFFF;
}


/********** Login Form, Rounded Modules **********/
div.module_left2 {
	/*height                : 100%;	
   background            : url(../images/hg-grau.jpg) top repeat-y;*/
}


div.module h3 {
  line-height           : 25px;
  color                 : #000000;
  font-size             : 11px;
  font-weight           : bold;
  position              : relative;
  top                   : 4px;
  margin                : 0;
  padding               : 0 0 0 10px;
  

}

div.module {
	margin                : 0 0 15px 0;
	padding               : 0;
	height                : 400px;
	/*background            : #e5e5e5;*/
}

div.module ul {
  width                 : 100%;
  margin                : 0 0 0 0;
  padding               : 0;
  list-style            : none;
  font-weight           : bold;
  line-height           : 16px;
}


div.module li {
  padding               : 0px 0 0px 15px;

}



/********** _menu rounded Modules // HAUPTMENUE **********/
div.module_menu h3 {
  line-height           : 25px;
  color                 : #656551;
  font-size             : 16px;
  letter-spacing        : -1px;
  position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0 0 10px 10px;
  background            : url(../images/a22.gif) bottom repeat-x;
}


div.module_menu {
	
  /*background-image: url(../images/hg-grau.jpg);
  background-repeat:repeat-y;*/



  	/*background            : #e5e5e5 repeat-y scroll 0 0;*/
}


div.module_menu ul {
  width                 : 203px;
  margin                : 0;
  padding               : 18px 0 0 0;
  /*background            : #e5e5e5 repeat-y; */
  text-indent			: 60px; 
}


div.module_menu li {
  list-style            : none;
  background     		: #b9b9b9;  
  border-bottom			: 1px solid #ffffff; 
}


div.module_menu ul li a {
  color                 : #000000;
  font-size             : 11px;
  line-height           : 22px;
  font-weight           : bold;
  display               : block;
  width                 : 203px; 
}


div.module_menu ul li a:hover {

  text-decoration       : none;
  color                 : #000000;
  background            : #cdcdcd;
}


div.module_menu ul.menu li#current  {
	background            :#cdcdcd;
	color                 :#000000;
}


div.module_menu ul.menu li#current a {
	/*background            :#cdcdcd;*/
	color                 :#000000;
}


/* SUBMENUE */

div.module_menu li ul {
  text-indent			: 70px; 
   padding              : 0 0 0 0;
}

div.module_menu li li{
  background            : #e5e5e5 !important; 

}

 div.module_menu li ul li a {
  font-weight           : normal;
}

div.module_menu li ul li a:hover {
   background            : #f3f3f3;
} 


div.module_menu ul.menu li ul li#current a {
	background            :#f3f3f3;
}


/********** XHTML Modules **********/
div.moduletable h3 {
	height                : 30px;
  line-height           : 25px;
  color                 : #656551;
  font-size             : 18px;
  font-weight           : bold;
  text-align            : left;
  margin                : 0;
  padding               : 7px 0 0 10px;
}

div.moduletable {
	margin                : 0 0 15px 0;
	padding               : 0;
}

div.moduletable ul {
	margin                : 0;
	padding               : 0;
}

div.moduletable li {
  padding               : 2px 0 2px 5px;
}


/********** Modules **********/  
table.moduletable {
  width                 : 185px;
  margin-bottom         : 15px;
  padding               : 0px;
}

table.moduletable th {
  height                : 27px;
  line-height           : 25px;
  color                 : #ffcc00;
  font-size             : 18px;
  font-weight           : bold;
  text-align            : left;
  text-transform        : uppercase;
  margin                : 0 0 5px 0;
  padding-left          : 4px;
  background            : #555555;
}

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


/********** _menu Modules **********/  
table.moduletable_menu {
  width                 : 185px;
  margin                : 0 0 15px 0;
  padding               : 0px;
}

table.moduletable_menu th {
  height                : 40px;
  line-height           : 25px;
  color                 : #dadada;
  font-size             : 18px;
  font-weight           : normal;
  text-align            : left;
  text-transform        : lowercase;
  margin                : 0 0 15px 0;
  padding               : 7px 0 20px 10px;
}

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


/********** Login Form **********/
form#form-login fieldset { 
  margin                : 0em; 
	padding               : 0 0 0 15px;
	border                : none;
}

form#form-login ul { 
  padding               : 5px 0 0 30px; 
}

form#form-login li {
  font-size             : 9px;
  padding               : 0 0 0 10px;
}


/********** Content Tables **********/
.sectiontableheader {
  color                 : #7B8DA1;
  font-weight           : bold;
  background-color      : #CCCCCC;
}

tr.sectiontableentry1 td {
  padding: 5px;
	background-color      : #F0F0F0
}

tr.sectiontableentry2 td {
  padding: 5px;
	background-color      : #E0E0E0;
}


/********** PDF, Print, Email Small buttons **********/
td.buttonheading img {
  border                : none;
}


.content_rating {
  padding               : 5px;
}

.small {
  color                 : #3366C0;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : bold;
  text-decoration       : none;
}

.smalldark {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : normal;
  text-decoration       : none;
}

.createdate {
  color                 : #999999;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
	padding               : 0 0 10px 0;
}

.modifydate {
  color                 : #999999;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
	padding               : 10px 0 0 0;
}


#footer {
height                  : 10px;
line-height             : 30px;
color                   : #000000;
position                : relative;
clear                   : both;
text-align              : center;
margin                  : 0 0 0 px 0;
background              : #3e3e3e /*url(../images/a50.gif)*/;
}

#footer a {
  color                 : #8C8C73;
}