/*
	thulegraphia
*/
html, body {
margin: 0;
padding: 0;
height: 100%;

scrollbar-face-color: #7F7F7F;
scrollbar-shadow-color: #2F2F2F;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #AFAFAF;
scrollbar-darkshadow-color: #3F3F3F;
scrollbar-track-color: #5F5F5F;
scrollbar-arrow-color: #3F3F3F;
}
body {
background-color: #1F1F1F;
color: #fff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 101%;
text-align: center;
height: 100%;
}
h1, h2, h3, h4, p, ul, li {
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #fff;
margin: 0;
padding: 0;
}

table {
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
tr, td  ol, ul, li {
margin: 0;
padding: 0;
}
img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
border: none;
}

#gesamt {
position: relative;
margin: 0 auto;
padding: 0;
width: 1000px;
height: 680px;
padding-top: 0px;
text-align: left;
background-color: transparent;
z-index: 1
}

#index {
position: absolute; 
left: 200px; top: 170px;
padding: 0;
width: 620px;
height: auto;
padding-top: 0px;
text-align: left;
background-color: transparent;
z-index: 10
}




/* ----- neue Navigation -------------  */

.galerie_ende {
font-size: 24px;
font-weight: bold
line-height: 24px;
color: grey;
text-align: center;
vertical-align: top;
margin: 0px 0px 0px 0px;
}
.galerie_ende_passiv {
font-size: 24px;
font-weight: bold
line-height: 24px;
color: #353535;
text-align: center;
vertical-align: top;
margin: 0px 0px 0px 0px;
}
.galerie_vor {
font-size: 24px;
font-weight: bold
line-height: 24px;
color: silver;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 5px 5px 5px;
border: 1px solid #353535;
}
.galerie_vor_passiv {
font-size: 24px;
font-weight: bold
line-height: 24px;
color: #353535;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 5px 5px 5px;
border: 1px solid #353535;
}
.galerie_zur {
font-size: 24px;
font-weight: bold
line-height: 24px;
color: silver;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 5px 5px 5px;
border: 1px solid #353535;
}
/* ----- neue Grafiklinks -------------  */

/* ----------------------- DIREKTBOX -------------------------------------- */
#direktstart {
float: left;
width: 100%;
height: auto;
font-size: 13px;
line-height: 100%;
color: ghostwhite;
text-align: left;
vertical-align: top;
background-color: transparent;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
#direktbox_01 {
float: left;
width: 160px;
height: 106px;
text-align: center;
vertical-align: middle;
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../2010/grafik/start_galerie.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
border: 1px solid grey;
}
#direktbox_01 a {
display: block;
padding: 0;
height: 140px;
}
#direktbox_01 a:link {
text-decoration: none;
color: ghostwhite;
background-color: transparent;
}
#direktbox_01 a:visited {
color: ghostwhite;
background-color: transparent;
}
#direktbox_01 a:hover {
color: red;
background-color: transparent;
}
#direktbox_01 a:active {
background-color: transparent;
color: red;
background-color: transparent;
}

#direktbox_02 {
float: left;
width: 160px;
height: 106px;
text-align: center;
vertical-align: middle;
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../2010/grafik/start_polas.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
border: 1px solid grey;
}
#direktbox_02 a {
display: block;
padding: 0;
height: 140px;
}
#direktbox_02 a:link {
text-decoration: none;
color: ghostwhite;
background-color: transparent;
}
#direktbox_02 a:visited {
background-color: transparent;
color: ghostwhite;
}
#direktbox_02 a:hover {
color: red;
background-color: transparent;
}
#direktbox_02 a:active {
color: red;
background-color: transparent;
}
#direktbox_03 {
float: left;
width: 160px;
height: 106px;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../2010/grafik/start_videos.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
border: 1px solid grey;
}
#direktbox_03 a {
display: block;
padding: 0;
height: 140px;
}
#direktbox_03 a:link {
text-decoration: none;
color: ghostwhite;
background-color: transparent;
}
#direktbox_03 a:visited {
background-color: transparent;
color: ghostwhite;
}
#direktbox_03 a:hover {
color: red;
background-color: transparent;
background-image: url(../grafik/direkt_shop.jpg);
background-repeat: no-repeat;
background-position: 0px -159px;
}
#direktbox_03 a:active {
color: red;
background-color: transparent;
}
/* ####################### */

