/* CSS Document | SUSA VERTRIEB */

body  {
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;
	color:#fff;
	}
	
.rahmen {
	border: 1px dotted #555;
	}

.content {
	padding: 29px 25px 0 25px;
	margin:0;
	color:#fff;	
	font-size:12px;
	}

.content_kollektion {
	padding: 29px 20px 0 20px;
	margin:0;
	color:#fff;	
	font-size:11px;
	}

.content_popup {
	padding:25px 32px;
	margin:0;
	font-size:12px;
}


img.index_bildabstand {
	margin-right:25px;
	}
	
/*p {
line-height: 1.3; 
}*/

/*************************
      HEADLINES 
**************************/


h1 {
	color:#fff;
	font-size:13px;letter-spacing: 1px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
h2 {
	font-size:12px;
	color:#F47920;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
h3 {
	font-size:11px;
	color:#F47920;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
h4 {
	font-size:14px;
	color:#F47920;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
h5 {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
.orange {
	font-size:11px;
	color:#F47920;
	}

.orange2 {
	font-size:12px;
	color:#F47920;
	}

.black {
	background-color:#000;
	}
	
a.link {	
	color:#F47920;
	text-decoration:none;
	}
	
a.link:hover {
	text-decoration:underline;
	}
	
	
a.link_weiss {	
	color:#FFF;
	text-decoration:none;
	}
	
a.link_weiss:hover {
	text-decoration:underline;
	}
	
	
table.tabelle {
	padding:0;
	margin:0;
	}	

table.tabelle tr td {
	margin:0;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:10px;
	border-bottom:1px solid #555;
	}	
	
/*************************
      AUFZÄHLUNG 
**************************/	

/* Aufzählung mit Punkt
ul.aufzaehlung li {
	margin:0;	
	padding: 0 0 5px 10px;
	list-style-type:none;
	background-image:url(images/icons/dot.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;    
	vertical-align: top;
	}*/

/* Alternative: Pfeil */
ul.aufzaehlung li {
	margin:0;	
	padding: 0 0 5px 18px;
	list-style-type:none;
	background-image:url(images/icons/pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;    
	vertical-align: top;
	}



/* Styles für Formulare */
form input, form textarea {
	border:1px solid #F47920;
	padding:0 3px 0 3px;
	font-weight:bold; font-family:Arial, Helvetica, sans-serif;	font-size:12px;
	}
	
form input:hover, form textarea:hover {
	background-color:#FDE9D0;
	}	

form table tr td {
	padding-bottom:3px;
	}


.submit {
	color:#F47920;
	text-decoration:none;
	background-color:#000;
	border: 1px solid #F47920;
	font-weight:bold;
	}
	
.submit:hover {
	background-color:#F47920;
	color:#000;
	}

select {
	background-color:#FDE9D0;
	font-size:11px;
	}	
	
.ohnerahmen {  /* für Checkboxen etc. */
	border:none;
	}
.ohnerahmen:hover {  /* für Checkboxen etc. */
	border:none;
	}	

/*  Vertrieb: divs, maps, content  */
.vertrieb {	
	position:absolute; 
	width:338px; height:410px; 
	z-index:4; left: 300px; top: 10px; 
	visibility: hidden;	
	padding-left:20px;
	}

div.vertrieb table {
	width:300px;
	background-color:#000;
	}
	
div.vertrieb table tr td img {
	padding-right:30px; float:left;
	}	
	
/*  Vertrieb: qtip  */
div#qTip {
	font-size: 10px;
    padding: 3px;
		border-top: 1px solid #F47920;
		border-right: 1px none;
		border-bottom: 1px solid #F47920;
		border-left: 1px none;
    display: none;
    background: #FDE9D0;
    position: absolute;
    z-index: 1000;
	color:#000000;		
}


/* gepunktete Rahmen */
.kollektion {
	border-right:1px dotted #555;
	padding-right:7px;	font-size:11px;
	}

/* Klasen für die KOLLEKTION */
.rahmen_rechts {
	border-right:1px dotted #555;
	padding-right:7px;
	font-size:11px;
	}
		
.rahmen_links {
	border-left:1px dotted #555;
	padding-left:7px;
	font-size:11px;
	}
			
.rahmen_unten { /* wenn div rechts ausgerichtet werden soll, zusätzlich "style="float:right;" einfügen!!! */
	border-bottom:1px dotted #555;
	padding-bottom:7px;
	font-size:11px;
	/*width:85px;*/
	float:left;
	}

.rahmen_img { /* Rahmen für Bilder mit schwarzem Hintergrund */
	border:1px solid #555;
	}	


/*************************
      PRODUKTSUCHE 
**************************/


td.erstezeile {
	padding:10px;
	color:#fff;
}
td.produktsuche {
	border-right:2px solid #000;
	border-bottom:7px solid #000;
	color:#000;
	padding:10px 10px 0 10px;
	margin-bottom:7px;
	}

/* Styles f?r Animation auf der Startseite */	
#bilderstapel {
	background-color: black;
	width:311px;
	height: 516px;
	position:relative;
}

#bilderstapel_dia {
	background-color: black;
	width:228px;
	height: 204px;
	position:relative;
}

#bilderstapel img {
	position:absolute;
	width:311px;
	height: 516px;
	z-index:1;
}

#bilderstapel img.obersteebene {
	z-index:3;
}

#bilderstapel img.mittlereebene {
	z-index:2;
}

.bilderstapel_text {z-index:2000; position:absolute; top:215px; right:15px; text-align:right;}
.bilderstapel_text_kl {font-size:12px; color:#FFF;}