/* 
 
   Stylesheet für www.gassner-rossini.ch von Peter Gassner
   http://www.heysorry.ch
   pgassner@heysorry.ch

*/



/*//////////////////////
  body
//////////////////////*/ 

body    {
     /* Ränder */
        margin: 0;
        padding: 0;

     /* Dokumentfarben */
        color: 	   	  #fff;
        background-color: #777;

     /* Texteigenschaften im Body */
        font-size: small;
        line-height: 1.8em;
        font-family: Futura, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        }

img	{
	border: 0;
	}



/*//////////////////////
  Divs
//////////////////////*/



/* --- MAIN LAYOUT --- */

#container	{
	color: #fff;
	background: #777;
	text-align: left;
	padding: 0;
        border: 0px solid #333;
        background: transparent url(images/schriftzug.gif) top left no-repeat;
	}


#header	{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #fff;
        background: transparent;
	}


#subnavigation { 
        display: none;
        margin: 0;
        padding: 0;
 }


#pagebody	{
	text-align: left;
	margin: 0;
	padding: 0;
	color: #fff;
        background: transparent;
	}

#maincontent	{
	margin: 0;
	padding: 50px 0 30px 0;
	color: #fff;
	background: transparent;
	}


.contentbox {
        position: relative;
        top: 0;
        margin: 0;
        padding: 0;
        width: 25em;
        text-align: left;
}



#footer {
        position: relative;
        height: 2em;
	color: #aaa;
	background: transparent;
        margin: 0;
	padding: 0;
	text-align: left;
        text-transform: uppercase;
	clear: both;
	font-size: x-small;
	}


#specialcontent	{
	margin: 30px 10px 10px 10px;
	padding: 0;
	color: #fff;
	background: transparent;
	}


/* --- NAVIGATIONSLEISTE --- */

.hidden { 
  display:none;
  position: absolute;  /* for the benefit of IE5 Mac */
}

#navigation {
  position: relative;
  height: 100px; 
  margin-left: 210px;
  background: transparent;
}

#navigation li {
  display: inline; 
  margin: 0; 
  padding: 0;
}
#navigation li a:link, #navigation li a:visited {
  width: 100px; 
  height: 100px; 
  display: block; 
  float: left;
}


#navigation li.firma {
  display: block; 
  float: left; 
  background: transparent;
  width: 100px; 
  position: absolute;
  left: 0px;
}

#navigation li.firma a:link, #navigation li.firma a:visited {
  background: transparent url(images/li_firma.jpg) top left no-repeat; 
}

#navigation li.firma a:hover, #navigation ul.firma li.firma a {
  background-position: 0px -100px;
}


#navigation li.dokumentation a:link, #navigation li.dokumentation a:visited {
  background: transparent url(images/li_dokumentation.jpg) top left no-repeat;
  position: absolute;
  left: 100px;
}
#navigation li.dokumentation a:hover, #navigation ul.dokumentation li.dokumentation a {
  background-position: 0px -100px;
}


#navigation li.projekte a:link, #navigation li.projekte a:visited {
  background: transparent url(images/li_projekte.jpg) top left no-repeat;
  position: absolute;
  left: 200px; 
}

#navigation li.projekte a:hover, #navigation ul.projekte li.projekte a {
  background-position: 0px -100px;
}


#navigation li.standort a:link, #navigation li.standort a:visited {
  background: transparent url(images/li_standort.jpg) top left no-repeat;
  position: absolute;
  left: 300px; 
}

#navigation li.standort a:hover, #navigation ul.standort li.standort a {
  background-position: 0px -100px;
}




/* --- GALERIE --- */

.gallery { 
  position: relative;
  width: 700px;
  margin: 0 0 2em 0;
  padding: 0;
  border-top: 0px solid white;
  clear: both;
}

.galleryimage { 
  float: left;
  width: 300px;
  margin: 0 0 2em 0;
  text-align: right;
}

.gallerytext { 
  margin: 0 0 0 310px;
}



/* --- IMAGEGALLERY --- */

#imagegallery { 
  margin: 0;
  padding: 0;
}

.igsmall { 
  margin-left: 200px;
}

.igbox { 
  position: relative;
}

.iglarge{ 
  margin-left: 300px;
}

.igtext { 
  float:left;
  width: 290px;
  margin: 0;
  padding: 20px 0;
  text-align: right;
}



/* --- DIVERSES --- */

	
div.gototop {
        margin: 2em 50px 2em 0;
        text-align: right;
}

