/* CSS Document */

@import url(typo3-RTE.css);
@import url(styleISEARCH.css);
@import url(styleAddress.css);
@import url(news/tt_news_styles.css);
@import url(templates/tt_products.css);
@media all
{
  html * {
    font-size:100.01%;
    margin:0; padding:0;
  }
  
  body{
    color:#444444;
    font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    font-size:80%;
    background:#182e7a url(images/bg_blue.gif) repeat-x fixed left top;
    padding:0;
    margin:0 auto;
    color:#000;
  }

  div#page{
    margin:0 auto;
    max-width:880px;
    min-width:780px;
    width:auto;
    background:#fff;
    border: 5px solid #ffb43d;
  }
  div#header{
    position:relative;
  }
  div#header_sub {
    background:#fff;
		border-bottom:1px solid #EE8C25;
		color:#000;
		height:2em;
  }
  div#header_sub  a  {	color:#000;}
  div#header_sub  a:active,
  div#header_sub  a:hover  {	color:#ef181e;}
  
  div.rootline {  padding:5px; font-size:90%; }

  span.language  { float:left; width:200px; padding:5px 0 5px 15px; font-size:90%;}
  
  div#left{
    width:200px;
		float:left;}
  
  div#suchen {
		font-weight:bold;
		margin:1em;
	}
  div#suchen form { margin:5px;  }
  div#suchen input {
    border:1px solid #aaa;
    float:left;
    height:18px;
    margin:5px 5px 10px 0;
	}
  
  #main, #footer{
    clear:both;
    background:#ededed url(images/bg_main.gif) repeat-y left top;
    }

/* Navigation */
  
  div#navigation{
    background: #ededed;
    float:left;
    margin:0;
    display:block;
    padding:10px;
    width:180px;
    clear:both;
  }

  div#navigation ul 	{
    list-style-type:none;
		padding:0;
		margin:1em 0;
	}
  div#navigation ul ul	{
    list-style-type:none;
		padding:0;
		margin:0 0 0.5em 1em;
  }

  ul.navi li	 { margin-bottom:0.2em;}
  ul.navi li a {
		display:block;
		padding:0.2em 0.2em;
		text-decoration:none;
		color:#666666;
		font-weight:bold;
		border:1px solid #ddd;
		background-color:#eee;
	}
  ul.navi li  a:hover {
    background:#ddd;
		color:#494A47;
		border-color:#ccc;
	}
  ul.navi li a.active {
    background-color:#999;
	  border-color:#999;
	  color:#fff;
  }
  ul.subnavi li	{
    list-style-type:none;
		margin: 0;
		padding:0;
		margin-bottom:0;
	}
  ul.subnavi li a {
		font-size:90%;
		padding:0.2em 0.5em;
		text-decoration:none;
		color:#666666;
		font-weight:normal;
		background:white;
		border:0;
		border-right: 1px dotted #aaa;
		border-left: 1px dotted #aaa;
		border-bottom: 1px dotted #aaa;
	}
  ul.subnavi li a:hover {
    text-decoration:underline;
		background:white;
	}
  ul.subnavi li a.active {
    background-color:#F0F0F0;
		font-weight:bold;
		color:#555;
		border-color:#555;
    }
/* Navigation Ende */
  
  div#index{
    padding: 0 0;
    margin:0 0 0 201px;
    background:#fff;
  }
  
  div#content{
    position:relative;
    padding: 20px;
  }
  
  #footer{
    color:#666666;
    line-height:1.5em;
    padding:10px 20px;
    text-align:center;
    background:#ededed;
  }
  
  div#overlay{
    background: url(images/transp.png);
    display:none;
    margin-top:-450px;
    min-height:360px;
    padding:50px 15px;
    position:relative;
    width:auto;
    z-index:2;
  }
 /* LINKS und Listen*/
  a {color: #ef181e; text-decoration:none;}
  a:focus, a:hover, a:active {color:#000; text-decoration:none;}

  ul, ol, dl { margin:0 0 1em 1em; }
  li {
    line-height:1.5em;
    margin-left:0.8em;
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }
  
  .rootline a{ text-decoration:underline;}
  .rootline a:focus,
  .rootline a:hover,
  .rootline a:active {text-decoration:none;}

/* INHALT */
  .small{font-size: 11px; font-style:italic;}
  .big { font-size:200%; font-weight:bold;}
  .none{display:none;}
  .center{margin: 0; width:100%; text-align:center;}
  .float_left {float:left; }
  .float_right {margin:0px; width:auto; float:right;}
  .clear{clear:both;}
  
  .even{background:#ededed}
  .odd{background:#FFF}

  h1,h2,h3,h4,h5,h6 {
  	font-weight:bold;
    color: #ef181e;
  	margin: 0 0 0.5em 0;
    width:100%;
  }

  h1 { font-size: 250% } /* 24px */
  h2 { font-size: 200%;} /* 24px */
  h3 { font-size: 150% } /* 18px */
  h4 { font-size: 133.33% } /* 16px */
  h5 { font-size: 116.67% } /* 14px */
  h6 { font-size: 116.67%; font-style:italic } /* 14px */

  p { margin: 0 0 1em 0; }
  hr {border:0; border-bottom:1px solid #ef181e; margin: 5px 0;}

  fieldset{
    border:#ef181e 1px solid;
    margin-bottom:5px;
    padding:10px;
  }
  legend {
   margin: 0;
   padding: 10px;
   color: #ef181e;
   font-weight: bold;
   font-size:122%;
   background:#fff;
  }
  
  blockquote{
    font-style:italic;
    margin: 1em 1.6em;
    color:#000;
  }

  label{float:left; margin:2px 0px; width:18%;  overflow:hidden; }
  
  input[type=text], input[type=submit], input[type=checkbox], textarea, select{
    background:#fff;
    border:1px solid #aaa;
    margin:5px 5px 10px 0;
  }

  input[type=text]:focus, input[type=submit]:focus, input[type=submit]:hover, textarea:focus, select:focus{
    border:1px solid #aaa;
    font-size: 99%;
    background:#ccc;
  }

  table { margin-bottom:0.5em; }

  th,td {padding:1px; vertical-align:middle;  }
  img {border:none;}
  
  th p, td p {margin:0; padding:0;}


/********************************************* ANDERE EINSTELLUNGEN ************************************/
  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0; }
  .subcr { padding: 0 0 0 0; }
  
  
  .gallery {}
	.gallery ul { list-style: none; margin:0px; }
	.gallery ul li { margin:0 5px 0 0;}
	.gallery ul img { border: 1px solid #ffb43d;}


}

@media print
{
  /* für Druck aufbereiten */
  body, #page, #main, #overlay {margin:0; padding: 0; border: none;}
  index, #content {width: 800px !important; padding: 5px; margin:0 !important;}
  #header {height: auto;}
  #navi{display:none !important; }

}