/* ##########################################################################################
   #
   # style sheet for designsia.ch  |  general styles
   #
   # (c) jun 2011 by Annatina Sidler - www.designsia.ch
   #  
   ####################################################################################### */
 
div, img
{
	margin:					0px;
	padding:				0px;
	border:					0px;
}

html, body, #container
{
	margin:					0px;
	padding:				0px;
	border:					0px;
}

body
{
	margin: 				0px auto;
	background: 			#626262 url(../images/bg-background.jpg) repeat-x 0px 0px;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
	font-size: 				13px;
	font-style: 			normal;
	line-height:			150%;
	font-weight: 			normal;
	color: 					#666666;
	letter-spacing: 		0.01em;
}

#container
{
	position: 				relative;
	width: 					100%;
	height:					auto !important;
}

#top
{
	margin:					0px;
	height:					20px;
	z-index:				5;
}

#header
{
	margin: 				0 auto;
	width:					920px;
	padding:				0px;
	z-index:				99;
}

#header #logo
{
	position: 				relative;
	text-align:				right;
	margin:					70px 12px -3px 0px;
	z-index:				99;
}

#content
{
	position: 				relative;
	z-index:				77;
	margin:					0px;
	padding:				0px;
}

#content #user3
{
	position: 				relative;
	margin: 				0px;
	z-index:				100;
	padding:				0px;
	height:					25px;
}

#content #menu-background
{
	position: 				relative;
	background:				url(../images/menu-background.png) repeat-x 0px 0px;
	top:					1px;
	margin: 				0px;
	padding:				0px;
	height:					27px;
	z-index:				-9 !important;
}

#content #user3 #menu
{
	position: 				relative;
	top:					-27px;
	text-align:				left;
	z-index:				500 !important;
	margin: 				0 auto;
	padding: 				1px 0px 0px 0px;
	width:					920px;
}

#content #strelizia-background
{
	top:					0px;
	text-align:				left;
	z-index:				-1 !important;
	margin: 				0 auto;
	padding: 				0px;
	width:					920px;
}

#content #strelizia-background #strelizia
{
	position:				absolute;
	background:				url(../images/strelizia.png) no-repeat top center;
	overflow: 				visible;
	margin:					-198px 0 0 -199px;
	width:					736px;
	height:					518px;
	padding:				0px;
	z-index:				-1 !important;
}

#content div.breadcrumbs
{
	text-align:				right;
	height:					12px;
}


#content #content-text
{
	z-index:				99;
	margin: 				0 auto;
	padding: 				0px 0px 10px 150px;
	width:					770px;
}

#content #content-background-top
{
	margin: 				0px;
	padding: 				0px;
	background:				url(../images/content-background-top.png) no-repeat top left;
	width:					770px;
	height:					10px;
}

#content #content-background
{
	z-index:				99;
	background:				url(../images/content-background.png) repeat-y top left;
	padding: 				0px;
}

#content #content-background-bottom
{
	margin: 				0px;
	padding: 				0px;
	background:				url(../images/content-background-bottom.png) no-repeat top left;
	width:					770px;
	height:					10px;
}

#content #leftcol
{
	z-index:				50;
	padding:				10px 35px 0px 35px;
	background:				none;
	border:					none;
	width:					700px !important;
}

#content #leftcol #slider
{
	margin:					0px 0px 20px 0px;
	padding:				0px;
}

#content #leftcol table.angebot
{
	margin:					0px 0px 13px 0px;
	padding:				0px;
}

#content #leftcol .item-page
{
	z-index:				50;
	padding: 				0px 0px 10px 0px;
	background:				none;
	border:					none;
}

#content #leftcol #showcase
{
	z-index:				50;
	padding: 				0px 0px 20px 0px;
	background:				none;
	border:					none;
}

/*************************
* Styles Tag Cloud (Angebot) 
****************************/

#content #leftcol .tagcloud p a
{
	margin: 				5px !important;
	line-height:			41px !important;
	padding:				5px 10px 5px 10px !important;
	border:					2px solid #ffffff;
}

#content #leftcol .tagcloud p a:hover
{
	background:				#a2a2a2 !important;
}

/*************************
* Styles Showcase (Home) 
****************************/

.gkIsWrapper-gk_coffe
{
	margin:					0px 0 0 0;
}

#content #leftcol #kontakt, #content #leftcol #kontakt div
{
	background:				none;
	margin:					0px;
}



/*************************
* Styles Footer 
****************************/

#content #footer
{
	background:				none;
	margin: 				0px 0px 0px 0px;
	text-align:				left;
	padding: 				5px 0px 10px 35px;
	width:					690px;
}


#content #footer p
{
	font-size:				12px;
	line-height:			1.6em;
	letter-spacing: 		0em;
	margin:					0px;
	color:					#333333;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
}

#content #footer p a
{
	color:					#333333;
	text-decoration:		none;
}

#content #footer p a:hover
{
	color:					#333333;
	text-decoration:		underline;
}

/****************** 
*  list styles 
*******************/	

ul 
{
	margin: 				0px;
	padding:				0px;
}

#content #leftcol li
{
	font-size:				1em;
	line-height:			1.5em;
	list-style-image:		url(../images/arrow.gif);
	padding:				0px;
	margin: 				4px 0px 4px 20px;
}

