/*(c) TN 2006 */

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/

html * { font-size: 100.01% }
html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.75em; }
input, textarea, select {font-size: 100%;}


html, body { margin: 0; padding: 0; height: 100%; min-width: 855px; /*damit bg in minwidth feststeht*/ }
html[xmlns] { min-height:100%; padding-bottom: .005em; } /*v-scrollbar für moz einschalten*/


html{min-height:100%; _height: 100%;  }
html[xmlns] { padding-bottom: .005em; }

body { background: #0e81b8 url(../images/chrome/bg-gradient.gif) repeat-x; }
body#framed {  background: #0e81b8 url(../images/chrome/framed-gradient.gif) repeat-x; }

::-moz-selection { background: #FFFEBF; color: #000; }
::selection { background: #FFFEBF; color: #000; }


form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: bold; }
img {border:none;}
img.bordered { border: 1px solid #1081b8; }
img.nonBordered { border: none !important; }

p { margin: 0 0 13px 0; line-height: 160%;}

/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {display: inline; margin: 0; padding: 0;}
h2 {font-size: 1.1em; font-weight: bold; color: #ed0302; margin: 0 0 18px 0; text-transform: uppercase;}
h3 {font-size: 1em; font-weight: bold; color: #000; margin:0;}
h4 {font-size: 1em; font-weight: bold; color: #000; margin: 0; display: inline; }

hr { height:1px; color: #e1edf5; background: #e1edf5; border: none; margin: 5px 0 15px 0;}
acronym{ border-bottom: 1px dotted #63AAD0; }

.right{ float: right; margin: 0 0 5px 5px; }
.left{ float: left; margin: 0 5px 5px 0; }

.blue{ color: #0E81B8; }


/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.small, .bildText{font-size: .8em;} /* bezieht sich immer auf Elternelement */
.bildText{ color: #51a3cb; margin:0; }
.teaserCol img { border: none !important; margin: 0 0 0 10px; }
.teaserCol p { margin: 0 0 7px 0; }

a:link, a:visited, a:hover, a:active  { color : #000; text-decoration: underline;}
a:hover, a:active { color: #ED0302;}

/*------TEXTLINK------*/
a.textlink:link, a.textlink:visited, a.textlink:hover, a.textlink:active  { 
	background: #fff url(../images/chrome/linkicon_arrow.gif) 0 0 no-repeat; padding: 0 0 0 17px; font-weight: bold; color: #0E81B8;  white-space: nowrap;
}
a.textlink:hover, a.textlink:active { 
	background-position: 0 -50px; color: #ED0302;
}


/*------MAILLINK------*/
a.maillink:link, a.maillink:visited, a.maillink:hover, a.maillink:active  { 
	background: #fff url(../images/chrome/linkicon_mail.gif) 0 0 no-repeat; padding: 0 0 0 17px; font-weight: bold; color: #0E81B8; white-space: nowrap;
}
a.maillink:hover, a.maillink:active { 
	background-position: 0 -50px; color: #ED0302;
}

/*------POPLINK------*/
a.poplink:link, a.poplink:visited, a.poplink:hover, a.poplink:active  { 
	background: #fff url(../images/chrome/linkicon_uparrow.gif) 0 0 no-repeat; padding: 0 0 0 17px; font-weight: bold; color: #0E81B8; white-space: nowrap;
}
a.poplink:hover, a.poplink:active { 
	background-position: 0 -50px; color: #ED0302;
}

/*------EXTERNLINK------*/
a.externlink:link, a.externlink:visited, a.externlink:hover, a.externlink:active  { 
	background: #fff url(../images/chrome/linkicon_arrowextern.gif) 0 0 no-repeat; padding: 0 0 0 17px; font-weight: bold; color: #0E81B8; white-space: nowrap;
}
a.externlink:hover, a.externlink:active { 
	background-position: 0 -50px; color: #ED0302;
}

/*------DOWNLOADLINK------*/
a.downloadlink:link, a.downloadlink:visited, a.downloadlink:hover, a.downloadlink:active  { 
	background: #fff url(../images/chrome/linkicon_download.gif) 0 0 no-repeat; padding: 0 0 0 17px; font-weight: bold; color: #0E81B8; white-space: nowrap;
}
a.downloadlink:hover, a.downloadlink:active { 
	background-position: 0 -50px; color: #ED0302;
}


#sitemap ul { padding: 0; margin: 0; list-style: none;  }
	#sitemap li{ padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
		#sitemap li li{ padding: 0 0 0 25px; margin: 0; text-transform: none; font-weight: normal; }

	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* OPTIC1 standard - nur abstände und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}


/* OPTIC2 galerie - ths sind erklärungstext*/
table.optic2 td, table.optic2 th {	border-right: 15px solid #fff; }
table.optic2 .last {	border-right: none; }

/*table.optic2 td img{	margin-top: 20px;}*/ /*säulen machen sich auch gut!*/

table.optic2 th {
	height: 11px;
	font-size: .8em;
	font-weight: normal;
	background: #fff;
	color: #07425e;
	padding: 0 2px;
	line-height: 100%
}


.cmaNotSponsored{ color: #ED0302; font-style: italic; background-color: #FFFEBF; }
	

 
 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								


#curlyBg{
	background: transparent url(../images/chrome/bg-curly.gif) center top no-repeat;
	padding: 0 0 10px 0;
	margin: 5px 0 0 0;
}
#minWidth{
	width: 855px;
	margin: 0 auto;
	position:relative;	
}



#func {
	position: absolute;
	height:30px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 19px 16px 0 0; 
	list-style: none;
	color: #196790;
	text-transform: uppercase;
	font-size: 0.8em;
	z-index: 1;
}
	#func li{
		list-style: none;
		display: inline;
	}
		#func a:link, #func a:visited, #func a:hover, #func a:active  { 
			color: #196790; text-decoration: none;
		}
		#func a.active:link, #func a.active:visited, #func a.active:hover, #func a.active:active,
		#func a:hover, #func a:active {color: #000;  border-bottom: 1px solid #fff; border-top: 1px solid #fff;}	




#headRow{
	height: 155px;
	padding: 0 0 0 200px; 
	position: relative;
}
	#logo{
		position:absolute;
		left:0;
		top: 53px;
		width: 138px;
		height: 204px;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.stickideen.com/images/chrome/stickideen-logo.png', sizingMethod='scale');
		cursor: hand; cursor: pointer;
	}
		#logo[id]{ background: transparent url(../images/chrome/stickideen-logo.png) no-repeat; }
		#logo img{ display: none;}

	#head{
		height: 155px;
		background: transparent url(../images/chrome/bg-head.gif) no-repeat;
		vertical-align: bottom;
	}

#framedHead{
	width: 730px;
	margin: 0 auto;
	background: transparent url(../images/chrome/framed_head.gif) no-repeat;
	position: relative;
}		

#framedHead p{	line-height: 140%; margin:0;	}

	
		

#navLevel2 {  position: absolute; bottom: 10px; left:215px; padding: 0; }
		#navLevel2 ul{ margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #1082b9; width: 148px;}
			#navLevel2 li{ margin: 0; padding: 0; list-style: none; display: inline;}
			
				#navLevel2 a:link, #navLevel2 a:visited, #navLevel2 a:hover, #navLevel2 a:active { 
					color: #07425e;
					text-decoration: none; 
					display: block;
					font-weight: bold; 
					font-size: 1.1em;
					border-top: 1px solid #1082b9;
					padding: 0 10px;  
					/*background-color:  #fff;*/ /*entfernt wegen lookatme*/
				}
				#navLevel2 a:hover, #navLevel2 a:active,
				#navLevel2 a.active:link, #navLevel2 a.active:visited, #navLevel2 a.active:hover, #navLevel2 a.active:active {
					color: #000; background: #fff url(../images/chrome/bg-navlevel2.gif) no-repeat;
				}	

					#navLevel2 li ul { display: none;}
					#navLevel2 li.active ul { display: block;}
					#navLevel2 ul ul { position: absolute; left: 158px; bottom: 0; border-bottom-color: #43aee1}
							#navLevel2 li li a:link, #navLevel2 li li a:visited, #navLevel2 li li a:hover, #navLevel2 li li a:active { 
								font-size: 0.9em;
								border-top-color: #43aee1;
							}
					
	


	
	

/*--------------- NAV 1 ----------------------------------------*/
	
#navLevel1{
	height: 61px;
	background: transparent url(../images/chrome/bg-navlevel1.gif) no-repeat center;
}
	#navLevel1 ul { padding: 6px 0 0 185px; list-style: none; height: 51px; margin: 0; text-transform: uppercase; font-weight: bold;}
		#navLevel1 li { margin: 0; padding: 0 0 0 0; list-style: none; display: inline;}

		#navLevel1 a:link, #navLevel1 a:visited, #navLevel1 a:hover, #navLevel1 a:active  {
			background-repeat: no-repeat; height: 39px; float: left;
		}
		#navLevel1 a:hover, #navLevel1 a:active,
		#navLevel1 a.active:link, #navLevel1 a.active:visited, #navLevel1 a.active:hover, #navLevel1 a.active:active { background-position: 0 -39px;	}	
		
		#navLevel1:hover a.active:link, #navLevel1:hover a.active:visited { background-position: 0 0;}
		#navLevel1:hover a.active:hover, #navLevel1:hover a.active:active { background-position: 0 -39px;}
			#navLevel1 a span{ display: none; }


		#navLevel1 a#nav1Shop:link, #navLevel1 a#nav1Shop:visited { 
			background-image: url(../images/chrome/menu/shop.gif); width: 61px;
		}
		#navLevel1 a#nav1Angebote:link, #navLevel1 a#nav1Angebote:visited { 
			background-image: url(../images/chrome/menu/angebote.gif); width: 97px;
		}
		#navLevel1 a#nav1Galerie:link, #navLevel1 a#nav1Galerie:visited { 
			background-image: url(../images/chrome/menu/galerie.gif); width: 77px;
		}
		#navLevel1 a#nav1Wir:link, #navLevel1 a#nav1Wir:visited { 
			background-image: url(../images/chrome/menu/wir.gif); width: 130px;
		}
		#navLevel1 a#nav1Kontakt:link, #navLevel1 a#nav1Kontakt:visited { 
			background-image: url(../images/chrome/menu/kontakt.gif); width: 93px;
		}
		#navLevel1 a#nav1Textilien:link, #navLevel1 a#nav1Textilien:visited { 
			background-image: url(../images/chrome/menu/textilien.gif); width: 93px;
		}
		#navLevel1 a#nav1Anfrage:link, #navLevel1 a#nav1Anfrage:visited { 
			background-image: url(../images/chrome/menu/anfrage.gif); width: 87px;
		}
		#navLevel1 a#nav1Service:link, #navLevel1 a#nav1Service:visited { 
			background-image: url(../images/chrome/menu/service.gif); width: 79px;
		}
		


