/* #########################################################################

Stylesheet for welovewebdesign.ch
Datei: screen.css
Datum: Dez 2008
Autor: Fortyone, Roger Burkhard
Copyright: all rights reserved

######################################################################### */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;
	color: #8c8a8a;
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight:  normal;
	line-height: 18px;
}

h1 {
	margin: 30px 0 30px 50px;
	color:#223D51;
	font-size:30px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:40px;
}

p {
	color: #8c8a8a;
}


a {
	text-decoration: none;
	outline: none;
	color: #000000;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}


/* Firefox Hack to elmininate that ugly dotted line */
:focus {
	-moz-outline-style: none;
}


/*------------------------------------------------------
Wrapper
------------------------------------------------------*/

#wrapper {
	width: 100%;
	margin: 0;
	padding:0;
}


/*------------------------------------------------------
layout
------------------------------------------------------*/

#navigation {
	height:100px;
	text-align: center;
	vertical-align: middle;	
	list-style: none;
	margin: 660px 0 0 0;
	padding:0;
	position: absolute;
	width: 975px;
	left: 50%;
	margin-left: -480px;
	background-color: #FFF;
}

#navigation ul {
	text-align: center;
}

#navigation li {
	text-align: center;
	height: 40px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
#navigation li a, #navigation li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 40px;
	background-repeat: no-repeat;
}
.book_1 {background-image: url(../images/layout/book_1.gif); width: 71px;}
.book_1 a:hover {background-image: url(../images/layout/book_1_active.gif);}
.book_1_active {background-image: url(../images/layout/book_1_active.gif); width: 71px;}

.book_2 {background-image: url(../images/layout/book_2.gif); width: 77px;}
.book_2 a:hover {background-image: url(../images/layout/book_2_active.gif);}
.book_2_active {background-image: url(../images/layout/book_2_active.gif); width: 77px;}

.book_3 {background-image: url(../images/layout/book_3.gif); width: 82px;}
.book_3 a:hover {background-image: url(../images/layout/book_3_active.gif);}
.book_3_active {background-image: url(../images/layout/book_3_active.gif); width: 82px;}

.thomas_stoeckli {background-image: url(../images/layout/thomas_stoeckli.gif); width: 307px;}
.thomas_stoeckli a:hover {background-image: url(../images/layout/thomas_stoeckli_active.gif);}
.thomas_stoeckli_active {background-image: url(../images/layout/thomas_stoeckli_active.gif); width: 307px;}

.commercial {background-image: url(../images/layout/commercial.gif); width: 153px;}
.commercial a:hover {background-image: url(../images/layout/commercial_active.gif);}
.commercial_active {background-image: url(../images/layout/commercial_active.gif); width: 153px;}

.news {background-image: url(../images/layout/news.gif); width: 63px;}
.news a:hover {background-image: url(../images/layout/news_active.gif);}
.news_active {background-image: url(../images/layout/news_active.gif); width: 63px;}

.contact {background-image: url(../images/layout/contact.gif); width: 103px;}
.contact a:hover {background-image: url(../images/layout/contact_active.gif);}
.contact_active {background-image: url(../images/layout/contact_active.gif); width: 103px;}

ul#navigation li a:hover {background: none;}
#navigation li {float: left;}
#navigation:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/*------------------------------------------------------
Content
------------------------------------------------------*/

#content {
	position: absolute;
	width:100%;
	height: 635px;
	text-align: left;
 	padding: 0px;
	margin-top: 0;
	background-color: #FFF;
}

td.content_text {
	background-color: #e4e4e0;
	font-size: 16px;
	color: #a7a5a4;
	line-height: 18px;
	padding: 0 20px;
}

td.content_text_contact {
	background-color: #e4e4e0;
	font-size: 22px;
	color: #a7a5a4;
	line-height: 24px;
	padding: 0 20px;
}