#islandstart  {
position: absolute; 
left: 100px; top: 180px;
width: 800; height: 550px; 
background-color: transparent;  
background:url("../grafik/kartestart6_800px.png") left top no-repeat; 
/* background:url("../grafik/kartestart7_800px.png") left top no-repeat; */
border: 0px solid #5F5F5F;
text-align: center;
vertical-align: top;
z-index: 10
}
#starttext  {
position: absolute; 
left: 100px; top: 110px;
width: 800; height: auto; 
background-color: transparent;  
border: 0px solid #5F5F5F;
text-align: center;
vertical-align: top;
z-index: 11
}
#startmenue {
float: left;
margin-top: 120px;
width: 180px; height: 40px; 
background-color: transparent;  
border: 0px solid #5F5F5F;
text-align: center;
vertical-align: middle;
z-index: 11
}
.a2010thulegraphia {
margin-left: 190px;
padding: 0;
background-color: transparent;  
background:url("../grafik/2010_iceland.png") left top no-repeat; 
border: 0px solid #5F5F5F;
text-align: left;
vertical-align: middle;
}
.a2012thulegraphia {
margin-left: 70px;
padding: 0;
background-color: transparent;  
background:url("../grafik/2012_iceland.png") left top no-repeat; 
border: 0px solid #5F5F5F;
text-align: left;
vertical-align: middle;
}
.thulegraphia2010 {
margin-left: 170px;
padding: 0;
background-color: transparent;  
background:url("../grafik/iceland_2010.png") left top no-repeat; 
border: 0px solid #5F5F5F;
text-align: left;
vertical-align: middle;
}
.thulegraphia2012 {
margin-left: 80px;
padding: 0;
background-color: transparent;  
background:url("../grafik/iceland_2012.png") left top no-repeat; 
border: 0px solid #5F5F5F;
text-align: left;
vertical-align: middle;
}
#startmenue a { 
text-decoration: none;
}
#startmenue a:link {
color: red;
}
#startmenue a:visited {
color: red;
}
#startmenue a:hover {
border-left: 1px solid #5F5F5F;
border-bottom: 1px solid #5F5F5F;
}
#startmenue a:active {
background-color: transparent;
color: red;
}
#init {
position: absolute; 
left: 0px; top: 97%;
width: 10px; height: 2px; 
background-color: transparent; 
border: 0px none #000000;
margin-bottom: 0px;
padding-bottom: 0px; 
z-index: 2
}
#logo {
position: absolute; 
left: 0px; top: 19px;
width: 100%; height: 50px;
/* width: 360px; height: 50px; 
background-color: #1F1F1F; */
background-color: transparent;  
 
border: 0px none #000000;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 3
}
#logo a { 
text-decoration: none;
}

#kopf {
position: absolute;
left: 0px; top: 100px;
width: 100%; height: 30px; 
background-color: transparent; 
border: 0px none #000000;
text-align: right;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 4
}
#suche {
position: absolute; 
left: 0px; top: 570px;
width: 360px; height: 50px; 
background-color: transparent;
border: 0px none #000000;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 5
}
#urheber_video {
position: absolute; 
left: 0px; top: 570px;
width: 580px; height: 160px; 
background-color: transparent; 
border: 0px none #000000;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 15
}
#urheber_video_2013 {
position: absolute; 
left: 0px; top: 570px;
width: 750px; height: 160px; 
background-color: transparent; 
border: 0px none #000000;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 25
}

#navig {
position: absolute; 
left: 0px; top: 560px;
width: 100%; height: 35px; 
background-color: transparent;  
border: 0px none #000000;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 6
}
#videos {
position: absolute; 
left: 0px; top: 564px;
width: 100%; height: 35px; 
background-color: transparent;  
border: 0px none #000000;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
z-index: 7
}

address {
white-space: nowrap; 
}

h1 {
font-size: 13px;
line-height: 100%;
color: #fff;
text-align: left;
font-weight: bold;
vertical-align: middle;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h2 {
white-space: nowrap;
text-align: left;
vertical-align: top;
background-color: red;
}
#starttext a { 
text-decoration: none;
padding: 0px 2px 0px 2px;
}
#starttext a:link {
color: red;
}
#starttext a:visited {
color: red;
}
#starttext a:hover {
padding: 0px 2px 0px 2px;
color: Ghostwhite;
}
#starttext a:active {
background-color: transparent;
color: red;
}


p {
font-size: 12px;
line-height: 17px;
color: silver;
text-align: center;
vertical-align: top;
margin: 0px 0px 0px 0px;
}

.ghost {
color: Ghostwhite;
}

p a { 
text-decoration: none;
padding: 0px 2px 0px 2px;
}
p a:link {
color: #4F4F4F;
}
p a:visited {
color: #4F4F4F;
}
p a:hover {
padding: 0px 2px 0px 2px;
color: Ghostwhite;
}
p a:active {
background-color: transparent;
color: red;
}

.passiv {
color: #3F3F3F;
}

