@import url(rte.css);
/* @import url(content.css);  */
/* @import url(tt_news_v2_styles.css);  */

/*********************************
 File: styles.css
**********************************
 initial author: Bruno Staub
 last editor: Bruno Staub
 date of last change: 12.10.2009
*********************************/

/*********************************
 FileStructure of styles.css
**********************************
 - 1.0 Typographie & Farben
      1.1 font size
      1.2 font-family
      1.3 color
      1.4 Tabellen
 - 2.0 DivLayout
      2.1 Page
      2.2 Content
 - 3.0 Navigation / Link Styles
 - 4.0 Tabellen allgemein
 - 5.0 Formulare / Listen
 - 6.0 Index Search
 - 7.0 Sitemap
 - 8.0 Print Layout
 - 9.0 News
 - 10.0 neue Startseite
**********************************/ 


/*****************************/
/* 1.0 Typographie & Farben  */
/*****************************/
body{
	margin: 0;
	padding: 0;
	font-family: Lucida Sans, Verdana, Helvetica, sans-serif;
         color: #FFF;
         letter-spacing: 0.03em;
	/* font-family: Verdana, Helvetica, sans-serif; */
	/*background-color:rgb(55,55,55);*/
	background-color: #000;


	text-align: center;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
 	scrollbar-arrow-color: #000;
 	scrollbar-face-color: #C2C1C1;
 	scrollbar-track-color: #fff;
}

.bodytext {
         font-size: 0.6em;
         font-family: Lucida sans, Verdana, Helvetica, sans-serif;
         color: #fff;
         /*font-color: #FFF;*/
         /*color: #FFF;*/
         letter-spacing: 0.03em;
       
         

	/* font-family: Arial Narrow, Helvetica, sans-serif; */
	/* font-size: 0.6em; */
	/* line-height: 1.2em; */
	/* letter-spacing: 0.05em; */
	/* font-weight: 900; */
	/* text-indent: 0.5em;  */
}


/* p  { font-size: 0.8em;}   siehe rte.css */
H4 { font-size: 0.8em; font-weight: normal; }
H5 { font-size: 0.8em; font-weight: normal; }



.tx-ttproducts-pi1-wrap1 p.bodytext {
         font-size: 1em;
}

.csc-textpic-caption {
	font-size: 0.8em;
}


/*     1.4 Tabellen    */

.contenttable td { 
	font-size: 0.9em; 
	font-family: Verdana, Helvetica, sans-serif;
}





/**********************************/
/* 2.1 Div Layout Page             */
/***********************************/
#page{
	width: 1000px;
	min-height:800px;
	margin: 0 auto;
	text-align: left;
	background-color:rgb(26,26,26); 
          /* background-color: #000;*/
	/* border: 1px solid silver;  */
} 

#rootline {
        font-size: 0.6em;
        height: 18px;
	float: right;
	width: 650px;
	text-align: right;
	margin-top: 22px;
	float: right;
}

#rootline a{
         color: #000000;
}

#rootline a:visited{
         color: #FFFFFF;
}

#rootline a:hover{
         color: red;


}


#logo{
	height: 120px;
/*	height: 102px;  */
	float: left;
	width: 300px;
}


#logo div{
        /* div in div mit padding wegen falschem boxmodell von ie verwenden!!! */
        padding-top: 0px;
        padding-left: 0px;
	height: 120px;	
}

#icons{
	height: 60px;
	padding-top: 20px;
	float: right;
}



/* Grafikstreifen / gmenu / siehe auch grafikstreifen !!! */
#menu4{
	/* padding-left: 0px;  */
	/* visibility: none; */
	width: 1000px;
	/* wegen Firefox */
	clear: both;
}

#grafikstreifen{
	background-color: #FFF;
	height: 190px;
	padding-top: 0px;
	margin-top: 0px;  
        overflow: auto;
        overflow-y: hidden;
        width: 1000px;       
         /* wegen Firefox */
	clear: both;
}

#menu1{
	padding: 0 0 0 0px;   /* oben,rechts,unten,links */
	background-color: rgb(27,27,27);
	height: 18px;	width: 1000px;
	clear: both;
}

#menu2{
	#padding-left: 50px;
	padding: 0 0 0 0px;   /* oben,rechts,unten,links */
	background-color:rgb(49,49,49);

	height: 18px;
	/* visibility: hidden;  */
	width: 1000px;
}

