/* ######################################################################################################
** # xtc4.de  CSS (c) by Oliver Steigenberger  http://www.steigenberger.cc ###########################
** ######################################################################################################
**
**  Version  : 20-01-2008
**  File     : style.css
**  Function : master css-file for layout, content and boxes
**
** ######################################################################################################
*/

/* layout ---------------------------------------------------*/
/* layout boxes - master framework --------------------------*/
body{
	margin: 0px;
	padding: 0px;
	font: normal 11px Verdana;
	background-color: #000000;
}
img{
	border: 0px;
	}

*:not(hr) #page{/* hide from IE and Opera ;-)*/
	/* center a box in the middle of the page */
	width: 1140px;
	position: absolute;
	left: 50%;
	margin-left: -528px;
	background-color: #FFFFFF;	
}
#page {/* center a box in the middle of the page */
    padding: 0px;
    margin-top: 0px;
    margin-left:auto;
    margin-right:auto;
    width:1140px;
	background-color: #FFFFFF;
	background: url(../../templates/xtc4/img/leftback.gif);
	
}
h1,h2,h3,h4{font-size:16px;}
#header{
	background-color: #000000;
}
#wrapper{ /*wrap left and content into one box who is float:left 
			beside the right box who is float:right*/
	float:left;
	width: 920px;
	vertical-align:top;
	/*overflow: hidden;*/
	
	
}
#left_col{
	float:left;
	/*width: 240px;*/
	width:200px;
	
	margin-right:0px;overflow:hidden;
	/*
	padding-bottom: 32767px; 
	margin-bottom: -32767px; 	*/
	background-color: #FF0099;

}
#right_col{overflow:hidden;
	float: right;
	width: 187px;
	background-color: #FFFFFF;		
}
#content{
	float: right;
	/*width:580px;*/
	width: 680px;overflow:hidden;
	background-color: #FFFFFF;
	padding-top:10px;
	padding-bottom: 50px;
	size:10px;
}
#breadcrumb a{
	text-decoration: none;
	font-size: 10px;
	color: #CCCCCC;
}


#breadcrumb a:hover{
	text-decoration: none;
}
/* layout boxes in master framework -------------------------*/
#left_bottom{
	float:left;
	width: 200px;
	height: 100%;
	min-height: 100px;
	/*
	padding-bottom: 32767px; 
	margin-bottom: -32767px; */
	background-color: #FF0099;
}
#language{
	background-color: #3F3F3F;
	padding: 10px;
}
#box{
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	color: #666666;
}
#box a{
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
#box a:hover{
	color: #FF0099;
}
#mainmenue{
	background-color: #3F3F3F;
	padding: 10px;
}
/* main menue -----------------------------------------*/
/* first and second level menuitems..need some code rewriting in html */
#menue ul li{
	margin-left: -15px;
	list-style-image:url(../../templates/xtc4/img/li_0.gif);	
}
#menue  li:hover {
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}
#menue  li li:hover {
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}
#menue  li li li:hover {
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}
/* Trev add-on for active content elements*/
#menue li.active {
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}

/* category menu -----------------------------------------*/
/* ### 1.Ebene ### */
#menue_style ul li {padding-bottom:6px;
	margin-left: -15px;
	list-style-image:url(../../templates/xtc4/img/li_0.gif);	
}
/* ### 2.Ebene ### */
#menue_style ul li ul li {
	margin-left: -40px;
	padding-left: 0px;
	list-style-image:url(../../templates/xtc4/img/li_0.gif);
}
/* ### 3.Ebene ### */
#menue_style ul li ul li ul li {
	padding-left: 0px;
	list-style:none;
	list-style-image:url(../../templates/xtc4/img/li_0.gif);
}
/* ### 4.Ebene ### */
#menue_style ul li ul li ul li {
	padding-left: 0px;
	list-style:none;
	list-style-image:url(../../templates/xtc4/img/li_0.gif);
}
/* ############################################################################################ */
/* ### MouseOver ############################################################################## */
/* ############################################################################################ */
/* ### 1.Ebene ### */
#menue_style li:hover {
list-style-image:url(../../templates/xtc4/img/li_1.gif);

}
/* ### 2.Ebene ### */
#menue_style li li:hover {
list-style-image:url(../../templates/xtc4/img/li_1.gif);	
}
/* ### 3.Ebene ### */
#menue_style li li li:hover {
	list-style:none;
list-style-image:url(../../templates/xtc4/img/li_1.gif);	
}
/* ### 4.Ebene ### */
#menue_style li li li li:hover {
	list-style:none;
list-style-image:url(../../templates/xtc4/img/li_1.gif);	
}
/* ############################################################################################ */
/* ### Aktive Kategorie ####################################################################### */
/* ############################################################################################ */
/* ### 1.Ebene ### */
#menue_style li.activeCat {
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}
/* ### 2.Ebene ### */
#menue_style li.activeCat li.activeCat {
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}
/* ### 3.Ebene ### */
#menue_style li.activeCat li.activeCat li.activeCat {
	list-style:none;
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}
/* ### 4.Ebene ### */
#menue_style li.activeCat li.activeCat li.activeCat li.activeCat {
	list-style:none;
	list-style-image:url(../../templates/xtc4/img/li_1.gif);
}

