@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...
*/
@import url(navigation/nav_slidingdoor.css);
@media all
{

/* Your styles here */
  
  /* ################## 
     ## nav_list.css ##
     ################## */
  #submenu {
    margin: 0.5em 0pt 1.5em;
    border-bottom-color:#A50010;
    border-bottom-style:solid;
    border-bottom-width:5px;
    border-left-color:#A50010;
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:#A50010;
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:#A50010;
    border-top-style:solid;
    border-top-width:1px;
  }
  
  #submenu strong {
    color: #600000;
  }

  #submenu li strong, #submenu li#active {
    color: #FFFFFF; 
    background-color:#A50010;
  }
  
  #submenu li#title, #submenu li#title_active {
    background-color: #A50010;
    border-bottom: 0px solid #A50010;
    color: #FFFFFF;
    /*margin-left:-10px;*/
    padding:6px 3px;
    position:relative;
    top:0px;
    width:100%;
  }
  
  #submenu li a { 
  	background-color:#DDDDDD; 
  	color: #600000;
  }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { color: #FFFFFF; }

  #submenu li#title_active a {
	/*background-color:#DDDDDD;*/
	/*border-bottom:1px solid #BBBBBB;*/
	/*color:#600000;*/
	font-weight: bold;
	background-color:#A50010;
	border-bottom:0px solid #A50010;
	color:#FFFFFF;
	position:relative;
	top:0px;
	width:105%;
  }

  #submenu li#title_active a:focus,
  #submenu li#title_active a:hover,
  #submenu li#title_active a:active { text-decoration: underline; }

  #submenu li ul li a { background-color:#DDDDDD; color: #600000; }
  #submenu li ul li a:active { background-color:#A50010; color: #FFFFFF; }

  #submenu li ul li ul li a { background-color:#DDDDDD; color: #600000; }
  #submenu li ul li ul li a:active { background-color:#A50010; color: #FFFFFF; }

  #submenu li ul li ul li ul li a { background-color:#DDDDDD; color: #600000; }
  #submenu li ul li ul li ul li a:active { background-color:#A50010; color: #FFFFFF; }
  
  
  /* #####################
     #### basemod.css ####
     ##################### */
  body { 
  	background:#DDDDDD none repeat scroll 0%;
  	padding-top:10px; 
  	color: #600000;
      	font-family:'MS Sans Serif',Verdana,Helvetica,Arial,sans-serif;
	font-size:75%;
  }
    
  body * {
  	background-color: #DDDDDD;
  	background:#DDDDDD none repeat scroll 0%;
  }

  #header img {position:absolute; top:auto; left:auto; font-size:100%;}
  #header h1 span {display:inline; height:auto; width:auto; overflow:hidden; line-height:100%;}
  #main {/*background: transparent ;*/ padding-top:0;background-color: #DDDDDD;}

  #header {
    /*background: transparent;*/
    padding: 0px 0 1em 0;
    height: 104px;
    background-color: #A50010;    
  }
  
  #teaser .rootline a {
	color:#600000;
  }
  #main { 
  	/*background: transparent;*/
	background-color: #DDDDDD;  	
	padding:0 0; 
  }

  div.header_logolinks { 
  	position: absolute; 
  	float:left; 
  	width: 24%; 
  	text-align: left; 
  	padding-left: 0px; 
  	z-index: 99;
  	background: #A50010;
  }
  div.header_titelrechts { 
  	z-index: 1;
  	position: absolute;
  	padding-top: 0.3em;  
  	float: left; 
  	margin-left: 0px; 
  	margin-bottom: 0px; 
  	color:#600000;
  	text-align: center;
  	width: 100%;
  }
  div.header_logorechts { 
  	/*position: absolute; */
  	float: right; 
  	width: 250px; 
  	text-align: right; 
  	margin-right: 210px;
  	z-index: 99; 
  }

  #header div.header_titelrechts h1,
  #header div.header_titelrechts h2,
  #header div.header_titelrechts h1 em,
  #header div.header_titelrechts h3{ 
  	color: #600000;
  	border:medium none; 
  }

  #header h1 {  
	padding-top: 0.3em;
	color: #600000;
  }
  
  #header h2 {
	 line-height: 80%; 
	 font-size: 1.5em; 
	 letter-spacing: -1px; 
	 border-bottom: 0px solid;
	 font-style: italic;