#menu3{
	padding: 0 0 0 0px;   /* oben,rechts,unten,links */ding-left: 50px;
	background-color:rgb(67,67,67);

	height: 18px;
	/* visibility: hidden;  */
	width: 1000px;
}

#hohemenu2und3 {
	/* height: 40px;  */
	/* width: 1000px;  */
}


#content{
	width: 976px;
	/* height: 600px; */
	min-height:600px;
	/* firefox braucht padding und margin!!!  */
        margin-left: 1em;
      /*  margin-top: 1em;  */
	padding-left: 0.5em;

}


#fuss{
	width: 1000px;
	height: 20px;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 0.5em;
	clear: both;
}

/******************************************/
/* 2.1 Div Layout Content                 */
/* ct_xx.htm (innerhalb #content!)        */
/******************************************/

/* ct_1.htm  */

#CONTENTNORMAL{
                margin-top: 20px;
                margin-right: 40px;

}


/* ct_2.htm  */

#CONTENTNORMAL2{
		float: left;
		width: 435px;
		margin-right: 20px;
		margin-top: 20px;
}

#CONTENTRECHTS2{
		float: left;
		width: 435px;
		margin-top: 20px;
}


/* ct_3.htm  */

#CONTENTNORMAL3{
		float: left;
		width: 345px;
		margin-top: 20px;
}

#CONTENTRECHTS3{
		float: left;
		width: 345px;
		margin-left: 20px;
		margin-top: 20px;
}

#CONTENTBORDER3{
		float: left;
		width: 180px;
		margin-top: 20px;
}


/* ct_4.htm  */


#CONTENTLINKS4{
		float: left;
		width: 220px;
		margin-top: 20px;
}

#CONTENTNORMAL4{
		float: left;
		width: 220px;
		margin-top: 20px;
}

#CONTENTRECHTS4{

		float: left;
		width: 220px;
		margin-top: 20px;
}

#CONTENTBORDER4{

		float: left;
		width: 220px;
		margin-top: 20px;
}

/* ct_5.htm  */

#CONTENTNORMAL2_600{
		float: left;
		width: 600px;
		margin-top: 20px;
}

#CONTENTRECHTS2_280{
		float: left;
		width: 280px;
		margin-top: 20px;
}

/* ct_6.htm  */


#CONTENTLINKS4_160{
		float: left;
		width: 160px;
		margin-top: 20px;
		margin-bottom: 0px;
}

#CONTENTNORMAL4_160{
		float: left;
		width: 160px;
		margin-top: 20px;
		margin-bottom: 0px;
}

#CONTENTRECHTS4_160{
		float: left;
		width: 160px;
		margin-top: 20px;
		margin-bottom: 0px;

}

#CONTENTBORDER4_200{
		float: right;
		width: 200px;
}



/* ct_7.htm (und css von ct_6)  */


#CONTENT_BOXLEFT {
		float: left;
}


#CONTENTBORDER4_OBEN{
		clear: both;
		width: 720px;
		margin-top: 20px;
}

/***********************************************************/
/* 3.0 Navigation Styles Links: link/visited/hover/active  */
/***********************************************************/
a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {	
	color: red;
	text-decoration: none;
}

#menu1, #menu2, #menu3 {

	font-size: 0.8em;
	
} 

#menu1 a, #menu2 a, #menu3 a { 

	font-size: 0.8em;
	text-decoration: none;
	color: #FFFFFF;
	
}

#menu1 a:visited, #menu2 a:visited, #menu3 a:visited  {
	color: #FFFFFF;
	text-decoration: none;

}

#menu1 a:hover, #menu2 a:hover , #menu3 a:hover { 
	color: red;
	text-decoration: none;


}

#menu1 li.act a:visited, #menu2 li.act a:visited, #menu3 li.act a:visited {
         color: red;
         text-decoration: none;
         
}

#menu1 li.cur, #menu2 li.cur, #menu3 li.cur {
	
	font-size: 0.8em;
         color: red;
         text-decoration: none;
         style: none;
}

/* listmenu menu horizontal ausrichten !!! */

#menu1 li, #menu2 li, #menu3 li {
  	display: inline;
	/*  padding: 0 10px 0 10px;   /* oben,rechts,unten,links */   */
	
	/* firefox braucht padding und margin!!! */
  	padding: 0em 0.5em;
  	margin: 0 0.5em;
}

