/* click-me.ch Redesign */


@import url("clickme_ttnews.css");
@import url("clickme_search.css");


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/body_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	letter-spacing: 0.03em;

}

	#supercontainer{
	background: none;
	min-height: 800px;
	background-image: url(../images/main_bg.gif);
	background-repeat: no-repeat;
	height: auto;
	width: 1079px;
	margin-left: auto;
    margin-right: auto;
	}
	
/* HEADER ------------------- */
	
#headercontainer {
	float: left;
	height: 140px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	
}
	
	#logo {
		float: left;
		margin-top: 15px;
		margin-left: 25px;

	}
	#logo img {
		border: 0px solid #ff0000;
	}
	
	/* HEADER R IGHT */
	
  #headerrightcontainer{
  	float: right;
	margin-right: 14px;
	height: 100%;
	width: 300px;
	display: inline;
  }
  
  * html  #headerrightcontainer {
  	margin-right: 12px;
  }
  
  #auxmenu {
  	float: right;
	height: 20px;
	width: 100%;
	text-align: right;
  }
  
/* MENU : Aux */
  ul.auxmenu {
  	margin: 0px;
	padding: 0px;
  }
  
  ul.auxmenu li {
  	display: inline;
	list-style: none;
  }
  
  ul.auxmenu li a{
  	font-size: 0.9em;
  	color: #fff;
	text-decoration: none;
	padding-right: 10px;
  }
  
 /* ----------------- auxmenu End ----------------- */
  
 /* ------------ LOGIN ------------ */
 
  #logincontainer {
  	float: right;
	height: 65px;
	width: 250px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 5px;
		font-size: 0.8em;
		display: inline;
		margin-right: 12px;

  }
  * html #logincontainer {
  	width: 180px;
	margin-right: 5px;
  }
  
   *+html #logincontainer {
  	width: 180px;
	margin-right: 5px;
  }
  
  #logincontainer fieldset {
   float: right;
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	width: 100%;
	text-align: right;
	
  }
  #logincontainer label {
  	color: #fff;
	margin-right: 10px;
	margin-bottom: 3px;
	width: 100px;

  }
  
  #logincontainer input {
  	width: 60px;
	background: #fff;
	border: none;
	font-size: 11px;
	color: #308BBF;
  }
  
  input#login {
  	background: #3BB8FF;
	color: #fff;

  }
  

 /* ---------------------- */
	
  #sprachcontainer {
  	float: right;
	text-align: right;
	margin-right: 8px;
	
	height: 20px;
	width:100%;
  }
	

/*----------- HORI MENU */

ul.horimenu {
	float: left; 
	padding: 0px;
	width: 1040px;
	margin: 0px;
	margin-top: 19px;
	margin-bottom: 10px;
	margin-left: 20px;
	display: inline;

}

/* IE 6 */
* html ul.horimenu {
	
margin-top: 10px;
margin-bottom: 5px;
	
}

ul.horimenu li {
	display: inline;
	list-style: none;
}

ul.horimenu li a, ul.horimenu li a.active {
	color: #22467D;
	padding: 5px 10px 5px 10px;
	font-size: 1.1em;
	text-decoration: none;
	
	
}

* html ul.horimenu li a {
   line-height: 2em;
	

	/*_padding: 10px 0px 15px 0;  this did the trick. Only IE6 should process this line */
}

ul.horimenu li a:hover, ul.horimenu li a.active {
	color: #fff;
	background: #3BB8FF;
}

/* ------------------------------------------ */




/*------------- Main Area */

#mainarea {
	float: left;
	min-height: 500px;
	margin-top: 25px;
	height: auto;
	width: 100%;
	border: 0px solid #ccc;
	font-size: 0.8em;
	
	
}

#leftcontainer {
	float: left;
	height: auto;
	width: 200px;
	border:0px solid #345678;
	margin-left: 19px;
	display: inline;
	
}

/* IE 6 */

* html #leftcontainer{
		
}

/* MENU _ Verti Menu ---*/

ul.vertimenu {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 170px;
	margin-bottom: 15px;
	list-style: none;
	
}

ul.vertimenu li {
	list-style: none;

	margin-bottom: 5px;
}
/*
ul.vertimenu li:lastChild{
	margin-bottom: 1px;
}
*/
ul.vertimenu a, ul.vertimenu a.active {
	/*color: #22467D; */
	color: #fff;
	background: #83D2FF;
	display: block;
	padding: 2px 2px 2px 11px;
	font-size: 0.9em;
	text-decoration: none;	
}
ul.vertimenu a:hover, ul.vertimenu a.active {
	color: #fff;
	background: #3BB8FF;
}