#contentRow[id]{ background: transparent url(../images/chrome/bg-contentrow.png) repeat-y;}
body#rightCol #contentRow[id]{ background-image:url(../images/chrome/bg-contentrow-rightcol.png);}
body#twinCol #contentRow[id]{ background-image:url(../images/chrome/bg-contentrow-twincol.png);}

#contentRow{width:655px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.stickideen.com/images/chrome/bg-contentrow.png', sizingMethod='scale'); padding: 0 0 0 200px;}
body#rightCol #contentRow{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.stickideen.com/images/chrome/bg-contentrow-rightcol.png', sizingMethod='scale');}
body#twinCol #contentRow{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.stickideen.com/images/chrome/bg-contentrow-twincol.png', sizingMethod='scale');}


	#pageContent{ background: transparent url(../images/chrome/bg-content.gif) no-repeat top right;  	}
	body#rightCol #pageContent{ background-image:url(../images/chrome/bg-content-rightcol.gif);}
	body#twinCol #pageContent{ background-image:url(../images/chrome/bg-content-twincol.gif);}
		#breadcrump	{	margin: 0 15px 18px 10px; padding: 0 10px 2px 15px; border-bottom: 1px solid #e1edf5; color: #3e91bd; font-size: 0.8em; line-height: 100%;}
			#breadcrump dd, #breadcrump dt  { margin: 0; padding: 0; display: inline;	}
				#breadcrump a:link, #breadcrump a:visited, #breadcrump a:hover, #breadcrump a:active  { 
					color: #3e91bd; text-decoration: none;
				}
				#breadcrump a:hover, #breadcrump a:active {color: #000;}	
				#pageData{  padding: 0 20px 0 25px;	min-height: 350px; _height: 356px;}

					table.colMaker td { vertical-align: top;	}
					table.colMaker td.firstCol{ padding-right: 17px; wborder-right: 1px solid #f00;	}
					table.colMaker td.secondCol{ padding-left: 17px;	}

					body#twinCol table.colMaker td.firstCol{ width: 50%;	}
					body#twinCol table.colMaker td.secondCol{ width: 50%;	}

					body#rightCol table.colMaker td.firstCol{ width: 394px; } /*schließt padding 20px mit ein*/
					body#rightCol table.colMaker td.secondCol{ }
						body#rightCol table.colMaker td.secondCol img{ border: 1px solid #1081b8; }
						
					
				
				
#footer{
	background: transparent url(../images/chrome/bg-footer.gif) no-repeat;
	height: 21px; /*anpassung ie? */
	font-size: 0.8em;
	text-align: right;
	color: #51a3cb;
	padding: 22px 13px 0 0;
}	