#menu1 ul, #menu2 ul, #menu3 ul{
	list-style:none;
	margin: 0;
	padding: 0;
	/* firefox braucht padding und margin!!!  */
        margin-left: 0.5em;
	padding-left: 0.5em;
}


a.external-link-new-window img {
    border: 0;
}

a.internal-link img {
    border: 0;
}

a.mail img {
    border: 0;
}

a.download img {
    border: 0;
}




/* ======= layout print_page ======= */

#print_page{
  text-align: left;  
}


/*********************************/
/* 5.2 Formulare                 */
/*********************************/

#mailform .csc-mailform {
border: 0px;
}

.csc-mailform-field {;
margin: 2px 0 0 2px;;
padding: 5px;
}

.csc-mailform-field label {
float: left;
padding: 1px;
color: #FFF;
width: 80px;
}

.mf-input {
color: #000;
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #000;
}

.mf-pass {
color: #000;
width: 220px;
padding: 1px;
border: 1px solid #000;
}

.mf-text {
color: #000;
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #000;
}

.mf-check {
color: #000;
padding: 1px;
border: 1px solid #000;
}

.csc-mailform-radio fieldset 
color: #000;{
border: 0px;
}

.csc-mailform-radio legend {
display: none;
border: 0px;
}

.mf-radio {
margin-left: 0px;
padding: 1px;
border: 1px solid #000;
}

.mf-select {
color: #000;
width: 220px;
padding: 1px;
border: 1px solid #000;
}

.mf-file {
color: #000;
width: 220px;
padding: 1px;
border: 1px solid #000;
}

.mf-reset {
color: #000;
border: 1px solid #000;
}

.mf-submit {
color: #000;
margin-left: 82px;
}

form option {
color: #000;
border: 1px solid #000;
}

input,textarea,select {
margin: 1.5px 0;
border: 1px solid #000;
background: #CCC;
padding: 1.5px 1.5px;
}


/*********************************/
/* 5.2 Listen                    */
/*********************************/
#content ol li { font-size: 0.6em; }
#content ul li { font-size: 0.6em; }


/*****************************/
/* 6.0 Index Search Styles   */
/*****************************/

/* siehe Template */

.tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }



/*********************************/
/* 7.0 Menu / Sitemap, generally */
/*********************************/
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 0.9em; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { color: #000; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px;

 }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px;

 }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px;

 }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #000; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #000; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #000; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #000; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #000; }


