/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
**
**  YAML Version: 2.2
**  Dateiversion: 23.02.06
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file. Any changes should be placed in basemod-stylefiles.
*/


@media all
{
/* ######################################################################################################
** ### Vorbernde Ma�nahmen ##########################################################################
** ######################################################################################################
**
** Die Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
*/

html {height:100%}

body {
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H�he des Browserfensters. */
	min-height: 101%;
/* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */
    font-size: 100.01%;
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr��e des Browser Fensters ge�ndert wird. */
    position: relative;

/* Vorgabe der Standardfarben und Textausrichtung*/
    color: #000;
    background: #fff;
    text-align: left;
   font-family: Verdana,Arial, Helvetica, Swiss, SunSans-Regular;
   font-size:11px;
}

/* Hiermit werden die Randabst�nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das
** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
**
** Achtung: Gleichzeitig wird damit jedoch das extreme Zoom-Verhalten im Internet Explorer heraufbeschworen
**          Der daf�r erforderliche Hack sollte daher nicht vergessen werden, um diese Problem wieder zu
**          beseitigen. Er ist in der Datei "iehacks.css" zu finden.
*/

* {margin:0; padding:0; border:0; font-size: 1em;}


/*******************************************************************************
// Errorhandling
/******************************************************************************/
#debug {
   top:0px;
   background-color:#cccccc;
   padding:3px;
   border:1px solid #000000;
   font-family:courier;
   font-size:12px;
   /*position:absolute;
   left:80%;*/
}

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/



#topnav {
	position:relative;
	top: 0px;
	right: 0px;
	color: #fff;
	background: transparent;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
}

#nav { clear:both; z-index: 100;padding:0px;}
#main {	clear:both; z-index: 10; padding:0px;}


#col1 {
	float: left;
	/*width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col2 {
	float:right;
	/*width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col3{
	width:auto;
}


/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
** dem Spaltenhintergrund erscheinen. */
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1, #col2, #col3 { position: relative; }
#col1_content, #col2_content, #col3_content { position: relative; }

#footer { clear:both; width:auto;display:none; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################
** ######################################################################################################
*/

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix {display: block;}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
hr.clear_columns{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	float: left;
	visibility: hidden;
	border: 0;
	padding: 0;
	margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/* ######################################################################################################
** ### Standard-Formatierungen f�r Listen & Zitate ######################################################
** ######################################################################################################
*/

ul, ol, dl { margin: 0 0 1em 0; }
ul{
   list-style-image:none:
}
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}


#page_margins {
   border: 0px #889 solid;
   min-width: 980px;
   max-width: 80em;
   padding-top:0px;
   background-color:#ffffff;
   width:980px;

margin: auto;
}

#main {
   width: 980px;
}


#header{
   width:980px;
   height:148px;
   background-image:url('../../images/bg_header.gif');
   background-repeat:no-repeat;
}

#logo{
   float:left;
   margin:0px;
}
#servicenavi{
   text-align:right;
   float:right;
   margin-right:10px;
   margin-top:105px;
   font-size:12px;
   font-weight:bold;
   color:#DCB0C7;
   width:700px;
   heigth:120px;
}
#servicenavi a{
   color:#DCB0C7;
}

#navigation {
   padding-top:155px;
}

#zentrum{
   background-image:url('../../images/bg_zentrum.gif');
   height:auto;
   display:table;
}
#left{
   padding-top:10px;
   width:203px;
   display:block;
   min-width:203px;
   min-height:437px;
   background-color:#E3C0D1;
   height:auto;
}

#content{
   width:732px;
   background-image:url('../../images/bg_content.gif');
   background-repeat:no-repeat;
   background-color:#EDD7E2;
   padding-left:30px;
   padding-right:15px;
   height:auto;
   margin-bottom:30px;
}


#content-left{
   padding-top:30px;
   position:relative;
   margin-left:20px;
   width:350px;
}

#footer{
   width:980px;
   height:73px;
   background-color:#382E32;
   background-image:url('../../images/footer.gif');
   background-repeat:no-repeat;
   background-position:522px 22px;
   display:block;
}


#shop{
   margin:40px;
   padding:0px;
   background-image:url('../../images/bg_shop.gif');
   background-repeat:no-repeat;
   height:42px;
   margin-left:25px;
   margin-bottom:0px;
   padding-left:80px;
   padding-top:0px;
   width:80px;

}

#endkundeninfo{
   padding-top:20px;
   margin-top:0px;
   font-size:16px;
   font-weight:bold;
}

#logindata p {
   color:#ffffff;
}
#logindata{
   margin-top:40px;
}

/* Divs der Startseite */