#teaserBox{
	position: absolute;
	top:391px;
	left:13px;
	width:189px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.stickideen.com/images/chrome/teaser-bg.png', sizingMethod='scale');
}
	#teaserBox[id]{ background: transparent url(../images/chrome/teaser-bg.png) repeat-y; }
	#teaserContent{
		padding: 10px 10px 20px 10px;
		background: transparent url(../images/chrome/teaser-foot.gif) no-repeat 0 bottom;
		min-height: 197px; _height: 197px;
	}
		#teaserContent p{	line-height: 120%;}

		

/*======================= CSSFORMS: Breiten der spalten ================================*/



.cssForm fieldset{width: 420px;} /* [A]*/
.cssForm label, .cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput, 
.cssForm .exTextarea, .cssForm .selectorGroup { width: 400px; /* [C] */ }

 /* TWINROW: eine zeile beinhaltet label>input>label>input */
.cssForm .twinRow label, .cssForm .twinRow input, .cssForm .twinRow select,
.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea, .cssForm .twinRow .selectorGroup { width: 195px; /* ([C]-[B]-18)/2 */ }

.cssForm .assignment select {width: 200px;}

/*======================= CSSFORMS: Optik der Buttons ================================*/

input.button {
	font-weight: normal;
	color: #000;
	background: #63aad0 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #4ea0ca !important; /*A5ACB2 ist WinXP Style*/
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

			
/*#####################################################################################################
                                    SPECIAL FÜR TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.printonly{	display:none;}
.textonly{	position:absolute; top: -1000; visibility: hidden; } /* Element erscheint nur, wenn im Textbrowser.. */