/* Sitemap formatieren */
.csc-sitemap {font-size: 12px; color:#666666; width: 400px;padding-top:30px;}
.csc-sitemap ul{list-style: none;}
.csc-sitemap a {color:#666666;  border-bottom:1px dotted #666666; text-decoration:none; display:block; margin:0px; font-weight:normal; font-size:12px;}
.csc-sitemap a:hover {color:red; background-color:#D5DAE4; text-decoration:none;}


/*****************************/
/* 8.0 Print                 */
/*****************************/
#print_page{
  text-align: left;  
}

/*****************************/
/* 9.0 News                  */
/*****************************/

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

.news-title {
        float: left;
        font-size: 0.9em; font-weight: normal; 
}

.news-list-date {
	float: right;
	margin-bottom:10px;
	font-size: 0.6em;
}

.news-line {
        clear: both;
      /*  border-bottom: 1px dotted #000; height: auto !important; height: 1px; margin: 15px 0 5px 0;   */
        border-bottom: 1px dotted #fff; 
}

.news-single-img {
	float: right;
        margin-left:5px;
}

.news-list-morelink { 
	font-size: 0.7em;
}

.news-list-container IMG {
        
	float: right;
	border:1px solid #666;
        margin-bottom:2px;
        margin-right:5px;
        margin-left:5px;
}

.news-single-backlink {
	font-size: 0.9em;
}

.news-search-emptyMsg {
	font-size: 0.7em;
	padding-bottom: 20px;
}

.news-search-form {
	margin-top: 20px;
}


/*****************************/
/* 9.0 Shop                  */
/*****************************/


#tx-ttproducts-pi1-listcat {
margin: 20px 20px 10px 0px;
/* font-size: 12px;  */
font-size: 0.9em;
}

.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9{
margin-right: 15px;
}

.act {
margin-right: 15px;
color: red;
}


.page_navigation {
/* font-size: 12px */
font-size: 0.9em;
}


.listitem {
width: 658px;
height: 60px;
margin-left: 0px;
/* font-size: 12px;  */
font-size: 0.9em;
margin-top: 10px;
border-bottom: 1px dotted #000;
/* background-color: #FFFFFF;  */
}

.listitemimg {
width: 80px;
float: left;
}

.listitemsingleimg {width: 200px; float: left;}

.order_form {float: right;}

.order_form input, .order_form_detail input {
margin: 0;
border: 1px solid #000;
background: #ccc;
padding: 0px;
}


.content_item { margin: 0px 20px 0px 20px; text-align: right;}

.tt_products_item_single_display {
width: 658px;
margin-left: 0px;
font-size: 0.9em;
/* font-size: 12px; */
margin-top: 10px;
}

.product_note {width: 450px; float: right;}

.tt_products_basket, .tt_products_basket_payment, .tt_products_order_confirmation {
width: 658px;
margin-left: 0px;
font-size: 12px;
}

.form_control {margin-left: 20px}

.basket_items table {
width: 100%;
# font-size: 12px;
}


/*****************************/
/* sortieren!!     (table)   */
/*****************************/


.tx-ttproducts-pi1 table, .tx-ttproducts-pi1 th, .tx-ttproducts-pi1 td{
	border:1px solid #666;  
	border-collapse:collapse;
}
table{
	border:none;
	/* border-top:1px solid #000;  */
}
thead th{
	padding:5px 10px;
	font-size:0.9em;
	text-transform:uppercase;
	color:#333;
}
tbody td,tbody th{
	font-size:0.9em;
	/* padding:5px 10px; */
	/* background:#eee; */
}
tbody th{
	color:#333;
}
tbody tr.odd td{
	background:#ddd;
}
tbody tr.odd th{
	color:#333;
}
tfoot td,tfoot th{
	border:none;
	padding-top:0.9em;
}
caption{
	font-family:Verdana;
	text-align:left;
	text-transform:uppercase;
	font-size:0.9em;
	padding:10px 0;
	color:#036;
}




/*****************************/
/* sortieren!!     (form)    */
/*****************************/


fieldset {
width: 644px;
margin: 20px;
border: 1px solid #FFFFFF;
display: block;
/* Schriftgrösse hier Absolut angeben!!!  */
font-size: 12px;
/* background: #99CCFF;  */
clear: both;
}

			
* html fieldset {padding: 5px;}
			
legend {
background: #E5E1E2;
padding: 4px;
border: 1px solid #000000;
border-right-width: 2px;
border-bottom-width: 2px;
margin-bottom: 4px;
font-weight: bold;
}


.notes label, .billing_address label, .delivery_address label {
display: block;
width: 100px;
float: left;
}

label {
margin: 5px 0;
display: block;
width: 100px;
float: left;
}

input:active, input:focus, input:hover { background: #DEDEDE;}
textarea:active, textarea:focus, textarea:hover { background: #DEDEDE;}


/* Benutzer Passwort Login */
table tbody tr th label {
color: #fff;
}

/* Layout Startseite neu */
div#i2_left_spacer {margin-left: 50px;}
div#i2_header_logo {width: 100%; height: 140px; }
div#i2_header_logo div {float: left; overflow: hidden; margin-top: 97px; width: 360px; text-align: left; font-size: 20px; color: #fff; }
div#i2_header_logo img {float: left;}
div#i2_content{clear: both; width: 100%;}
div#i2_content_left_hidden { position:absolute; width: 500px; height: 170px; background-color:grey; z-index: 1;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.6;
}
div#i2_content_left{ 
  position:absolute; float:left; width: 500px; height: 170px; background-color:black;
 z-index: 2;
  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.6;
  }
div#i2_content_left p {color:#ffffff; padding: 20px 5px 0px 5px; }    /* oben,rechts,unten,links */
/* background-repeat:no-repeat; */
div#i2_img_right{float:right; width: 590px; height: 590px; z-index: 3;}
div#i2_bereich{position:absolute; width: 100px; top: 308px; height: 50px; z-index: 4; font-size: 20px; color:#fff; }
div#i2_footer{float: left; width: 100%;}
div#i2_footer div{padding-left: 359px; text-align: left; font-size: 0.7em; color: #fff; padding-top: 9px; }