/*  
Description: Lana Grossa CSS Theme II
Version: 2009.9 

Author: AIXhibit media services KG, i. A. Pawel Strzyzewski
Author URI: http://www.aixhibit.com
*/

/* Constants ________________________________________________________________________

#fff =  '#fff';
#000 = '#000';

#369 = '#369';
#4c99e6 = '#4c99e6';
#900 = '#900';
#a50c6c = '#a50c6c';
#ecf5d6 = '#ecf5d6';
#e6ecfc = '#e6ecfc';

#A50C6C = '#A50C6C';

#333 = '#333';
#666 = '#666';
#808080 = '#808080';
#999 = '#999';
#ccc = '#ccc';
#e4e4e4 = '#e4e4e4';

arial, helvetica, sans-serif = 'arial, helvetica, sans-serif'; // für überschriften
"Franklin Gothic Medium", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif = '"Franklin Gothic Medium", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif'; // für fließtexte
tahoma, arial, helvetica, verdana, geneva, sans-serif = 'tahoma, arial, helvetica, verdana, geneva, sans-serif'; // kleine texte unter fließtextgröße

"Lucida Sans Unicode", "Lucida Grande", "LucidaGrande", "Trebuchet MS", Tahoma, sans-serif = '"Lucida Sans Unicode", "Lucida Grande", "LucidaGrande", "Trebuchet MS", Tahoma, sans-serif';

_________________________________________________________________________________ */




/* _________________________________________________________________________________ */
/* Basic Stuff */
/* _________________________________________________________________________________ */

html {
	margin-bottom: 0em;
	
	margin-top:0px;
	
	height:100%;
	width:100%;
	
}

* {
	margin: 0;
	padding: 0;
	font-family: "Franklin Gothic Medium", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	/*border: 0px solid black !important;
	*/

}



body {
	color: #666;
	background: url(../_img/site_background.gif) center #c1c1c1 repeat-y;

	
	font-size: 13px;
	line-height: 1.6em;
	
	text-align: left;
	padding: 0;
	margin: 0;
	
	height:100%;

	

		
}

/* _________________________________________________________________________________ */
/* Content-Elemente */
/* _________________________________________________________________________________ */

#maincontainer div {
	min-height:100px;

}

.vollebreite {
	clear:both;
	margin:0 0 0 10px;
	padding:0;
	
	width:890px;
}

.breaker {
	clear:both;
	height:20px !important;
	min-height:0px !important;
}

.rechts {
	float:right;
	
	margin:0 10px 0 0;
}

.links {
	float:left;
	
	margin:0 0 0 10px;
}


.zweidrittel {
	width:590px;
}

.eindrittel {
	width:290px;
}

.center {
	text-align:center;
}

.mittelteil {
	width:290px; 
	margin-left:10px;

}

/* BILDER und andere INLINE-ELEMENTE */
img.rechtsbild {
	float:right;
	vertical-align: text-top;
}

img.linksbild {
	float:left;
	vertical-align: text-top;
}


/* FARBKLASSEN */

.pink {
	color:#A50C6C;
}

/* ZUSATZKLASSEN */


.extramarginbottom {
	margin-bottom:10px;
}

/* _________________________________________________________________________________ */
/* Korrekturen für Migration */
/* _________________________________________________________________________________ */

td {
	text-align:left;
}

table.rand {
	border:0px solid black !important;
	background:transparent;
}



/* _________________________________________________________________________________ */
/* Allgemeine Formatierungen */
/* _________________________________________________________________________________ */

.noborder {
	border:none !important;
}

.rechts {
	float:right;
}

.pink {
	color: #A50C6C;
}

/* _________________________________________________________________________________ */
/* Text-Formate */
/* _________________________________________________________________________________ */

/* ABSÄTZE */

#header #topheader p {
	padding:5px 0 0 0;
}

#maincontainer div.zweidrittel p, #maincontainer div.zweidrittel li,
#maincontainer div.eindrittel p, #maincontainer div.eindrittel li,
#maincontainer div.vollebreite p, #maincontainer div.vollebreite li{
	text-transform:none;
	font: 0.9em "Franklin Gothic Medium", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	
	line-height:1.6em;
	
	padding:0.5em 10px 0.5em 10px;
	
	margin:0 0 0 0;
	
}

#maincontainer td p
{
		font-size: 1em;
}

/* LISTEN */



/* ÜBERSCHRIFTEN */

#maincontainer div h3 {
	text-transform:uppercase;
	font: bold 1.1em "Lucida Sans Unicode", "Lucida Grande", "LucidaGrande", "Trebuchet MS", Tahoma, sans-serif;
	
	text-align:right;
	
	padding:0 10px 0 10px;
	margin:0 0 4px 0;
	
	height:2.0em;
	
	background: #fff url(../_img/heading_bg_gray.gif) 0 1.3em repeat-x;
	
	/*border-bottom: 10px solid #e4e4e4;*/
}



