/*  

Description: Stylesheet für Frottana
Version: 1.0
Author: Andreas Linder
Author URl: http://www.atelierfuergestaltung.eu

*/




/*Farben:

hellgrau: #ececec
dunkelgrau: #9d9ea0
dunkelgrau für Schrift:#58585a;
schwarz: #000000


*/



/*:::::::::::::::::: 
Allgemeines Styling  
:::::::::::::::::::*/


body {
	text-align:center;
	margin:0;
	padding:0;
	background: #999999 url(../images/background/bg_gradient.jpg) repeat-x;
	font-family:Helvetica, Arial, sans-serif;
	color:#58585a;
	font-size:12px;
}
p, ul, li, dl, dt, dd {
	padding:0;
	margin:0;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:focus {
	outline:none;
}
h1 {
	margin:0;
	padding:0;
	color: #9d9ea0;
	font-size:25px;
	font-weight:bold;
	letter-spacing:0.05em;
	line-height:1.1;
	margin-bottom:15px;
}
h2 {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:0.5em;
}
h3 {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#000;
	margin-bottom:1em;
}
p, a, address, li, dt, dd {
	letter-spacing:0.08em;
	line-height:1.23;
}

	

	dd.articlesub{
		font-size:9px;
		margin-bottom:4px;
	}
	
	#Onlineshop #Content dd.lastArticlesub{
		font-size:9px;
		height:9px;
		line-height:13px;
		height:25px;
		margin-bottom:5px;
	}
	
	#Onlineshop #Content dl.articleTierkreis dd{
		line-height:14px;
		height:14px;
	}
	
	
	
p, address, dl {
	margin-bottom:1em;
}
address {
	font-style:normal;
}
dl {
	margin-bottom:1em
}
dt {
	font-weight:bold
}
hr {
 	
	margin:20px 0;
	color:#CCCCCC;/*border: 2px solid #58585a;*/
}
img {
	border:0;
}
#Content span {
	display:block;
	float:left;
	width:160px;
}
#Content span.openingHours {
	width:120px;
}







/*::::::::::::::::::::::::: 
Klassen und id
:::::::::::::::::::::::::*/

.gap {
	padding-bottom:20px;
}
.biggap {
	padding-bottom:40px;
}


.clear {
	clear:both;
}





/*::::::::::::::::::::::::: 
Content - Allgemein
:::::::::::::::::::::::::*/

#Content a {
	color:#000;/*color:#58585a;*/
}
#Content a:hover {
	color:#000;
	font-weight:bold;
}
img.headLine {
	padding-bottom:30px;
}
.OneColumnPadding img.headLine {
	padding-bottom:10px;
}
#Content ul {
	margin-bottom:1em;
}
#Content li {
	list-style:none;
	padding-left:15px;
	background:url(../images/background/arrow_grey.gif) 0px 3px no-repeat;
}






/*::::::::::::::::::::::::: 
Content - Kollektionen & Shop
:::::::::::::::::::::::::*/

#Collections #Content p, #Collections #Content dl, #Collections #Content dt,
#Onlineshop #Content p, #Onlineshop #Content dl, #Onlineshop #Content dt{
	font-size:11px;
}



#Collections #Content .thumbs p,
#Onlineshop #Content .thumbs p{
	font-size:10px;
}


p.prodDescript {
	position:absolute;
	bottom:30px;
	width:180px;
	}


#Collections #Content .thumbs li,
#Onlineshop #Content .thumbs li{
	padding-left:0px;
	background:none;
}



#Collections p.shopLink{
	
	border:none;
	background:url(../images/background/arrow_blk.png) 0 2px no-repeat;
	width:180px;
	padding-left:13px;
	position:absolute;
	bottom:0px;
}








/*::::::::::::::::::::::::: 
Warenkorb-Formular
:::::::::::::::::::::::::*/

#Onlineshop #Content dt{
}

#Onlineshop #Content dd {
	
	line-height:17px;
	height:17px;
	overflow:hidden;
}


#Onlineshop input{
	margin:0;
	margin-left:1px;
	margin-right:10px;
	float:left;
}

#Onlineshop label {
	float:left;
	
	
}


/*Preise*/

#Onlineshop #Content dd p {
	margin:0;
	display:inline;
	line-height:17px;
	height:17px;
	font-weight:bold;
	color:#000;
	float:right;
	/*clear:both;*/
	
}

#Onlineshop #Content dd p.PriceAddComment{
	font-weight:100;
	color:#58585a;
}






#Onlineshop input.warenkorb{
	width:145px;
	height:25px;
	border:none;
	background:url(../images/collection/warenkorb.png) no-repeat;
	padding-left:25px;
	cursor:pointer;
	position:absolute;
	bottom:0px;
}









/*::::::::::::::::::::::::: 
Login-Formular
:::::::::::::::::::::::::*/
#Downloads form {
	margin-top:60px;
	margin-bottom:60px;
}
#Downloads label {
	margin-bottom:2px;
	display:block;
}
#Downloads input {
	display:block;
	margin-bottom:15px;
}

/*::::::::::::::::::::::::: 
Downloads
:::::::::::::::::::::::::*/


/*#Downloads #ContentInside{
	overflow:hidden;
}*/

.downloadUnit{
	float:left;
	width:200px;
	height:180px;
}