#on_tour{
   float:left;
   width:261px;
   background-color:#58101F;
   min-height:369px;
   color:#fff;
   padding-left:10px;
   padding-top:10px;
   padding-bottom:30px;
}

#clubbing_karte{
   float:left;
   height:380px;
}

#news{
   float:left;
   color:#fff;
   background-image:url('../../images/bg_news.gif');
   background-repeat:no-repeat;
   padding:10px;
   padding-right:0px;
   padding-top:35px;
   width:193px;
   height:332px;
   margin-left:-45px;
}

h2.h2_news{
   color:#fff;
   font-size:12px;
   font-weight:bold;
}
h2.impressum, .h2_text{
  padding-top:20px;
  padding-bottom:0px;
}

.h2_groessen{
  padding-top:30px;
  padding-bottom:0px;
}

.newsteaser{
   color:#fff;
}


p{
   margin-top:10px;
}

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

#on_tour, #clubbing_karte, #news{
   margin-top:10px;
}


.navi_on {
        font-size:14px;
        color:#FFBE39;
}

.navi_off {
        font-size:14px;
        color:#ffffff;
        margin-left:0px;
}

.navi1{
   margin:0px;
   padding:0px;
   background-color:#E3C0D1;
   background-image:url('../../images/bg_navi1.gif');
   background-repeat:no-repeat;
   min-height:41px;
   margin-left:25px;
   margin-bottom:3px;
   width:172px;
}

.subnavi, .subnavi2{
   height:20px;
   width:156px;
   margin-left:11px;
   text-align:left;
   font-size:10px;
  /* border-top:1px solid #00ff00;*/
   padding-top:4px;
   padding-left:10px;
}
.subnavi2{
   margin-top:0px;
}

.subnavi_on, .subnavi_on a:hover, .subnavi_on a:link, .subnavi_on a:active, .subnavi_on a:visited{
   background-color:#ffffff;
   color:#000000;
}
.subnavi_off, .subnavi_off a:hover, .subnavi_off a:link, .subnavi_off a:active, .subnavi_off a:visited{
   background-color:#58101F;
   color:#ffffff;
}
.subnavi a{
   color:#ffffff;
   text-decoration:none;
}

#subtop{
   margin-left:11px;
   width:156px;
   height:18px;
}
/*
a:link,a:visited,a:active  {
   color:#004771;
   text-decoration:none;
}
a:hover {
   color:#347BA5;
   text-decoration:none;
}*/
h1{
  padding-top:15px;
  margin-left:0px;
  padding-bottom:10px;
  font-size:14px;

}


.h1_index{
   font-size:20px;
   font-weight:bold;
}


.h2_index, .p_index{
   font-size:18px;
   font-weight:bold;
}

p, li{
   color:#000000;
   font-size:12px;
}
p.starttext{
   font-size:13px;
}

p.fliesstext{
   margin-left:10px;
}


ul.ul_sub{
   margin-top:30px;
   list-style-position:inside;
   list-style-type:none;
}
a.li_sub:link,a.li_sub:visited,a.li_sub:active  {
   color:#000000;
   margin:5px;
   font-size:14;
   font-weight:bold;
   text-indent:-10px;
}
a.li_sub:hover, a.sub_on:link, a.sub_on:visited, a.sub_on:active  {
   color:#ffffff;
   margin:5px;
   font-size:14;
   font-weight:bold;
}

a:link,a:visited,a:active  {
   color:#001418;
   text-decoration:none;
}

a:hover  {
   color:#CE0421;
   text-decoration:underline;
}

a.tour_link:link,a.tour_link:visited,a.tour_link:active  {
   color:#B5B2B5;
   text-decoration:none;
}

a.tour_link:hover  {
   color:#fff;
   text-decoration:underline;
}


.form {
    font-family:Arial, Helvetica, Swiss, SunSans-Regular;
    font-size: 10px;
    border-right: #787655 1px solid;
    border-left: #787655 1px solid;
    border-bottom: #787655 1px solid;
    border-top: #787655 1px solid;
    background-color: #FFFFFF;
    color: #293439;
    border-color: #293439;
}

.formbutton {
    font-family:Arial, Helvetica, Swiss, SunSans-Regular;
    font-size: 11px;
    border-right: #787655 1px solid;
    border-left: #787655 1px solid;
    border-bottom: #787655 1px solid;
    border-top: #787655 1px solid;
    background-color: #F0F0F0;
    color: #293439;
    border-color: #293439;
    padding:5px;
}

a.linkpfeil:link,a.linkpfeil:visited,a.linkpfeil:active  {
   color:#382E32;
   padding-left:17px;
   background-image:url('../../images/linkpfeil.gif');
   background-repeat:no-repeat;
   background-position:0px 2px;
}

