/** 
 * s-at.ch
 * 
 * css style definitions for s-at.ch november 2008
 * 
 * @author  Markus Howald 
 * @see     http://www.s-at.ch/ 
 * @copyright copyright(c) Klink GmbH
 * @date 2008-11-14
 * @media screen
 *
 * @colordef #8C7A61; grey
 * @colordef #009AC5; blue 
 */ 



/** 
 * @section general
 * 
 * general styles
 */ 
 
body {
	background:#FFF;
	color:#8C7A61;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; /* browser-fontsize-standard = 16px */
	line-height:1em;
	margin:2em;
	padding:0;
}

img {
	border:0;
}

* {
	margin:0;
	padding:0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.tel-browser {
	display:inline;
}

.tel-iphone {
	display:none;
}


/** 
 * @section hyperlinks
 * 
 * global hyperlinks definitions
 */ 

a:focus {
	outline: none;
}

a:link, a:visited {
	color:#8C7A61;
	text-decoration:none;
}

a:hover {
	color:#009AC5;
}


/** 
 * @section main
 * 
 * definitions for general frame: main, head, left and right
 */ 

#main {
	width:47.5em;
}

#head {
	margin-bottom:2em;
	padding-left:10em;
}

#left {
	float:left;
}

#right {
	float:right;
	width:37.5em;
}


/** 
 * @section nav-sub
 * 
 * 2-level navigation on the left
 */ 

#nav-sub {
	width:10em;
}

#nav-sub ul {
	list-style:none;
}

#nav-sub ul li {
	margin-bottom:1em;
}

#nav-sub ul li a {
	font-size:0.75em;
}

#nav-sub ul li a.active {
	color:#009AC5;
}


/** 
 * @section nav-main
 * 
 * 1-level navigation on the top/below head
 */ 

#nav-main {
	border-bottom:1px solid #8C7A61;
	margin-bottom:2em;
	padding-bottom:0.25em;
}

#nav-main ul {
	list-style:none;
}

#nav-main ul li {
	float:left;
	margin-right:1.5em;
}

#nav-main ul li a {
	font-size:0.75em;
}

#nav-main ul li a.active {
	color:#009AC5;
}


/****************************************************/
/* gallery
/****************************************************/

/*#gallery {
	height:18.75em;
	margin-bottom:1em;
	width:37.5em;
}*/


/****************************************************/
/* nav-image
/****************************************************/

/*#nav-image {
	padding-top:1em;
}

#nav-image ul {
	height:0.75em;
	list-style:none;
}

#nav-image ul li {
	float:left;
	margin-right:0.5em;
}

#nav-image ul li a {
	background:#FFF;
	border:1px solid #8C7A61;
	display:block;
	height:0.75em;
	line-height:0.75em;
	width:0.75em;
}

#nav-image ul li a.active,
#nav-image ul li a:hover {
	background:#009AC5;
	border:1px solid #009AC5;
}*/


/** 
 * @section nav-sub-sub
 * 
 * 3-level navigation used in portfolio
 */ 

#nav-sub-sub {
	line-height:0.9em;
	margin-bottom:2em;
}

#nav-sub-sub p {
	font-size:0.75em;
}

#nav-sub-sub a.active {
	color:#009AC5;
}


/** 
 * @section content
 * @section content-2col
 * 
 * content and 2 columns (content-2col used in kontakt)
 */ 

#content {
	margin-bottom:2em;
}

#content img,
#content-2col img {
	margin-bottom:2em;
}

#content h1 {
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:1.25em;
}

#content p,
#content-2col p {
	font-size:0.75em;
	margin-bottom:1.333em;
}

#content-2col DIV.left {
	float:left;
	width:50%;
}

#content-2col DIV.right {
	float:right;
	width:50%;
}


/** 
 * @section foot
 *
 *
 */ 

#foot {
	border-top:1px solid #8C7A61;
	padding-top:0.25em;
}

#foot p {
	font-size:0.75em;
}