@import url("reset.css");

h1
{font-size:48px; color:#c1c1c1; font-weight:300; text-align: left; margin-left: 20px;}
h2
{font-size:48px;}
h3
{font-size:36px; overflow: visible;}
h4
{font-size:18px;}
h5
{font-size:16px; font-weight:300;}
h6
{font-size:18px; text-align: left;}


/*-------------------------Links----------------------*/
a:link, a:visited, a:active
{
 text-decoration: none;
 font-weight: bold;
 color: #c1c1c1;
 border: 0px;
 outline: none;
}

a:hover, a:focus
{
 text-decoration: underine;
 color: #000000;
 border:0px;
 outline: none;
}

button:focus
{
 border:0px;
 outline: none;
}

/*----------------------Body----------------------------*/
body
{

  text-align: center;
  margin: auto;
  margin-top: 0px;
  font-size:14px; font-weight:300;
  background: #fff;
  /*background-image: url(back.jpg);*/
  background-position: center top;
  background-repeat: repeat-x;
}


#clear
{
 clear: both;
}

/*----------------------Header----------------------------*/

#titel
{
 position: absolute;
 left: 100%;
 top: 80px;
 margin: 0px 0px 0px -320px;
 padding: 0px;
 width: 300px;
 height: 20px;
 text-align: right;
 display: none;
}

#language
{
 position: absolute;
 left: 100%;
 top: 10px;
 margin: 0px 0px 0px -320px;
 padding: 0px;
 width: 300px;
 height: 20px;
 text-align: right;
}

#flashcontent
{
 position: absolute;
 top: 110px;
 left: 0px;
 height: 504px;
 width: 100%;
}

#navigation
{
 position: absolute;
 left: 50%;
 margin: 620px 0px 10px -450px;
 padding: 0px;
 width: 900px;
 height: 50px;
 text-align: center;
 font-size:24px;
}

#logo
{
 position: absolute;
 left: 15px;
 top: 5px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 228px;
 height: 100px;
 text-align: left;
 background-image: url(http://www.terres-arts.com/navigation/logo.jpg);
 background-repeat: none;
}

#impressum
{
 position: absolute;
 left: 100%;
 top: 40px;
 margin: 0px 0px 0px -110px;
 padding: 0px;
 width: 100px;
 height: 15px;
 text-align: center;
}

#kontakt
{
 position: absolute;
 left: 100%;
 top: 40px;
 margin: 0px 0px 0px -210px;
 padding: 0px;
 width: 100px;
 height: 15px;
 text-align: center;
}








.portrait
{
 margin: 15px 15px 0px 0px;
 padding: 0px;
}

.fashion
{
 margin: 15px 15px 0px 0px;
 padding: 0px;
}

.kinder
{
 margin: 15px 15px 0px 0px;
 padding: 0px;
}

.hochzeit
{
 margin: 15px 15px 0px 0px;
 padding: 0px;
}

.konzerte
{
 margin: 15px 15px 0px 0px;
 padding: 0px;
}

.szene
{
 margin: 15px 15px 0px 0px;
 padding: 0px;
}

.projekte
{
 margin: 15px 0px 0px 0px;
 padding: 0px;
}




.portrait:hover
{
 margin: 0px 15px 0px 0px;
 padding: 0px;
}

.fashion:hover
{
 margin: 0px 15px 0px 0px;
 padding: 0px;
}

.kinder:hover
{
 margin: 0px 15px 0px 0px;
 padding: 0px;
}

.hochzeit:hover
{
 margin: 0px 15px 0px 0px;
 padding: 0px;
}

.konzerte:hover
{
 margin: 0px 15px 0px 0px;
 padding: 0px;
}

.szene:hover
{
 margin: 0px 15px 0px 0px;
 padding: 0px;
}

.projekte:hover
{
 margin: 0px 0px 0px 0px;
 padding: 0px;
}