/*  
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_dark.jpg) center -100px #222 repeat-y;

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

		
}

#lg-logo-background
{
	position: absolute;
	background: url(../_img/lanagrossa_logo_background.png) no-repeat;
	width:110px;
	min-width:110px;
	height: 680px;
	min-height: 680px;
	margin-left:-125px; /* 1/2 width */
}

/* _________________________________________________________________________________ */
/* 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:250px;
	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_2.png) -75px -125px 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_dark.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_active.png) no-repeat #fff;
}
#navi a#navi_2 { 
		background:url(../_img/nav_journale_active.png) no-repeat #fff;
}
#navi a#navi_3 { 
		background:url(../_img/nav_nadeln_active.png) no-repeat #fff;
}
#navi a#navi_4 { 
		background:url(../_img/nav_service_active.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_off.png) no-repeat #fff;
}
#navi a#navi_2:hover, #navi a#navi_2.selected { 
		background:url(../_img/nav_journale_off.png) no-repeat #fff;
}
#navi a#navi_3:hover, #navi a#navi_3.selected { 
		background:url(../_img/nav_nadeln_off.png) no-repeat #fff;
}
#navi a#navi_4:hover, #navi a#navi_4.selected { 
		background:url(../_img/nav_service_off.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:220px;
	
	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: #323232 url(../_img/gardient.jpg) repeat-x scroll left top;
	padding-top: 20px;
	min-height: 100px;
}
p.greybox a:link, p.greybox a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
}

p.greybox a:hover, p.greybox a:active {
	color:#fff;
	border-bottom:1px solid #A50C6C;
}
#maincontainer div.nichtHoch { min-height: 0; }

/*				*/
/* Änderungen 	*/
/*				*/

#accordion {
	margin:20px 0px;
}
#accordion h3 { color: #41464D; }
#maincontainer div h3.toggler {
	cursor: pointer;
	font-size: 12px;
	background: #fff url(../images/accordion.png) no-repeat left top;
	height: 1em !important;
	color: #fff;
	margin: 7px 0 !important;
	padding: .5em 1em !important;
	font-size: 1em !important;
	font-weight: normal !important;
}
h3.toggler:hover {
	background: #fff url(../images/accordion.png) no-repeat left -60px !important;
}
h3#aktiviert.toggler:hover { background: #fff url(../images/accordion.png) no-repeat left -30px !important; }
#accordion div.element { min-height: 0 !important; }
div.element p, div.element h4 {
	margin:5px 5px 10px 5px;
	padding:4px;
}
p.tc { text-align: center; line-height: 1.9em !important; }
p.tc a {
	margin: 4px 6.5px;
}
p.tc a.gross { font-size: 1.4em; }

#ver-minimalist {
	border-collapse:collapse;
	font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size:12px;
	margin:5px;
	text-align:left;
	width:580px;
}
#ver-minimalist th {
	border-bottom:2px solid #666;
	border-left:30px solid #FFFFFF;
	border-right:30px solid #FFFFFF;
	color:#A50C6C;
	font-size:14px;
	font-weight:normal;
	padding:8px 2px;
}
#ver-minimalist td {
	border-left:30px solid #FFFFFF;
	border-right:30px solid #FFFFFF;
	color:#666;
	padding:12px 2px 0;
}
/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */


html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	margin-top: -15px;
	margin-right: -15px;
}
#TB_closeAjaxWindow a {
	background: transparent url(../images/closeSB.png) no-repeat !important;
	text-indent: -999em;
	display: block;
	width: 32px;
	height: 32px;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}