/*	 background: transparent;*/
	 background-color: #DDDDDD;
	 padding: 0.6em;
	color: #600000;
  }

  #header h3 {font-size: 150%;}

  .tx-indexedsearch-rules {
    position: fixed; 
    visibility: hidden;
  }
  
  .tx-vinexsearch-rules {
    position: fixed; 
    visibility: hidden;
  }

  #nav {
	border-top:1px solid white;
	background-color: #A50010;
  }
  
  /* ShinyButtons */
  /*#nav ul { margin-left:20px; }*/

  #header #hcol3 #hcol3_content #nav {
 	clear:none;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #A50010;
  }


  /* Sliding Door */
  
  #nav_main {
    background-color: #A50010;
    padding-left: 0px;
    width:auto;
    z-index: 100;
  }
  
  #nav_main #current {
    background: #A50010 url(../img/sliding_door/left_both.gif) no-repeat scroll left top;
    border: 0pt none;
  }

  #nav_main #current a {
    background-position:0pt;
    border-width:0pt;
  }
  
  #nav_main #current a, #nav_main #current strong {
    padding-bottom:0px;
    padding-top:0px;
  }
  
  #nav_main a span {
    /*background:#A50010 url(../img/sliding_door/right_both.gif) no-repeat scroll 100% -150px;*/
    background:#A50010 none no-repeat scroll 100% 0px;
    color:#600000;
    font-weight:bold;
  }
  
  #nav_main ul {
  	padding: 0px;
  }
  
  #nav_main li {
    display:inline;
    margin:0pt;
    padding:0pt;
  }
  
  #nav_main ul li:focus, #nav_main ul li:hover, #nav_main ul li:active {
    /*background: #A50010 url(../img/sliding_door/left_both.gif) no-repeat;*/
    background-color:#A50010;
    color:#FFFFFF;
  }
  
  #teaser {
    border:0px solid #600000;
    background:transparent none repeat scroll 0%;
    color: #600000;
  }

  /* Text allgemein */
  h1, h2, h3, h4, h5, h6 {
    color:#600000;
    font-family:"times new roman",times,serif;
    font-weight:bold;
    margin:0pt 0pt 0em;
  }
  
  h1 {
  	font-size: 130%;
  }
  
  h2 {
  	font-size: 115%;
  }

  h3 {
  	font-size: 100%;
  }
  
  h4, h5, h6 {
    color:#600000;
    font-family:"times new roman",times,serif;
    font-weight:bold;
    margin:0pt 0pt 0em;
  }
 
  h1 {
	border-bottom:1px solid #BBBBBB;
	color:#600000;
  }

  #page_margins {
	border:0px solid #888899;
	margin:0pt auto;
	max-width:80em;
	min-width:720px;
	width:90%;
  }
  
  #teaser div {
    font-size:85%;
  }
  
  #subcl {padding: 0 0 0 0;}
  #align-center { text-align: center; }

  #col1, #col2, #col3,
  #col1_content, #col2_content
  { 
  	background:transparent none repeat scroll 0%;
  }

  #col1_content {
  	padding: 0px 10px 10px 10px;
	margin:0pt 4px;
  }

  #col2_content {
  	padding: 0px 10px 10px 10px;
	margin:0pt 4px;
  }
  
  #col3 {
  	border-left: 1px solid #A50010;
  	border-right: 1px solid #A50010;
  }
 
  #footer { 
    color:#FFFFFF; 
    background: #A50010;
    padding: 10px 15px 10px;
    line-height: 1em;
    margin: 0px 0px;
    border-top:5px solid #DDDDDD;
  }
  
  #footer *{ 
    background: #A50010; 
  }

  #WPFooter {
	background:transparent;
	text-align: center;
  	font-size: 80%;
  	font-weight:bold;
  	width: 100%;
  }
  
  #WPFooter a, #WPFooter a:focus, #WPFooter a:hover, #WPFooter a:active {
	background:transparent;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
  }

 /* *****************************
  * Einstellungen für Formulare *
  * *****************************/
  input, textarea {
	background:#FFFFFF none repeat scroll 0% 50%;
	/*border:1px solid #111111;*/
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-left:1em;
	padding:2px;
	width:auto;
	color: #000000;
  }
  
  input[type="text"] {
  	background-color: #FFFFFF;
  	color: #000000;
  	border: 2px inset #999999;
  }

  input[type="submit"], input[type="button"] {
  	background-color:#D6D3CE;
	border:2px outset #F4F4F4;
	color:#000000;
	outline-color:#111111;
	outline-style:ridge;
	outline-width:thin;
  }

  /* *****************************
   * Einstellungen für Mail-Form *
   * *****************************/
  input#mailformformtype_mail {
	background: #D6D3CE none repeat scroll 0% 50%;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
	margin-left:0em;
	width: 100%;
  }

  input#mailformformtype_mail:hover {
	color:#600000;
  }

  
  form#mailform fieldset {
	background:#DDDDDD none repeat scroll 0%;
	border:1px solid #CCCCCC;
	padding:1em;
  }
  
  fieldset.csc-mailform .csc-mailform-field label {
	background:#DDDDDD none repeat scroll 0%;
	float:left;
	padding:2px;
	text-align:right;
	width:4.5em;
  }
  
  fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field textarea {
	width:14em;
  }
  
  fieldset.csc-mailform .csc-mailform-field select {
	width:8em;
  }

  .csc-mailform-field select {
	background:#FAFAFA none repeat scroll 0%;
	border:1px solid #111111;
	color:#600000;
	margin-left:1em;
  }
  
  .csc-mailform-field {
	clear:both;
	margin-bottom:0.8em;
  }
 
  fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	border:0pt none;
	margin-top:0.2em;
 	width:auto;
  }

  #page{ background: #A50010; border: 3px #A50010 solid; }

  
  p.tx-danewslettersubscription-pi1-mustlogin {
	border-bottom:1px solid #BBBBBB;
	color:#600000;
	font-family:"times new roman",times,serif;
	font-weight:bold;
	margin:0pt 0pt 0.25em;
	font-size:150%;
	background:transparent none repeat scroll 0%;
	display:block;
  }

  .tx-danewslettersubscription-pi1 input[type="text"] {
	padding: 1px;
	width: 110px; 
	margin-left: 0px;
	margin-top: 1px;
  }

  .tx-danewslettersubscription-pi1 input[type="submit"] {
	background: #D6D3CE; 
	color: #000000;
	/*width: 7em;*/
	margin-left: 1em;
	font-size: 0.9em;
	padding: 0px;
  }
  
  p {
	line-height: 120%;
  }
  
  /********************
   ****  TABLES *******
   ********************/
  table.contenttable th {
	background:#A50010 none repeat scroll 0% 50%;
	border:2px solid #DDDDEE;
	color:white;
	height:2em;
	padding:2px 7px;
  }

  table.contenttable {
	background-color:#DDDDEE;
	empty-cells:show;
	font-size:0.8em;
	margin:0pt 0pt 0em;
	width:100%;
  }

  table.contenttable td {
	border:2px solid #DDDDEE;
	font-weight:normal;
	height:3em;
	padding:2px 7px;
	text-align:left;
  }

  /* ********************************************
   *   csc-Formate                              *
   **********************************************/
  p.csc-header-date {
	float:right !important;
	font-weight:bold !important;
	/*position:absolute !important;*/
	text-align:right !important;
	width:90% !important;
	margin: 0px;
  }

  /* ********************************************
   *   Macina_Searchbox-Formate                 *
   **********************************************/
  input[type="text"].macina_search_box {
	height:1.22em;
	margin-left:0pt;
	width:130px;
  }

  input.macina_search_button {
	/*background-color:#BEBEBE;
	color:#111111;*/
	height:1.63em;
	margin-left:1em;
	outline-color:#111111;
	outline-style:ridge;
	outline-width:thin;
	padding-top: 0px;
  }
  
  td.macina_search_td {
	padding: 0.5em 0em 0em;
	text-align:left;
  }
  
  /* ********************************************
   *   indexed_search-Formate                   *
   **********************************************/
  ul.browsebox li {
	float:left;
	line-height: 1.25em;
	margin-left: 0.45em;
  }
  ul.browsebox {
	display: block;
	list-style: none;
	clear: both;
  }

  div.tx-indexedsearch-res {
	clear:both;
	border-top:1px solid #A50010;
	margin-top: 10px;
  }  
  
  div.tx-indexedsearch-res div.tx-indexedsearch-res {
  	border-top: 0px none #111111;
  	border-bottom: 1px solid #111111;
  	margin-top: auto;
  }

  div.tx-vinexsearch-res {
	clear:both;
	border-top:1px solid #A50010;
	margin-top: 10px;
  }  
  
  div.tx-vinexsearch-res div.tx-vinexsearch-res {
  	border-top: 0px none #111111;
  	border-bottom: 1px solid #111111;
  	margin-top: auto;
  }
    
  /* ***********************************************************************
   *  Titelleiste-Layout 3-Spaltig                                         *
   *************************************************************************/

	#hcol1 { 
		float: left; 
		z-index: 3;	
		width: 220px; 
		background:transparent none repeat scroll 0%;
	}

	#hcol2 { 
		float: right; 
		z-index: 5;
		width: 24%;
		background:transparent none repeat scroll 0%;
	}

	#hcol3 {
		width: auto; 
		z-index: 1;
		margin:0px 0px 0px 220px;
		background-color:#A50010;
		/*background:transparent none repeat scroll 0%;*/
	}

	#hcol1_content {
		z-index: 4;
		position:relative;
		color:#FFFFFF; 
		padding: 0px;
		margin: 0px;
		height: 117px;
		background: #A50010 none repeat scroll 0%;
	}

	#hcol2_content {
		z-index: 6;
		padding: 0px;
		margin:0px;
		height: 117px;
		background: #A50010 none repeat scroll 0%;
		position:relative;
	}

	#hcol3_content {
		z-index: 25;
		margin-left:0px; 
		margin-right:0px;	
		padding: 0px;
		/*position:absolute;*/
		background-color:#A50010;
	}  

	.header_titel {
		height: 64px;
		text-align: center;
		padding-top: 20px;
		background-color:#A50010;
	}
	
	.header_titel * {
		color: #600000;
	}
	
	#header h1 {
		letter-spacing:-1px;
		border:medium none;
	}
	
	#header h2 {
		letter-spacing:0px;
		/*border-color:-moz-use-text-color;*/
		border-style:none none solid;
		border-width:medium medium 0px;
	}
	
	#header #hcol1 #hcol1_content #headImg1 {
		font-size:100%;
		left:auto;
		position:absolute;
		top:auto;
	}
	
	#header #hcol2 #hcol2_content #headImg2 {
		font-size:100%;
		left:auto;
		right: 0px;
		position:absolute;
		top:auto;
	}
	
	/*.katalog_header1 {
		margin-top: 5px;
		margin-bottom: 3px;
	}
	.katalog_header2 {
		margin-top: 2px;
	}
	.contenttable {
		margin-bottom: 5px;
	}*/
	
  /* ***********************************************************************
   *  Katalog Formate                                                      *
   *************************************************************************/
	
	.katalog_header1 {
		letter-spacing: 5px;
		margin-bottom: 8px;
	}
	.katalog_header2 {
	}

	.contenttable {
	}
	
	.katalog_bemerkung {
		margin-bottom: 0px;
	}
	
  /* ***********************************************************************
   *  Katalog Bestellformular                                              *
   *************************************************************************/

  #katalog_bestellform_table1 {
	background:#DDDDDD none repeat scroll 0%;
	border-spacing:1px;
	table-layout:fixed;
	border-collapse:separate;
	border:1px solid #111111;	
  }

  #katalog_bestellform_table1 th {
  	font-weight: bold;
  }

  #katalog_bestellform_table1 tr {
  	height: 2em;
  	margin: 1px;
  	padding: 0px;
  }
  
  #katalog_bestellform_table1 tr td {
  	width: auto;
  	margin: 1px;
  	padding: 0px;
  }
  
  #katalog_bestellform_table1 input {
	background-color:#DDDDDD;
	border-color:#DDDDDD;
	height:1.2em;
  }
	
  input.input_artnr {
	margin:1px;
	padding:0px;
	width:60px;
  }  

  input.input_menge {
  	width: 90px;
	margin:1px;
	padding:0px;
	text-align:right;
  }
  
  input.input_bezeichnung {
  	width: 250px;
	margin:1px;
	padding:0px;
  }
  
  input.input_jahrgang {
  	width: 65px;
	margin:1px;
	padding:0px;
  }
  
  input.input_flgr {
  	width: 60px;
	margin:1px;
	padding:0px;
  }
  
  input.input_preis {
  	width: 70px;
	margin:1px;
	padding:0px;
  }

  #bestellformular {
	background-color: #DDDDDD;
  }

  #katalog_bestellform_table2 {
	background:#DDDDDD none repeat scroll 0%;
	width: 450px;
  }

  #katalog_bestellform_table2 tr {
  	height: 2em;
  	margin: 1px;
  	padding: 3px;
  }
  
  #katalog_bestellform_table2 tr td {
  	width: auto;
  	margin: 1px;
  	padding: 0px;
  }
  
  span.bestellform_error {
  	color: red;
  	font-style: italic;
  }  

  div.header_titel h1#page_titel1 {
  	font-size:45px;
	font-style: italic;
	letter-spacing:normal;
	background-color:#A50010;
	color:#FFFFFF;
	position: relative;
	top: -5px;
  }

  #submenu a, #submenu strong {
	border-bottom:1px solid #DDDDDD;
  }  
  
  dd.csc-textpic-caption {
	background-color:#DDDDDD;
  }
  
  a {
	color: #3030F0;
  }
  
  #nav_main ul {
	padding:0.2em 0em 0em;
	line-height:1.5em;
	list-style-type:none;
	margin:0pt;
	text-align:center;
	float: left;
	background:#A50010 none repeat scroll 0%;
	border: 0px solid #A50010;
  }

  #nav_main ul li, #nav_main #current { 
	display:inline;
	line-height:1.5em;
	list-style-type:none;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background:#A50010 none repeat scroll 0%;
	border: 0px solid #A50010;
  }  

  #nav_main ul li:focus, #nav_main ul li:hover, #nav_main ul li:active {
	display:inline;
	line-height:1.5em;
	list-style-type:none;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background:#A50010 none repeat scroll 0%;
	text-decoration: underline;
	border: 0px solid #A50010;
  }

  #nav_main ul li a, #nav_main #current a, #nav_main #current strong {
	color:#FFFFFF;
	margin:0pt;
	padding:0em 0.5em;
	text-decoration:none;
	white-space:nowrap;
	background:#A50010 none repeat scroll 0%;
	border: 0px solid #A50010;
  }

  #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active,
  #nav_main #current a:focus, #nav_main #current a:hover, #nav_main #current a:active, 
  #nav_main #current strong:focus, #nav_main #current strong:hover, #nav_main #current strong:active   {
	color:#FFFFFF;
	margin:0pt;
	padding:0em 0.5em;
	text-decoration:none;
	white-space:nowrap;
	background:#A50010 none repeat scroll 0%;
	text-decoration: underline;
	border: 0px solid #A50010;
  }

  #nav_main ul li a span, #nav_main #current a span {
	color:#FFFFFF;
	margin:0pt;
	padding:0em 0.5em;
	text-decoration:none;
	white-space:nowrap;
	background:#A50010 none repeat scroll 0%;
	border: 0px solid #A50010;
  }

  #nav_main ul li a span:focus, #nav_main ul li a span:hover, #nav_main ul li a span:active {
	color:#FFFFFF;
	margin:0pt;
	padding:0em 0.5em;
	text-decoration:none;
	white-space:nowrap;
	background:#A50010 none repeat scroll 0%;
	text-decoration: underline;
	border: 0px solid #A50010;
  }

  input[type="text"]:focus, textarea:focus {
	background:#FFFFFF none repeat scroll 0%;
	border-color:#666666;
	color:#000000;
  }

  table.macina_search_table_nl {
	background-color: #A50010;
  }

  td.macina_search_td_nl, div.macina_search_td_nl {
	background-color: #A50010;
	margin:0px;
	padding: 2px 0px 0px;
	
  }

  div.search_in_navileiste {
	float: right;
	background-color: #A50010;
	margin-right:5px;
  }
  
  input.macina_search_box_nl {
	font-size:80%;
  }

  input[type="submit"], input[type="button"] {
	font-weight: bold;
  }
  
  input.macina_search_button_nl {
	font-size: 80%;
  }

  #col1_content {
  	padding: 0px 0px 10px;
  }
  
  #col1 {
  	width: 210px;
  }
  
  #col3_content {
	padding:10px 0px;
  }
  
  #col2_content {
	margin:0pt 5px 0px 10px;
	padding:10px 0px;
  }

  #teaser .rootline {
	margin-left: 229px;
  }

  table.contenttable td {
  	height: 1em;
	padding:0px 7px;
  }

  table.contenttable td p {
	line-height:100%;
	margin:0pt 0pt 0.2em;
  } 
}