/* ############################################################################################ */


#mainmenue a{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;	
}
#mainmenue a:hover{
	text-decoration: underline;
	color: #FF0099;	
}

/* text styles ----------------------------------------*/
#content a{color: #666666;}
#content a:hover{color: #FF0099;}
#language a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 10px;
}
#language a:hover{
	color: #FF0099;
}
.head_white{
	display: block;
	height: 19px;
	background: url(../../templates/xtc4/img/headbefore.gif) repeat-x;
	padding-left: 19px;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
}
.head_grey{
	display: block;
	height: 19px;
	background: url(../../templates/xtc4/img/headbefore.gif) repeat-x;
	padding-left: 19px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	text-align: left;	
	
}
.infoBoxHeading{
	display: block;
	height: 19px;
	background: url(../../templates/xtc4/img/headbefore.gif) no-repeat;
	padding-left: 19px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	
}

.search_head_grey{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-transform: none;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;	
	
}

.rightbox_date{

}
.rightbox_heading{

}
.rightbox_image{
	text-align:center;
}
.rightbox_teaser{
	font-weight: normal;
}
.rightbox_teaser a{
	font-weight: normal;
}
.rightbox_more{

}
TD.lang_head{color:#fff;}
.eventlink a{
	text-decoration:none;
}
/* Form Styles ------------------------------------------*/
input.search{border: 1px solid #e20078;}
.button{border: 1px solid #e20078;background-color: #e20078;color: #ffffff;}
.smallHeading

{font-size:12px;line-height:200%;}
TD.logintxt

{color:#fff;font-size:10px;}
/* XTC internals ----------------------------------------*/
#copyright{
visibility:hidden;
	position: absolute;
	top:-800px;
	right: 3px;
	font-size:8px;
	color:#3F3F3F;
	text-decoration:none;
}
#copyright a{
	font-size:8px;
	color:#3F3F3F;
	text-decoration:none;
}
/*XTC Original class */
.contentsTopics {
	font-size: 12px;
	font-weight: bold;
	color: #FF0099;
}
.price {
	font-size: 16px;
	font-weight: bold;
	color: #FF0099;
}

TD.boxTextBG
{
font-size:12px;
}

TD.boxTextBGII
{
font-size:12px;
}
.price2 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.prodhead {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

TD.main, P.main {
  padding-left: 20px;font-size:11px;vertical-align:top;
}
TD.main2, P.main2 {width:200px;
  padding-left: 20px;font-size:11px;vertical-align:top;
}
 hr {
  border: 0;
  height: 1px;
  width: 100%;
  color: #CCCCCC;
  background-color: #CCCCCC;
}
TD

{font-size:10px;}

TD.boxText

{float:left;}
TD.smallText

{font-size:10px;}
a.small

{font-size:12px;padding:5px; text-decoration:none;font-weight:normal;}

a.small:hover,a.small:link,a.small:visited

{font-size:12px;padding:5px; text-decoration:none;font-weight:normal;color:ff00ff;}


.plus {
display: block;
background-image: url(img/plus.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.minus {
display: block;
background-image: url(img/minus.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.alter {
display: block;
background-image: url(img/alter.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.delete {
display: block;
background-image: url(img/delete.gif);
background-repeat: no-repeat;
width: 19px;
height: 22px;
border: 0px;
font-size: 0px;
background-color: #ffffff;
cursor: pointer;
}



*:not(hr) div.footer_js, *:not(hr) div.navibot{
	width:200px;
	
	bottom:0px;top:0px;
	left:0px;
	background-color: #f0f;
	padding:0px 0px 0px 0px;
	height:auto;margin-left:-10px;
}

div.footer_js, div.navibot{
	width:200px;
	
	bottom:0px;top:0px;
	left:0px;
	background-color: #f0f;
	padding:0px 0px 0px 0px;
	height:auto;margin-left:-10px;
}
* html div.navibot{
	width:200px;
	
	bottom:0px;top:0px;
	left:0px;
	background-color: #f0f;
	padding:0px 0px 0px 0px;
	height:auto;z-index:100000;margin-left:-10px;
}

* html div.footer_js{
	width:200px;

	bottom:0px;top:0px;
	left:0px;
	background-color: #f0f;
	padding:0px 0px 0px 0px;
	height:auto;z-index:10000;margin-left:-10px;
}
a.handle{

	margin:0 auto;
	text-align: left;
	display:block;
	padding-top:0px;
	padding-bottom:5px;
	margin-bottom:5px;
}
a.handle img{
	margin:0 auto;
}

div.footercontent

{background-image:url('img/head.jpg');height:auto;padding:0px 0px 0px 0px;margin:0px;}

div#footercontent li

{margin:0px;}