/* Verti Menu Level 2 */

ul.vertimenuL2 {
	padding: 0px;
	margin: 0px;
	width: 170px;
	margin-bottom: 5px;
	margin-top: 0px;
	
	padding-top: 10px;
	/*background: url(../images/lev2_bg.gif);*/
	background-position: bottom;
	
}

ul.vertimenuL2 li {
	list-style: none;
	display: block;	
	clear: both;
}


ul.vertimenuL2 a, ul.vertimenuL2 a.activeL2 {
	color: #3BB8FF;
	background: none;
	display: block;
	padding: 2px 2px 2px 11px;
	font-size: 0.9em;
	text-decoration: none;	
	border-bottom: 1px #3BB8FF dotted;
}
ul.vertimenuL2 a:hover, ul.vertimenuL2 a.activeL2 {
	color: #fff;
	background: #83D2FF;
}

/* ----------------- */

/* LIST */

#contentcontainer ul,
#rightcontent ul{
	list-style-image: url(../images/list.gif);
	}

/* ---- */


/* Main Content */

#contentcontainer, #rightcontent {
	color: #1E3049;
}

#contentcontainer {
	float: left;
	width: 610px;
	height: auto;
	font-size: 0.95em;
	/*font-weight: lighter;*/
	padding: 0px;
	margin: 0px;
	line-height: 1.2em;
	letter-spacing: 0.05em;

}

#contentcontainer a, #rightcontent a, #warenkorb a {
	color: #308BBF;
	text-decoration: none;	
}
#contentcontainer a:hover, #rightcontent a:hover, #warenkorb a:hover {
	color: #308BBF;
	text-decoration: underline;	
}

#contentcontainer h1, #contentcontainer h2,#contentcontainer h3 {
	 color: #308BBF;
	
	margin-top: 20px;
	margin-bottom: 8px;
	
}
#contentcontainer h1 {
	font-size: 1.4em;
	line-height: 1.0em;
	text-transform: uppercase;
	font-weight: lighter;
}

#contentcontainer h2 {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: lighter;
}

#contentcontainer h3 {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight: bold;
}



.csc-firstHeader {
	margin-top: 0px;
	padding-top: 0px;
}



/* Typo3 STandard Mailform */

fieldset.csc-mailform {
	float: left;
	width: 100%;
	border: 0px;
}

.csc-mailform-field {float: left; width: 100%; margin-bottom: 5px;}



.csc-mailform-field label {float: left;width: 200px;}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {background: #3BB8FF;; color: #fff; border: 0px; border-style: none;}




/* ---Warenkorb-- */
	#warenkorb {
	float: left;
	width: 209px;
	margin-left: 20px;
	height: auto;
	padding-top: 0px;
	margin-top: 0px;
	}	

/* ---RIGHT Content-- */



#rightcontent {
	float: left;
	width: 209px;
	margin-left: 20px;
	height: auto;
	padding-top: 0px;
	margin-top: 0px;
	}
	
#rightcontent h1, #rightcontent h2,#rightcontent h3 {
	color: #308BBF;
	
}
#rightcontent h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: lighter;
}

#rightcontent h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: lighter;
}

#contentcontainer h3 {
	font-size: 1.0em;
	font-weight: bold;
}

	

/* FCE ------------ */