#content #leftcol li.link
{
	font-size:				1em;
	line-height:			1.5em;
	list-style-image:		url(../images/arrow-a.gif);
	padding:				0px;
	margin: 				4px 0px 4px 20px;
}

#content #rightcol li
{
	font-size:				12px;
	line-height:			1.6em;
	list-style-image:		url(../images/arrow.gif);
	padding:				0px;
	margin: 				2px 0px 3px 15px;
}

#content #rightcol .menu li
{
	font-size:				12px;
	line-height:			1.6em;
	list-style-image:		url(../images/arrow-a.gif);
	padding:				0px;
	margin: 				2px 0px 3px 15px;
}

#content #rightcol .menu li, #content #rightcol .menu li a span
{
	background:				none !important;
}

table td
{
	vertical-align:			top;
}

/*************
* Text styles 
*************/


p, #content li, td, #content #rightcol p,#rokbox-caption p, .kontaktformular div
{
	line-height:			150%;
	letter-spacing: 		0.02em;
	font-size: 				13px;
	color: 					#666666;
	padding:				0px;  
	margin:					8px 0px 10px 0px;  
	font-weight:			normal;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
}

.captionDiv p, .captionDiv h2
{
	line-height:			150%;
	letter-spacing: 		0.01em;
	font-size: 				11px !important;
	color: 					#555555 !important;
	padding:				0px;  
	margin:					8px 0px 10px 0px;  
	font-weight:			normal;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
}

.small 
{
	font-size:				13px;
	line-height:			1.6em;
	letter-spacing: 		0.02em;
	margin:					0px;
}

h1, .componentheading, .contentheading
{
	font-weight:			normal;
	font-size:				23px;
	letter-spacing:			0.01em;
	line-height:			30px;
	margin:					0px 0px 22px 0px;
	padding:				18px 0 0px 0;
	z-index:				1;
	color:					#b8b82e;
	font-family: 			Verdana, arial, serif;
	/*text-transform:			uppercase;*/
}


h2, .sectiontableheader, .headingrow .contentheading, h2 a
{
	font-weight:			normal;
	font-size:				19px;
	line-height:			25px;
	letter-spacing:			0.01em;
	margin:					0px;
	padding:				12px 0 5px 0;
	text-align:				left;
	color:					#666666;
	font-family:			Verdana, 'Michroma', sans-serif, Verdana, Helvetica ;
}

h3, h4
{
	line-height:			1.5em;
	font-size:				13px;
	letter-spacing:			0.02em;
	color:					#666666;
	margin:					8px 0 6px 0;
}

.home h2 a, .home h2
{
	text-decoration:		none;
	font-weight:			normal;
	font-size:				19px;
	line-height:			25px;
	letter-spacing:			0.01em;
	margin:					0px;
	padding:				0px 0 2px 0 !important;
	text-align:				left;
	color:					#666666;
	font-family:			Arial, 'Michroma', sans-serif, Verdana, Helvetica ;
}

.home h3
{
	font-family:			Arial, Verdana, Helvetica, sans-serif;
	font-size: 				13px;
	text-decoration:		none;
	font-style: 			normal;
	line-height:			150%;
	font-weight: 			normal;
	color: 					#666666;
	letter-spacing: 		0.01em;
}

.home td
{
	padding:				0px 0px 0px 0px;
}

#rokbox-caption h2 
{
	color:					#666666;
	font-size:				18px;
	font-weight:			normal;
	margin:					0 0 10px;
	padding:				0;
}

.home h3 a, #leftcol p a, #leftcol li a, .breadcrumbs a
{ 
	color: 					#666666;   
	text-decoration:		none;
	border-bottom:			2px solid #cccc33;
}

.home h3 a:hover, #leftcol p a:hover, #leftcol li a:hover, .breadcrumbs a:hover
{ 
	text-decoration:		none;
	background:				#cccc33;
	color:					#666666;
	border:					2px solid #cccc33;
	margin-left:			-2px;
	margin-right:			-2px;
}

#leftcol a img, #leftcol td.img-border a img:hover
{
	background:				none;
	border:					none;
}

/********************
*  Kontaktformular
********************/

input.inputbox, .textarea
{
	background:				#edeeaf; 
	border-top:				1px solid #999999;
	border-right:			1px solid #dbd8c1;
	border-bottom:			1px solid #dbd8c1;
	border-left:			1px solid #999999;
	color:					#4444444;
	font-size:				13px;
	font-family:			arial;
}

.btn_submit
{
	background:				#dbd6d0;
	width:					150px;
	border-top:				1px solid #cccccc;
	border-right:			1px solid #999999;
	border-bottom:			1px solid #999999;
	border-left:			1px solid #cccccc;
}

/********************
*  table referenzen
********************/
.referenzen
{
	padding:				2px 0 0 0;
}

.referenzen td
{
	border-bottom:			1px solid #e0e0e0;
	padding:				8px 22px 8px 0;
}

.jcemediabox-zoom-span
{
	margin:					10px 0 0 0 !important;
	padding:				0px 0 0 0 !important;
}

.referenzen td img
{
	padding:				5px 0 0 0;
}