/* LINKS */

a:link, a:visited {
	color: #A50C6C;
	text-decoration: none;
	font-weight:normal;
	border-bottom:1px dotted #999;
	padding:0 2px 0 1px;
}



a:hover, a:active {
	color:#A50C6C;
	background:transparent;
	border-bottom:1px solid #A50C6C;
}


a.silent, a.silent:visited, a.silent:hover, a.silent:active {
	border:none !important;
	background:transparent !important;
	color:#666;
	padding:0 !important;
}


/* AUSZEICHNUNGEN */


strong { 
	background:transparent; 
}

em {
	font-style:italic;
}

em.gesperrt {
	letter-spacing:1px;
}

.uppercase {
	text-transform:uppercase;
}


/* _________________________________________________________________________________ */
/* Layout-Boxen */
/* _________________________________________________________________________________ */

#topheader {
	height:35px;
	
	text-align:right;
	
	padding-right:10px;

	font-size:80%;
	letter-spacing:1px;
	text-transform:uppercase;
	
}



#header {
	width:910px;
	height:130px;
	background:transparent;
	margin: 0px auto;
	
	position:relative;
	
}



#navi {

	width:910px;
	height:80px;
	margin:0;

}

#subnavi {
	position:absolute;
	height:230px;
	width:950px;
	
	top:-90000em;
	
	/*top:120px;*/
	
	left:50%;
	right:0;
	
	padding:0 0 0 0;
	margin-left:-475px;
	
	z-index:99999;
		
	display:block;
	
	
	background:url(../_img/subnav_bg.png) -75px -45px no-repeat ;

}

* html #subnavi { /* ie6 hack */
	background:url(../_img/ie6_bg.gif) -75px -45px no-repeat ;
}


#maincontainer {
	
	width:910px;
	background:transparent;
	margin: 0px auto;
	
	min-height:100%;

	padding-bottom:300px;
	
}

#footer {
	
	margin:0;
	padding:0;
	
	width:100%;
	height:280px;
	
	background:url(../_img/footer_bg.gif) center #fff no-repeat;

	position:absolute;
	
	bottom:0;

}

#footer_inside {
	width:910px;
	
	margin:auto;
	
}


#stretcher {
	position:relative;
	min-height:100%;
}

* html #stretcher { /* ie6 hack */
	height:100%;
}




/* _________________________________________________________________________________ */
/* Footer */

/* _________________________________________________________________________________ */
#footer_inside div {
	font-size:0.75em;
	color:#666;
	
	width:205px;
	
	float:left;
	
	margin-top:55px;
	margin-right:10px;
	
	padding-left:10px;
	
	line-height:1.8em;
	
	
	height:150px;
}

* html #footer_inside div { /* ie6 hack */
	width:200px;
}

#footer_inside div p {
	
	border-top:1px solid #ccc;	
}

#footer_inside h3 {
	font-size:11px;
	text-transform:uppercase;
	color:#666;
	font-family:arial, helvetica, sans-serif;
	border-bottom:3px solid #aaa;
	
}

#footer_inside br {
	line-height:1.1em;
}

#footer_inside .anschrift {
	color:#e4e4e4;
}

#footer_allgemein  {
	margin-left:10px;
	border:none !important;
}



#footer_inside a, #footer_inside a:visited {
	
	
	color:#555;
	border-bottom:none;
}

#footer_inside a:hover, #footer_inside a:active {
	color:#000;
	border-bottom:1px dotted #000;
}



/* _________________________________________________________________________________ */
/* Navigation */
/* _________________________________________________________________________________ */

#navi ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 0px;
}

#navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#navi li a, #navi li a:visited {

	display:block;

	margin:0px;
	padding:0 0 0 0px;
	border:none;
	
	height:80px;
	width:150px;	
	border:none;
	
	background: transparent;
	color: #666;

	text-indent:-99999em;

}

#navi li a:hover , #navi li a:active {
	background: #e4e4e4;
	color: #000;
}

#navi li a.active {
	background:#000 !important;
	color:#fff !important;
	
}

#navi li a.home {
	width:310px !important;
}


#navi li a#navi_1.aktiviert {
	background:url(../_img/nav_garne_on.png) no-repeat #fff !important;
}
#navi li a#navi_2.aktiviert {
	background:url(../_img/nav_journale_on.png) no-repeat #fff !important;
}

#navi li a#navi_3.aktiviert {
	background:url(../_img/nav_nadeln_on.png) no-repeat #fff !important;
}
#navi li a#navi_4.aktiviert {
	background:url(../_img/nav_service_on.png) no-repeat #fff !important;
}

#navi a#navi_0 { 
		background:url(../_img/lanagrossa_logo.png) center center no-repeat transparent;
}

