@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{

  /* verlauf CBFECB */
  body {background-color:#e0e0e0; padding-bottom:0; padding-top:0; border-top:0; margin-top:0; } 

  #page {border:none; background-color: transparent; box-shadow: 0 1px 10px rgba(20,30,40,.3), 0 0 1px rgba(20,30,40,.5);}

  #page_margins {min-width:900px; max-width:901px; } 

  *html #page_margins { width:900px; }

  #main { min-height:700px; }
  *html #main { height:700px; }

  /* STAR: Header formatieren - Logo, Banner */
  #header img.headImg1 {top: -10px;}
  /* END: Header formatieren - Logo, Banner */
  
  /* fonts */
  body {font-family:'Trebuchet MS',Verdana,Arial; } 
  h1 {font-size:155%} 
  h2 {font-size:130%} 
  h3 {font-size:115%} 
  h4,h5,h6 {font-size:110%}
  h1,h2,h3 {color:#182e7a;}

  #top_subcl, #top_subcr { background-color:#fff; padding:5px; height: 20px;} /* für neue Optik anpassen */
  #bot_subcl, #bot_subcr {display:none;} /* ausblenden, stattdessen beendet der Footer die Seite */
  
  /* formatting of page template with only 1 column - e.g. template of "home" page */
  #col3_1col {margin:0;}

  /* formatting of page template with 2 columns */
  #col3_2col {margin:0 0 0 25%;}
  #col3_2col img {max-width: 100%;}

  /* formatting of footer */
  #footer {background-color:#fff; color:#555; text-align: center; font-size:83%; padding:10px;}

  /* adapt tab navigation to green color */
  #nav_main li {background-color: #ADCB6C;}
  #nav_main a, #nav_main strong {color: #444;}
  #nav_main ul li:focus, #nav_main ul li:hover, #nav_main ul li:active {background-color: #D7E6B8;}
  #nav_main a:focus, #nav_main a:hover, #nav_main a:active {color: #444;}
  #nav_main #current a, #nav_main #current strong {color: #444;}

  /* adapt sub navigation */
  #submenu li#title {float: left;margin: 0;padding: 0;width: 100%;}


  /* adapt sub navigation to green color */
  #submenu {border-top: 1px #888 solid; }
  #submenu a, #submenu strong {border-bottom: 1px #ddd solid; }

  /* first level sub navigation */
  #submenu li#active, #submenu li strong {background-color:#D7E6B8; color:#444; border-bottom: 1px #ddd solid; }
  #submenu li a:focus, #submenu li a:hover, #submenu li a:active { background-color:#ADCB6C; color: #000; }
  
  /* second level sub navigation */
  #submenu li ul li a:focus, #submenu li ul li a:hover, #submenu li ul li a:active { background-color:#ADCB6C; color: #000; }


  /* adapt green box to right green color */
  .REboxGreenContent {background-color:#D7E6B8; border-left-color:#9DB960; border-right-color:#9DB960;}
  .rGline2, .rGline3, .rGline4 {background:#D7E6B8; border-left-color:#9DB960; border-right-color:#9DB960;}
  .rGline1 {background:#9DB960;}
  

  /* formatting of mail form */
  .mailformplus_contactform .error {color:#dd7777;}
  .mailformplus_contactform LABEL {font-weight:bold;display:block;float:left;width:25%;}
  .mailformplus_contactform .caption {margin:10px 0 5px 0;font-weight:bold;}

  /* formatting of select */
  select {margin-left:1em; padding:2px; width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa; color:#777;}
  
  /* formatting of top nav */
  #topnav{position:relative;top:3px;right:10px;text-align:right}
  #topnav { color:#444; }
  #topnav a { color:#444; }
  #topnav a:focus, #topnav a:hover, #topnav a:active { color:#444; }
  
  
  /* formatting of news items */
  .news-list-item img {float:left; padding-right:10px;}
  .news-list-item .news-list-info {color:#aaa; font-weight:normal; font-size:83%;}
  .news-list-item h3 a {text-decoration:none;}
  .news-single-item .news-single-info {color:#aaa; font-weight:normal; font-size:83%;}
  
  /* formatting of search box */
  #header div.tx-macinasearchbox-pi1 { z-index: 333; }
  #header div.tx-macinasearchbox-pi1 #searchform input { height: 18px; }
  
  /* formatting of tip a friend */
  .tx_tipafriend label { width: 30%; display: block; float:left; }
  .tx_tipafriend_codetext { margin-left: 30%; }
  .freecap_notice { margin-left: 1em; }
  .tx_tipafriend_error_text { color:#f00; }
  
  /* formatting of buttons */
  table.btn { width: 100%; table-layout:fixed; }
  .btn td { padding:0; }
  .blue td.button { background-image: url("../img/buttons/bm_btn.gif"); }
  .blue td.button a, .blue td.button a:focus, .blue td.button a:hover, .blue td.button a:active { color:#fff; font-weight:bold; font-size:110%; text-decoration:none; }
  
  .tx-simplesurvey-pi1-answer input { margin-right:8px; }
  .tx-simplesurvey-pi1-question { margin-bottom:5px; }
  
  /* styles for commenting form (extension guestbook)

  /* form styles */
  .tx-veguestbook-pi1 .tx-guestbook-field {
    clear: both;
    padding: 1em 0;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field label {
    float: left;
    width: 7em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
    float:left;
    width:10em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
    float:left;
    width:20em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
    width: 30em;
    float: left;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
    color:#990000;
  }
  
  .tx-veguestbook-pi1 fieldset {
    border:none;
  }
  
  .tx-veguestbook-pi1 legend {
    display:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-clear {
    clear:both;
  }
  
  .tx-veguestbook-pi1 input.tx-guestbook-submit {
    width:auto;
  }
  
  /* retailer list */
  table.retailer-list tr.item td { border-bottom: 1px solid #dddddd; vertical-align:top; }
  
  
  /* price list */
  table.ptabelle th.td-0, table.ptabelle td.td-0 {width: 50%;}
  table.ptabelle th.td-1, table.ptabelle td.td-1, table.ptabelle th.td-1, table.ptabelle td.td-1 {width: 25%;}
  
  /* format download form */
  #download-submit {font-weight:bold; border: 3px solid #042D6F; color: #FFFFFF; background-color: #1C60AA; padding: 5px;}
  
  td.csc-textpic-image {width: 180px; height:150px; border: 1px solid #aaa; }
  
  /* formatting of UL lists */
  
  ul.csc-bulletlist-1 { list-style:none; }
  ul.csc-bulletlist-1 li { background:url('../img/check.png') no-repeat left 3px; padding-left:24px; margin: 5px 0 0 0; }

  ul.csc-bulletlist-2 { list-style-image:url(../img/visited.gif); list-style-position:outside; }

  
  
 .theme-default .nivoSlider {height: 500px !important; width:881px !important; margin-bottom: 0 !important;}
/* div.nivo-controlNav {position:relative; top:-50px; z-index:500;} */
div.nivo-controlNav {padding: 10px 0 0 0 !important;}
.theme-default .nivo-directionNav a {background-image:url(../../typo3conf/ext/t3s_headerslider/res/default/arrows2.png) !important;}

/* Content Slider */

#featured{
  width:100%;
  position:relative;
  height:390px;
  background:#fff;
}
#featured ul.ui-tabs-nav{
  position:absolute;
  top:0; left:65%;
  list-style:none;
  padding:0; margin:0;
  width:35%;
}
#featured ul.ui-tabs-nav li{
  padding:1px 0; padding-left:13px;
  font-size:12px;
}
#featured ul.ui-tabs-nav li img{
  float:left; margin:2px 5px;
  padding:2px;
}
#featured ul.ui-tabs-nav li span{
  font-size:11px; font-family:Verdana;
  line-height:18px;
}
#featured li.ui-tabs-nav-item a{
  display:block;
  height:90px;
  color:#333;  background:#fff;
  line-height:20px;
  border:1px solid #ccc;
  margin-bottom: 2px;
}
#featured li.ui-tabs-nav-item a:hover{
  background:#CCE1A0;
}
#featured li.ui-tabs-selected{
  background:url('../templates/slider/images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
  background:#A3C35E;
}
#featured .ui-tabs-panel{
  width:65%; height:355px;
  /* background:#C8DDF3; */ 
  background: #fafafa;
  position:relative;
  border:1px solid #ccc;
  margin-bottom: 2px;
  padding: 5px;
  padding-top: 20px;
}
#featured .ui-tabs-panel .info{
  position:absolute;
  top:270px; left:0;
  height:70px;
  background: url('../templates/slider/images/transparent-bg.png');
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#featured .info h2{
  font-size:18px; font-family:Georgia, serif;
  color:#fff; padding:5px; margin:0;
  overflow:hidden;
}
#featured .info p{
  margin:0 5px;
  font-family:Verdana; font-size:11px;
  line-height:15px; color:#f0f0f0;
}
#featured .info a{
  text-decoration:none;
  color:#fff;
}
#featured .info a:hover{
  text-decoration:underline;
}
#featured .ui-tabs-hide{
  display:none;
}

#featured .ui-tabs-panel h2 {font-size:155%; margin-bottom: 20px;}
#featured .ui-tabs-panel h3 {font-size:100%; color:#000;}

#featured .ui-tabs-nav-item a {text-decoration: none;}



/* Referenzen Startseite */
table.refstart { width:100%; }
table.refstart tr { width:100%; }
table.refstart tr td { width:20%; vertical-align:middle; text-align:center; }




/* Buttons
----------------------------------------------------------------------------------------------------*/
a.button-green-cta, a.button-green-cta:visited {
	display: inline-block;
	background: #369804;
	color: #FFF;
	border-radius: 5px;
	text-decoration: none;
	font-size: 20px;
	padding: 15px;
	border: 1px solid #3b960c;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 5px 20px rgba(255,255,255,0.5) inset, 0 1px 2px rgba(0,0,0,0.3);
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

a.button-green-cta {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

a.button-green-cta:hover, a.button-green-cta:focus {
	background: #48ba0e;
}
a.button-green-cta span.sub {
	text-align: center;
	display: block;
	font-size: 12px;
	margin-top: 5px;
	line-height: 17px;
	margin-bottom: -5px;
}

p.cta { 
	font-weight:bold; 
	font-size:110%; 
}

/* Tabelle Preisliste -- START
----------------------------------------------------------------------------------------------------*/

.contenttable thead th {
	font-weight: normal;
}

.contenttable.tab-preise td , .contenttable.tab-preise-archive td {
	height: 2em;
}

.contenttable.tab-preise th {
	width: 25%;
}

.contenttable th, .contenttable td {
	padding: 2px 2px 2px 5px;
}


.contenttable.tab-preise tbody tr.tr-even {
	background-color: #ddd;
} 

/* Tabelle Preisliste -- END
----------------------------------------------------------------------------------------------------*/

/* Download Formulare -- START
----------------------------------------------------------------------------------------------------*/
#download-form label {
	font-weight: bold;
	font-size: 1em;
}

#download-form dt, #download-form dd, #download-form dl {
	margin-left: 0;
	font-weight: normal;
}

#download-form dt {
	margin-top: 20px;
}

#download-form input {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

#download-form input[type="text"] {
	background-color: white;
	color: black;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	font-size: 16px;
	height: 25px;
	margin: 5px 0;
	padding: 5px;
	width: 330px;
}

#download-form input[type="text"]:focus {
	border: 1px solid #393;
	box-shadow: #393 0px 0px 5px;
	-moz-box-shadow: #393 0px 0px 5px;
	-webkit-box-shadow: #393 0px 0px 5px;
	outline: none;
}