a.linkpfeil:hover  {
   color:#FFBC3A;
   padding-left:17px;
   background-image:url('../../images/linkpfeil_hover.gif');
   background-repeat:no-repeat;
   background-position:0px 2px;
}

input, textarea {
   height:18px;
   padding-left:5px;
   padding-top:2px;
	font: 0.8em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #000000 solid;
   background-color: #EDD7E2;
	color: #000;

}

input[type=text]:focus, textarea:focus {
	background: #DEC3CE;
	color: #000;

}
.formbutton {
    font-family:Arial, Helvetica, Swiss, SunSans-Regular;
    font-size: 11px;
    border-right: #787655 1px solid;
    border-left: #787655 1px solid;
    border-bottom: #787655 1px solid;
    border-top: #787655 1px solid;
    background-color: #F0F0F0;
    color: #293439;
    border-color: #293439;
    height:24px;
    width:150px;
    margin-top:10px;
    text-align:center;
}

.formbutton:hover{
   background-color:#EDD7E2;
}

#suchfeld, #kundennummer, #pwd {
   padding-left:0px;
   padding-top:0px;
   height:16px;
   width:80px;
   margin-right:10px;
   margin-bottom:5px;
   background-color:#E3C0D1;
   border-bottom:2px solid #868788;

}
#kundennummer, #pwd {
   vertical-align:top;
   margin-top:5px;
}

.go_button{
   padding:0px;
   margin:0px;
   width:25px;
   height:25px;
   border:0px;
}

.suchformular{
   width:230px;
   height:150px;
   float:left;
   margin-right:11px;
   margin-bottom:11px;
   border-top:1px solid #C9C9C9;
   border-left:1px solid #C9C9C9;
   border-bottom:1px solid #858585;
   border-right:1px solid #bfbfbf;
}


.produktlisteitem{
   width:230px;
   float:left;
   margin-right:11px;
   margin-bottom:11px;
   border-top:1px solid #C9C9C9;
   border-left:1px solid #C9C9C9;
   border-bottom:1px solid #858585;
   border-right:1px solid #bfbfbf;
   background-color:#ffffff;
}

.produktimage_thumb{
   float:left;
   margin-left:12px;
}

.lupe{
   float:right;
   margin-top:5px;
   margin-right:5px;

}


h2.kuerzel{
   font-size:12px;
   margin-bottom:5px;
   margin-left:6px;
   margin-top:5px;
   float:left;
}

#produktimage_detail{
   border-top:1px solid #C9C9C9;
   border-left:1px solid #C9C9C9;
   border-bottom:1px solid #858585;
   border-right:1px solid #bfbfbf;
}

#suchformular{
   /*background-image:url('../../images/bg_produktlisteitem.jpg');
   background-repeat:repeat-x;*/
   width:742px;
   padding:0px;
   margin:0px;
   height:160px;
/*   border:1px solid #000000;
   padding:10px;
   height:auto;
   display:table;*/
}

.suchform{
    margin-top:15px;
    padding-left:20px;

}

#suche_go{
   margin-left:0px;
   margin-top:15px;
}

#login_go{
   margin-left:0px;
   margin-top:0px;
   margin-bottom:0px;
}

.select_suchformular{
    width:150px;
}

#error{
   font-weight:bold;
   color:#B6292E;
   margin-top:20px;
   margin-bottom:20px;
}


.on_tour{
   margin-top:10px;
   margin-bottom:0px;
}
.button{
   border:0px;
   color:#000;
}

#searchresultinfo{
   margin-bottom:20px;
}

.newitem{
   border:1px solid #ff0000;
}

.new_products{
   width:80px;
   height:80px;
   background-color:#FCFEFB;
   border:1px solid #E3C0D1;
   text-align:center;
}

.hinweis_endkunden{
   width:100%;
   text-align:center;
}
.on_tour_thumbs{
   float:left;
   position: relative;
   width: 150px;
   height: 180px;
   margin-right: 10px;
   margin-top: 10px;
   padding: 10px 10px;
   vertical-align: left;
}

#flaggen{
   text-align:right;
   margin-right:30px;
   margin-top:88px;
}

.distributor_pt{
   width:45%;
   float:left;
}

#produktliste_warenkorb{
   width:600px;
}

#contracts{
   margin-top:20px;
}

li.movierow{
	margin-left:20px;
	width:450px;
	margin-top:10px;
	font-size:11px;
}

#catalog{
   float:right;
   width:200px;
   text-align:center;
	margin-right:10px;
	margin-top:10px;
	display:none;
}


}