#navi a#navi_1 { 
		background:url(../_img/nav_garne_off.png) no-repeat #fff;
}
#navi a#navi_2 { 
		background:url(../_img/nav_journale_off.png) no-repeat #fff;
}
#navi a#navi_3 { 
		background:url(../_img/nav_nadeln_off.png) no-repeat #fff;
}
#navi a#navi_4 { 
		background:url(../_img/nav_service_off.png) no-repeat #fff;
}


#navi a#navi_0:hover, #navi a#navi_0.selected { 
		background:url(../_img/lanagrossa_logo_on.png) center center no-repeat transparent;
		/*background:url(../_img/logo.jpg) center center no-repeat transparent;*/
}
#navi a#navi_1:hover, #navi a#navi_1.selected { 
		background:url(../_img/nav_garne_active.png) no-repeat #fff;
}
#navi a#navi_2:hover, #navi a#navi_2.selected { 
		background:url(../_img/nav_journale_active.png) no-repeat #fff;
}
#navi a#navi_3:hover, #navi a#navi_3.selected { 
		background:url(../_img/nav_nadeln_active.png) no-repeat #fff;
}
#navi a#navi_4:hover, #navi a#navi_4.selected { 
		background:url(../_img/nav_service_active.png) no-repeat #fff;
}



/* _________________________________________________________________________________ */
/* SUB-Navigation */
/* _________________________________________________________________________________ */

#subnavi h2 {
	text-indent:-9999em;
}


#subnavi ul {
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0;
	width:120px;
	
	background:transparent;
	
	position:absolute;
	
	top:10px;
	
	height:170px;
	
	border-left:1px dotted #666;
}


#subnavi ul#home1 {
	left:95px;	
	
	width:100px;
	
	border:none;
	padding:0;
}

#subnavi ul#home2 {
	left:190px;
	
	width:110px;
	
	border:none;
	padding:0;
}

#subnavi ul#garne {
	left:325px;
}


#subnavi ul#nadeln {
	left:625px;
}


#subnavi ul#journale {
	left:475px;
}

#subnavi ul#service {
	left:775px;
	
}


#subnavi ul.noborder {
	border:none;
}

#subnavi ul li {
	display:block;
	float:left;
	clear:left;

	padding:0;
	margin:0;
}

#subnavi li a, #subnavi li a:visited {
	
	padding:0 0 0 3px;
	margin:0 0 1px 0;
	
	display:block;
	border-bottom:none !important;
	
	width:110px;
	
	background: transparent;
	color: #333;
	
	height:19px;

	line-height:20px;

	font-family:tahoma, arial, helvetica, verdana, geneva, sans-serif;
	
	font-weight:normal;
	text-transform:none;
	font-size:0.8em;
	letter-spacing:0px;
	text-align:left;
	
	text-decoration:none;
	
}

#subnavi li a:hover, #subnavi li a:active {
	background:transparent;
	color:#A50C6C;
	text-decoration:none;
	font-weight:normal;
	
	border-bottom:1px dotted #999 !important;
	margin:0;
}


#subnavi #home1 li a, #subnavi #home1 li a:visited {
	width:80px;
}

#subnavi #home2 li a, #subnavi #home2 li a:visited {
	width:100px;
}
/* ÄNDERUNGEN VON RICHARD 14. September 2009 */
#maincontainer { padding-top: 30px; }

dl dt {
	width: 150px;
	float: left;
	font-weight: bold;
	margin-left: 310px;
	font-size: 11px;
	margin-bottom: 10px;
}
dl dd {
	width: 430px;
	float: left;
	font-size: 11px;
	margin-bottom: 10px;
}
/* ÄNDERUNGEN VON RICHARD 16. September 2009 */
table.produkte {
	border-spacing: 20pt;
	border-collapse: separate;
	width: 580px;
}
.produktliste {
	width: 180px;
}
.produktliste, .tabellenliste, .tabelletipp {
	
	padding: 10px;
	border: 0;
	
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	
	line-height: 1.5em;
	vertical-align: top;
	/*float: left;*/
	
	text-align: center;
	/*margin-bottom: 20px;*/
	
}
/*.produktliste p { margin-top: 5px; }*/
td.produktliste p.text { margin-top: 10px; }

/* ÄNDERUNGEN RICHARD vom 23. September 2009 */
.tabelletipp { border: none; }
img.notleft { border-left: 0; }
img.notright { border-right: 0; }

/* ÄNDERUNGEN RICHARD vom 24. September 2009 */
#maincontainer div.zweidrittel p.greybox,
#maincontainer div.eindrittel p.greybox,
#maincontainer div.vollebreite p.greybox {
	color: #fff;
	background: #828282 url(../_img/gardient.jpg) repeat-x scroll left top;
	padding-top: 20px;
	min-height: 100px;
}
p.greybox a {
	color: #3b3b3b;
	border-bottom: 1px dotted #fff;
}