#download-form input[type="submit"] {
	width:330px;
	margin-top: 15px;
	margin-left: 6px;
	margin-bottom: 15px;
	display: inline-block;
	background: #369804;
	color: #FFF;
	border-radius: 5px;
	text-decoration: none;
	font-size: 18px;
	padding: 10px;
	border: 1px solid #3b960c;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 5px 20px rgba(255,255,255,0.5) inset, 3px 4px 8px rgba(0,0,0,0.7);
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#download-form input[type="submit"]:hover {
	background: #48ba0e;
	cursor: pointer;
}

/* Download Formulare -- END
----------------------------------------------------------------------------------------------------*/

/* T3BLOG -- START
----------------------------------------------------------------------------------------------------*/

ul.latestPostList-home li {
	list-style-type: none;
	font-size: 110%;
	margin-bottom: 10px;
	margin-left: 0;
}

/* T3BLOG -- END
----------------------------------------------------------------------------------------------------*/


/* Revision List  -- START
----------------------------------------------------------------------------------------------------*/

.tx-cis-pi3-listrow td {
	padding: 2px 7px 2px 7px;
    background-color: #eee;
	border: solid 2px #fff;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

.tx-cis-pi3-listrow tr.tx-cis-pi3-listrow-odd td {
	background-color: #ddd;
}

.tx-cis-pi3-listrow-header td {
	height: 2.0em;
	background-color: #4E5155;
	color: white;
	padding: 2px 7px 2px 7px;
	border: solid 2px #fff;
}

	
/* Revision List -- END
----------------------------------------------------------------------------------------------------*/


/* Forum -- START
----------------------------------------------------------------------------------------------------*/



/* Forum -- END
----------------------------------------------------------------------------------------------------*/


}