div.fcecontainer {
	float: left;
	height: auto;
	width: 209px;
}
div.fcecontainer .fceheader {
	width: 199px;
	padding: 10px 10px 0px 10px;
	height: 19px;
	background-image: url(../images/redesign_layout_v1_FCE_01.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	overflow: hidden;
}

.fceheader h1 {
	font-size: 0.9em;
	text-transform: none;
}

div.fcecontainer .fcecontent {
	float: left;
	width: 189px;
	min-height: 100px;
	height: auto;
	font-size: 0.9em;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	padding: 10px 10px 20px 10px;
	background-image: url(../images/redesign_layout_v1_FCE_02.gif);
	background-position: bottom left;
}

/* PORTLET ---------------------- */

div.portletcontainer {
	float: left;
	width: 290px;
	height: auto;
}

div.portletcontainer .header {
	float: left;
	width: 259px;
	margin-left: 10px;
	background-image: url(../images/redesign_portlet_01.gif);
	height: 29px;
	color: #ff9ca1;
	padding: 4px;
	
	
}

div.portletcontainer .header h1 {
		margin-top: 2px !important;
	/* background-image: url(../images/ok_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;*/
	padding-left: 7px;
	color: #FF6C73 !important;
	font-size: 15px !important;
	line-height: 1.5em !important;
	text-transform: uppercase;
}


div.portletcontainer .content {
	float: left;
	width: 247px;
	margin-left: 10px;
	background-image: url(../images/redesign_portlet_02.gif);
	background-position: bottom;
	min-height: 170px;
	height: auto;
	color: #4f4f4f;
	padding: 0px 10px 10px 10px;
	
}

div.portletcontainer .content a{
	color: #4f4f4f;
}

div.portletcontainer .content h1, 
div.portletcontainer .content h2,
div.portletcontainer .content h3{
	margin: 0px !important;
	padding: 0px;
}


/* ---------------- */

/* Table */

table.contenttable {
	background: none;
	border-collapse: separate;
}
	
	

table.contenttable th, table.contenttable td {
	padding: 3px;
	
}

table.contenttable th {
	

	
}
table.contenttable td {
	background: #f3f2f2;
	
	
}








/* Footer */
	

#footer {
	float: left;
	width: 100%;
	padding-left: 23px;
   padding-top: 15px;

	background: none;
	width: 960px;
	color: #1f1f1f;
	font-size: 0.70em;
	margin-left:auto;
	margin-right: auto;
}
#footer a {
	text-decoration: none;
	color: #1f1f1f;
}






/* IMAGES */

/* Fixing bug in IE of not showing rowspace values in TS */


DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {  padding-bottom: 8px; }

.csc-textpic-intext-right-nowrap Div.csc-textpic-imagewrap {
	padding-left: 15px;
}

.csc-uploads {
	margin-top: 0px;
	padding-top: 0px;
}


/* SITEMAP */

/* ccmx sitemap */

div.csc-sitemap {
	float: left;
	height: auto;
}
div.csc-sitemap ul {
 display: block;
 list-style: none;
 list-style-image: none !important;
margin-left: 0px;
	padding-left: 0px;
 list-style: none !important;
 text-align: left;
 }
 
/* Level 0 */
 div.csc-sitemap ul li {
   display: block;
 	list-style: none !important;
	margin-top: 3px;
	margin-bottom: 3px;
 }
 
div.csc-sitemap ul li a {
	color: #0a3bab;
	font-weight: bold;
   text-decoration: none;
}

div.csc-sitemap ul li a:hover {

}

/* Level 1 */

div.csc-sitemap ul li  {
	margin-bottom: 5px;
}

div.csc-sitemap ul li ul li {
	text-transform: none;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.csc-sitemap ul li ul li a {
	color: #2b2a2a;
	text-decoration: none;
	font-weight: normal;
}

div.csc-sitemap ul li ul li a:hover, div.csc-sitemap ul li ul li ul li a:hover {
	text-decoration: underline;
}


/* RTE C lasses */

p.firstparagraph { 
font-weight: bold; 
line-height: 1.5em;
 }

/* hover block */

.link-block:hover,
.link-block:hover a:link,
.link-block:hover a:visited,
.link-block:active,
.link-block.sfhover,
.link-block.sfhover a:link,
.link-block.sfhover a:visited {

	background-color: #EFEFEF;
	/*color: #fff !important; */

	text-decoration:none;
	
	}

/* - FRAMES / BOXES */

div.box70 {
	float: left;
	width: 68%;
	height: auto;
	font-weight: bold; 
	line-height: 1.8em;
	letter-spacing: 0.15em;
	padding-left: 2%;
	margin-bottom: 20px;
}

*+ html div.box70 {
	width: 67%;

}

div.box30 {
		float: left;
	width: 30%;
	height: auto;

}

div.box100 {
	float: left;
	height: auto;
	width: 99%;
	padding: 1px;

}
div.box50 {
	float: left;
	height: auto;
	width: 48%;
	padding: 1px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 5px;


}
div.box50 h3 {
	margin-top: 0px !important;
}


/* Image Caption  (also news!)*/

.csc-textpic-caption, .news-single-imgcaption {
	float: left;
	font-size: 10px;
	color: #3BB8FF;
}