/**
 * internauta by Hanna Züllig
 * master css files for screen, projection, handheld
 *
 * @since 2010-06-16
 * @copyright internauta, zurich
 *
 * NOTES:
 *
 */

html, body
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	font-size: 100%;
	line-height: 125%;
	width:100%;
	height:100%;
}


/* never came across a browser not displaying strong as bold text,
   but strong does semantically not necessarily mean that the text has
   to be displayed bold - so with the above rules it is set now.
   em = to emphasize (set to italic)
   strong means a "double" emphasis, whereas em is a "single" emphasis
--------------------------------------------- */
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.group:after { /* self-clear floats */
	content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0;
}


/* @group Wrappers
--------------------------------------------- */


#topwrapper{
	position:absolute;
	left:12px;
	top:15px;
	width:99%;
	min-width:960px;
	z-index:5;
}

#startwrapper{ /* width set in page, aktuell oder claim */
	position:absolute;
	top:330px;
	/*width:2500px;
	background-color:rgb(221, 241,250);*/
	height:360px;
	
}
#flashwrapper
{
	position: absolute;
	right: 24px;
	top: 15px;
	width: 960px;
	height:625px;
	text-align: right;
	z-index:0;
	
}
#portraitwrapper,
#aktuellwrapper{ /* width set in page, aktuell oder claim */
	position:absolute;
	top:340px;
	width:990px;
	
}

#aktuellwrapper{
	background-color:rgb(221, 241,250);
	width:100%;
	min-width:990px;
	height:360px;
}

/* @end */



/* @group Navigation
--------------------------------------------- */


#mainnav
{	
	position:absolute;
	top:137px;
	left:0px;
	font-size: 125%;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width:600px;
	
}

#mainnav li{ 
	list-style-type: none; 
	
}

#mainnav li a{
	display:block;
	float:left;
	
	/*border:1px solid black;*/
}
#mainnav>li.group>a{
	padding-right:5px;
}
#mainnav li a.aktiv{
	font-weight:bold;
}

#subnav{
	position:absolute;
	top:297px;
	left:0px;
	min-width:1400px;
}

ul.sub{
	float:left;
	
}
ul.sub li{
	display:block;
	float:left;
	font-size: 75%;
	padding-right:5px;
	
}

#internauta
{
	position: absolute;
	right: 0px;
	width: 450px;
	text-align: right;
}
.internauta{
	padding-right:97px;
}
.name{
	padding-right:67px;
}
#adresse
{
	position: absolute;
	top: 117px;
	right:0px;
	text-align: right;
	width:300px;
}
.adresse{
	padding-right:24px;
}
#mouseout{
	height:25px;
	width:550px;
}
.flashcontent{
	padding-right:24px;
}
/* @end */
/* @group Startseite
--------------------------------------------- */
#startimg{
	float:left;
	top:0px;
	left:0px;
	
}
#aktuell{
	float:left;
	padding-left:50px;
	padding-top:25px;
}
#claim{
	float:left;
	color:rgb(72, 182,165);
	padding-left:12px;
	width:765px;
	font-size:220%;
	line-height:160%;
	font-weight:normal;
}
#angebot{
	position:absolute;
	top:720px;
	left:12px;
	width:980px;
	font-size:70%;
	padding-bottom:20px;
}
/* @end */
/* @group Content
--------------------------------------------- */

#content
{
	left: 0px;
	position: absolute;
	top: 340px;
	width: 500px;
	margin-left: 138px;
	/* 126 +12 align topwrapper*/
	font-size: 85%;
	line-height: 125%;
	padding-bottom: 20px;
	z-index: 5;
	background-image: url(../images/white_80.png);
}
#portraitimg, #aktuellimg{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	
}
#portraittext, #aktuelltext{
	position:relative;
	float:left;
	top:0px;
	margin-left:20px;
	width:500px;
	font-size: 85%;
	line-height: 125%;
	padding-bottom:20px;
	z-index:5;
}
#aktuelltext{
	padding-top:25px;
}

#dreibein{
	float:left;
}

.projektbeschreibung{
	width:500px;
	margin-top:12px;
}
.referenzbild{
	float:left;
	margin-right:17px;
	border: 1px solid rgb(180,180,180);
}

.thumb{
	float:left;
	margin-right:10px;
	margin-bottom:12px;
	height:120px;
	width:150px;
	border: 1px solid rgb(180,180,180);
}
.thumbtext{
	display:none;
}
/* @end */

a { 
	text-decoration: none; 
	color: rgb(0,118,105);
}
a:hover{
	color:black;
}

h1, .zwischentitel{
	text-transform: uppercase;
	font-weight:bold;
	padding-bottom:6px;
	padding-top:14px;
}
h1:first-child{
	padding-top:0px;
}

h3.tag
{
	text-transform: uppercase;
	display:inline;
	font-size:90%;
	font-weight:normal;
	
}
.blue{
	color:rgb(72, 182,165);
}

.text
{
	float: left;
	font-size:80%;
	line-height:120%;
	
}