div.goback {
        margin: 2em 50px 2em 0;
        font-size: x-small;
        text-align: center;
}




/* --- MULTICOL --- */

.multicol { 
  position: relative;
  margin: 1em 0 2em 0;
  padding: 0;
  clear: both;
  background: transparent;
 }

/* relative positioning because IE breaks it without this */
.leftcolumn {
  float: left;
  position: relative;
  top: 0;
  right: 0;
  width: 270px;
  margin: 0;
  padding: 0 0 2em 30px;
  text-align: right;
  color: inherit;
  background: transparent;
 }


.rightcolumn { 
  position: relative;
  margin: 0;
  margin-left: 310px;
  padding: 0;
  color: inherit;
  background: transparent;
 }


/* --- STANDORT --- */

#standort { 
  width: 400px;
  margin-left: 310px;
}

#maincontent #standort h1, #maincontent #standort h2, #maincontent #standort h3 { 
  margin-left: 0;
}




/* --- LISTEN --- */

ul {
       margin: 0;
       padding: 0;
       list-style: square inside;
       line-height: 1.8em;
}

* html .rightcolumn {height: 1%;} /* for %#!&ing IE/Win */


/* --- SCHRIFTAUSZEICHNUNGEN --- */


h1      {
        margin: 0 0 1em 0;
        font-size: x-large;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3em;
        color: #333;
        background: transparent;
        font-family: Futura, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        }

#maincontent h1 { 
        margin-left: 310px;
}
                
h2      {       
        font-size:      large;
        font-weight: normal;
        text-transform: uppercase;
        text-align:     left;
        color:       #fff;
        background:  transparent;
        font-family:    Futura, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        }       

#maincontent h2 { 
        margin: 0 0 .7em 310px;
        font-size: medium;
        color: #333;
}

#maincontent .leftcolumn h2 { 
        margin: 0;
        padding: 0;
        text-align: right;
        font-size: small;
 }

.gallery h2 { 
        margin: 0 0 .8em 0;
        padding: 0;
        text-align: left;
        font-size: x-small;
        color: #fff;
}

              
h3      {       
        font-size:      medium;
        text-align:     left;
        color:       #fff;
        background:  transparent;
        font-family:    Futura, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        }       

.gallerytext h3 { 
        margin: 0 0 .6em 0;
        padding: 0;
        text-align: left;
        font-size: small;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 1.4em;
 }
                

p 	{
        margin: 0;
        padding: 0 0 .8em 0;
	font-size:      small;
	font-family:    Futura, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	}

.gallerytext p { 
        margin: 0;
        padding: 0;
        color: #444;
        background: transparent;
        line-height: 1.2em;
}




/* --- LINKS --- */


                
a:link  {       
	text-decoration:none;
	font-weight:    normal;
	color:  	#ddc;
	background:     transparent;
	}       

a:visited       {       
	text-decoration:none;
	font-weight:    normal;
	color:  	#ccc;
	background:     transparent;
	}         

a:hover {       
	text-decoration: none;
        font-weight: normal;
	color:		#fff;
	background:     #888;
	}       

a:active        {       
	text-decoration: none;
	font-weight:    normal;
	color:  	#fff;
	background:     transparent;
	}



/* linktoproject */
a.linktoproject:link  {     
	text-decoration:none;
        font-weight: inherit;
	color:  	inherit;
	background:     transparent;
	}       

a.linktoproject:visited       {       
	text-decoration:none;
        font-weight: inherit;
	color:  	inherit;
	background:     transparent;
	}         

a.linktoproject:hover {       
        border-bottom: 1px solid #fff;
	text-decoration: none;
        font-weight: inherit;
	color:		#fff;
	background:     transparent;
	}       

a.linktoproject:active        {       
	text-decoration: none;
        font-weight: inherit;
	color:  	#fff;
	background:     transparent;
	}





/* --- TABELLEN --- */

table, tr, td    {       
        font-size:        small;
        line-height:      1.4em;
        font-family:      Futura, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        }       

td { 
        margin: 0;
        padding: 0;
        text-align: left;
}

table.projectlisttable td { 
        margin: 0;
        padding: 0 10px 1.4em 0;
        text-align: left;
}

table.cvtable td { 
        margin: 0;
        padding: 0 1em 0.4em 0;
        text-align: left;
}





/* --- HACKS --- */

div.spacer {
        margin: 0;
        padding: 0;
        clear: both;
}