#fotoscroll {
width: 1000px;
height: 70%;
overflow: auto;
white-space: nowrap;
background-color: #5F5F5F;
font-size: 12px;
line-height: 17px;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
border: 2px solid #8F8F8F; /* #8F8F8F; silver;*/
z-index: 2
}


#fotoscroll img {
margin: 0px 70px 0px 10px;
padding: 0px 0px 0px 0px; 
border: none;
border-bottom: 2px solid #2F2F2F;
border-right: 1px solid #2F2F2F;
}

#show a {
text-decoration: none;
color: #000;
}
#show a:link {
color: #000;
}
#show a:visited {
color: #000;
}
#show a:hover {
text-decoration: none;
color: #000;
}
#show a:active {
color: transparent;
}

#navig p {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 100%;
text-align: center;
color: silver;
/* margin: 0;
padding: 0; */
}
#navig a {
text-decoration: yes;
color: silver;
}
#navig a:link {
color: silver;
}
#navig a:visited {
color: silver;
}
#navig a:hover {
text-decoration: none;
color: #fff;
}
#navig a:active {
color: red;
}

img a {
text-decoration: none;
}
img a:link {
}
img a:visited {
}
img a:hover {
background-color: transparent;
}
img a:active {
color: #fff;
background-color: transparent;
}

#kopf p a { 
font-size: 12px;
line-height: 17px;
text-decoration: none;
padding: 0px 2px 0px 2px;
}
#kopf p a:link {
color: #6F6F6F;
}
#kopf p a:visited {
color: 6F6F6F;
}
#kopf p a:hover {
padding: 0px 2px 0px 2px;
color: Ghostwhite;
}
#kopf p a:active {
background-color: transparent;
color: red;
}

#videos p {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 100%;
text-align: center;
color: silver;
/* margin: 0;
padding: 0; */
}
#videos p a { 
text-decoration: none;
padding: 0px 2px 0px 2px;
}
#videos p a:link {
color: #6F6F6F;
}
#videos p a:visited {
color: 6F6F6F;
}
#videos p a:hover {
padding: 0px 2px 0px 2px;
color: Ghostwhite;
}
#videos p a:active {
background-color: transparent;
color: red;
}

#index p {
text-align: left;
vertical-align: top;
color: Ghostwhite;
line-height: 20px;
}

#brief {
position: absolute;
top: 170px;
left: 500px;
width:500px; height:500px; 
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
background-color: transparent;
border-bottom: 0px solid #4F4F4F;
z-index: 9;
}
#brief p {
text-align: left;
vertical-align: top;
color: Ghostwhite;
line-height: 20px;
}

#imp {
position: absolute;
top: 170px;
left: 0px;
width:350px; height:500px; 
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
background-color: transparent;
border-bottom: 0px solid #4F4F4F;
z-index: 7;
}
#imp p {
padding-left: 7px;
text-align: left;
vertical-align: top;
color: Ghostwhite;
line-height: 20px;
}

#imp a {
text-decoration: none;
color: red;
}
#imp a:link {
color: red;
}
#imp a:visited {
color: red;
}
#imp a:hover {
color: yellow;
}
#imp a:active {
color: red;
}

#brief a {
text-decoration: none;
color: red;
}
#brief a:link {
color: red;
}
#brief a:visited {
color: red;
}
#brief a:hover {
color: yellow;
}
#brief a:active {
color: red;
}

.absatz {
padding: 0px 0px 12px 0px;
}
.rechte{
padding: 40px 0px 0px 0px;
}

/* -- Formularbereich -- */

.FORMULAR {
width:100%;
height: 26px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: Ghostwhite;
line-height: 15px;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 5px;
background-color: #3F3F3F;
border: 0px dotted #FFF;
border-top: 1px solid silver;
}
.FORMTEXT {
width: 100%;
height: 150px;
font-family: Verdana,Helvetica,sans-serif;
font-size: 12px;
color: Ghostwhite;
line-height: 15px;
padding: 6px 0px 0px 5px;
background-color: #3F3F3F;
border: 0px dotted #FFF;
border-top: 1px solid silver;
}
.BUTTON {
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
color: silver;
line-height: 150%;
text-align: center;
vertical-align: top;
margin: 5px 0px 0px 0px;
padding: 2px 3px 3px 3px;
background-color: #5F5F5F;
border: 1px solid silver;
}

.NATOLL {
width:35px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 100%;
text-align: center;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
background-color: #AFAFAF;
border: 0px dotted #FFF;
border-top: 1px solid silver;
}
.ZUFALL {
padding: 2px 5px 2px 5px;
background-color: #AFAFAF;
border-top: 1px solid silver;
color: #000;
}