/*::::::::::::::::::::::::: 
Gallery - Back-Forward
:::::::::::::::::::::::::*/
.pics {
	height:  290px;
	width:   210px;
	padding: 0;
	margin:  0;
}
.pics img {
	position:absolute;
	height:  290px;
	width:   210px;
	top:  0;
	left: 0
}
#ImageBox a.back {
	display:block;
	float:left;
	width:15px;
	height:15px;
	background:url(../images/background/arrow_back.gif) center no-repeat;
	padding-top:10px;
	padding-left:10px;
}
#ImageBox a.forward {
	display:block;
	float:right;
	width:15px;
	height:15px;
	background:url(../images/background/arrow_forward.gif) center no-repeat;
	padding-top:10px;
	padding-right:10px;
}
/*::::::::::::::::::::::::: 
Navigation_1  -- Ergänzungen
:::::::::::::::::::::::::*/

#Navigation_1 a {
	font-size:12px;
	font-weight:100;
	letter-spacing:0.09em;
}
#Navigation_1 li li a {
	font-size:11px;
}
/*::::::::::::::::::::::::: 
Navigation_2
:::::::::::::::::::::::::*/

#Navigation_2 li, #Navigation_2 li a {
	line-height:1.24;
}
#Navigation_2 a {
	display:block;
	color: #58585a;
}
#Navigation_2 li li li a:hover, #Navigation_2 li li li a.active, #Navigation_2 li .noUpperCategory li a:hover, #Navigation_2 li .noUpperCategory li a.active {
	color: #000000;
	font-weight:bold;
	background:url(../images/background/arrow_blk.png) 0px center no-repeat;
}
#Navigation_2 ul {
	margin-top:27px;
}
#Navigation_2 li {
	list-style:none;
}
#Navigation_2 li p{
	padding-left:27px;
	margin-bottom:8px;
	font-weight:bold;
}
#Navigation_2 li p a{
		color:#000000;
}

	#Downloads #Navigation_2 li p a{
			color: #58585a;
	}
	
	#Downloads #Navigation_2 li p a:hover{
			color: #000;
	}

		 
#Navigation_2 ul ul {
	margin-top:0px;
	margin-bottom:0px;
}
#Navigation_2 li li {
	padding-left:15px
}
#Navigation_2 li .noUpperCategory li a {
	margin-left:30px;
	padding-left:10px
}
#Navigation_2 li li p{
	margin-bottom:0px;
}
#Navigation_2 li li p a{
	color:#58585a;
}

#Navigation_2 ul ul ul {
	margin-top:0px;
	margin-bottom:10px;
}
#Navigation_2 li li li {
	padding-left:30px
}
#Navigation_2 li li li a {
	font-weight:100;
	padding-left:10px;
}
#Navigation_2 ul ul ul ul {
	margin-top:0px;
	margin-bottom:0px;
}
#Navigation_2 li li li li {
	padding-left:15px
}
/*::::::::::::::::::::::::: 
Styling der Layoutbereiche 
:::::::::::::::::::::::::*/




#Wrapper {
	position:relative;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	width:1050px;
}
#Top {
	width:1050px;
	height:25px;
	background:url(../images/background/bg_shadow_top.png) no-repeat top;
}
#ContentWrap {
	float:left;
	width:1050px;
	background: url(../images/background/bg_shadow_middle.png) repeat-y;
}
#Logo {
	float:left;
	padding:0 0 0 25px;
	height:50px;
	width:210px;
}
#Navigation_1 {
	position:relative;
	z-index:3;
	float:left;
	margin-right:25px;
	height:50px;
	width:790px;
}
#Sidebar {
	display:inline;
	float:left;
	margin-top:20px;
	margin-left:25px;
	width:210px;
	height:475px;
	background:#ececec;
}
#ImageBox {
	position:relative;
}
#Content {
	float:left;
	width:760px;
	min-height:520px;
	margin-top:20px;
	padding-top:25px;
	padding-left:30px;
}
#Home #Content {
	margin-top:17px;
}
#Content.noPadding {
	width:790px;
	min-height:545px;
	padding-top:0;
	padding-left:0;
}
#Content.OneColumnPadding {
	width:530px;
	min-height:495px;
	padding-top:25px;
	padding-left:155px;
	padding-right:100px;
	padding-bottom:25px;
}




#Content.TwoColumnPadding {
	width:590px;
	min-height:495px;
	padding-top:25px;
	padding-left:155px;
	padding-right:20px;
	padding-bottom:25px;
}
#LeftColumnContent {
	display:inline;
	width:280px;
	float:left;
}
#RightColumnContent {
	display:inline;
	width:280px;
	float:right;
}
/*Ausnahme für Digitaldruck*/
#Content.OneColumnPadding #LeftColumnContent {
	width:240px;
}
#Content.OneColumnPadding #RightColumnContent {
	width:240px;
}
#LeftColumnProd {
	position:relative;
	width:170px;
	height:493px;
	float:left;
}
#RightColumnProd {
	width:570px;
	float:right;
}
#Footer {
	float:left;
	width:975px;
	height:25px;
	padding:5px 50px 0px 25px;
	background: url(../images/background/bg_shadow_bottom.png) no-repeat;
}


#FooterNavigation {
	margin-top:5px;
	float:right;
	width:735px;
}

#Footer img {
	float:left;
}


#Footer p {
	display:inline;
	color:#FFFFFF;
}

	#Footer p.shoppingBasket {
		float:left;
	}
	
	#Footer p.shoppingBasket a {
		color:#000;
	}
	
	#Footer p.shoppingBasket a:hover {
		color:#FFF;
	}

	#Footer #DownMenu  {
		float:right;
	}
	


#Footer a {
	color:#FFFFFF;
	letter-spacing:0.08em;
}
#Footer a:hover,  #Footer a.active {
	color:#000;
}


#LanguageSelection {
	display:inline;
	padding-left:30px;
}

#LanguageSelection a {
	color:#000000
}