/* CSS Document */

@font-face { font-family: Pigiarniq; src: url(font/PigiarniqRegular.ttf); }

body {
  margin: 0px; padding: 0px;
  font: normal 10px 'Georgia', serif;
  /* background: url(images/bg_aquarell.png) repeat; */
  line-height: 1.3em;
  color: #aaa;
}
ul, li {
	margin: 0px; padding: 0px;
	list-style: none;
}
h1 {
	margin: -6px 0 0 0; padding: 0;
	font: normal 2.2em Pigiarniq, sans-serif; 
  text-transform: uppercase;
	line-height: 1.2em;
	color: #aaa;
  text-decoration: none;
}
h2 {
	margin: -11px 0 0 0; padding: 0;
	font: normal 1.8em Pigiarniq, Arial, sans-serif;
	line-height: 1.2em;
	color: #aaa;
  text-decoration: none;
}
h3 {
	margin: 0px; padding: 0px;
	font: normal 1.8em Pigiarniq, Arial, sans-serif;
	line-height: 1.2em;
	color: #aaa;
  text-decoration: none;
}
h4 {
	margin: 0px; padding: 0px;
	font: normal 1.4em Pigiarniq, Arial, sans-serif;
	line-height: 1.2em;
	color: #aaa;
	cursor: pointer;
  text-decoration: none;
}
h4:hover {
	color: #7fb9fc;
}
p, label { 
	font: normal 1.2em Georgia, Tahoma, serif;
	line-height: 1.4em;
	margin: 5px 0 0 0; padding: 0;
}
.line { 
	width: 100%; height: 1px; 
	border-top: 1px dotted #aaa; 
	clear: both;
	margin: 5px 0 0 0; padding: 0;
}
.abstand05 { 
	width: 100%; height: 5px; 
	margin: 0; padding: 0;
	border: none; 
	clear: both;
}
.abstand12 { 
	width: 100%; height: 12px; 
	margin: 0; padding: 0;
	border: none; 
	clear: both;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

/*-------------- Counter --------------*/

#counter {
  margin: 0px; padding: 0px;
  width: 0px; height: 0px;
}
.fc {
  width: 1px; height: 1px;
}

/*-------------- Container --------------*/

#container_index {
  position: absolute;
  margin: 0px; padding: 0px;
  width: 100%; height: 100%;
  background: url("switch/raster_12.gif") repeat;
}
#container {
  position: absolute;
  margin: 0px; padding: 0px;
  width: 100%; height: 100%;
}
#copyright {
  position: fixed;
  margin: 0px; padding: 0px 10px;
  right: 30px; bottom: 16px;
  width: 220px; height: 10px;
  font: normal 10px 'Georgia', serif;
  color: #323232;
  z-index: 104;
}

/*--------------- News ---------------*/

#newsSlide { position: absolute; top: 50%; margin: -300px 0 0 0; width: 100%; height: 480px; }

#newsList { position: absolute; left: 0px; }
#newsList li.newsList { float: left; width: 764px; background: #323232; }

.firstList { position: relative; }
.firstList li { float: left; }

li.text { width: 250px; padding: 20px 0 20px 20px; }
li.text h3 { margin-top: -5px; }
li.newsImage { position: relative; width: 450px; height: 334px; padding: 20px; }

li.newsImage img { position: absolute; padding: 0; border: 2px solid #7fb9fc; }
.change { position: absolute; right: 30px; bottom: 30px; z-index: 100; z-index: 102; }

#volgmannList li { width: 250px; display: inline-block; }

.inactive, .active { padding: 8px; margin: 0 0 0 10px; float: left; }
.inactive { background: #323232; border: 2px solid #7fb9fc; }
.active { background: #7fb9fc; border: 2px solid #323232; }

div.hidden { width: 250px; }

.red, .blue { padding: 14px; display: block; float: left; margin: 3px 5px 0 0; }
.blue { background: #377dfa; margin-top: 8px; }
.red { background: #bf0000; }

/*--------------- News ---------------*/

/*--------------- Galerie ---------------*/

#galerie {
  position: absolute;
  margin: -250px 0 0 0; padding: 0px; /* -168px 0 0 0 */
  top: 50%;
  background: #323232;
  width: 100%; height: 500px; /* 336px */
}
img#prev, img#next {
  position: fixed;
  margin-top: -50px; padding: 0px;
  top: 50%;
  cursor: pointer;
}
img#prev {left: 0px;}
img#next {right: 0px;}

#sections {
  margin: 0px; padding: 0px;
  width: 100%; height: 500px; /* 336px */
  overflow: hidden;
	clear:left;
}
#sections ul{
  width: 20000px; height: 100%;
}
#sections li{
	float:left;
	margin: 0 10px 0 0; padding: 0px;
}
#sections img {
  margin: 0px; padding: 0px;
  border: 0px; height: 500px; /* 336px */
}
.beschreibung {
  margin: 0px; padding: 10px 15px 10px 10px;
  width: 170px; height: 500px; /* 336px */
	float:left;
}

/*---------- Content + Bookmark ----------*/

#box0 {
  position: fixed;
  bottom: 30px; right: 30px;
  width: 230px; min-height: 60px;
  z-index: 104;
}

/*--------------- Bookmark ---------------*/

#bookmark {
  width: 210px; min-height: 5px;
  margin: 0 0 30px 0; padding: 10px;
  background: #323232;
  display: none;
}
.hidebookmark {
  margin: -18px 0px 0px 202px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus.png") no-repeat left;
  cursor: pointer;
}
.hidebookmark:hover {
  margin: -18px 0px 0px 202px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus_o.png") no-repeat left;
}
ul.left, ul.left li, ul.right, ul.right li {
	width: 105px;
  margin: -2px 0; padding: 0;
  list-style: none;
  float: left;
  border: 0px;
}
ul.left li a, ul.right li a {
  background-repeat: no-repeat;
}

a.delicious {background: url("bookmark/delicious.gif");padding: 0 0 0 20px;}
a.linkarena {background: url("bookmark/linkarena.gif");padding: 0 0 0 20px;}
a.twitter {background: url("bookmark/twitter.gif");padding: 0 0 0 20px;}
a.facebook {background: url("bookmark/facebook.gif");padding: 0 0 0 20px;}
a.google {background: url("bookmark/google.gif");padding: 0 0 0 20px;}
a.icio {background: url("bookmark/icio.gif");padding: 0 0 0 20px;}
a.yahoo {background: url("bookmark/yahoo-myweb.gif");padding: 0 0 0 20px;}
a.misterwong {background: url("bookmark/mister-wong.gif");padding: 0 0 0 20px;}
a.alltagz {background: url("bookmark/alltagz.gif");padding: 0 0 0 20px;}

.clear_seo {
	clear: both;
	height: 7px;
	font-size: 0px;
}
img.seitwert, img.seitwert:hover {
  margin: 5px 0; padding: 0px;
  width: 88px; height: 31px;
  border: 0px;
}

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

#content {
  width: 210px; min-height: 60px;
  padding: 10px;
  background: #323232;
}

.date { float: right; }

a.intern, a.intern:hover, a.extern, a.extern:hover, a.mail, a.mail:hover { padding-left: 22px; }

a.intern {background: url(images/icon.png) no-repeat 0 -15px; }
a.intern:hover { background: url(images/icon.png) no-repeat 0 3px; }

a.extern { background: url(images/icon.png) no-repeat 0 -51px; }
a.extern:hover { background: url(images/icon.png) no-repeat 0 -33px; }

a.mail { background: url(images/icon.png) no-repeat 0 -87px; }
a.mail:hover { background: url(images/icon.png) no-repeat 0 -69px; }

a.inline { margin-left: 2px; }

ul.navileft, ul.naviright {
	margin: 0; padding: 0;
  width: 104px;
	font: normal 15px georgia,arial,serif;
	color: #aaa;
}

ul.navileft {float: left;}
ul.naviright {float: right;}

#slidenavigation {
  margin: 0px; padding: 0px;
}
#slidenavigation img {
  margin: 0px; padding: 2px;
  height: 30px;
  cursor: pointer;
  float: left;
  opacity: 0.8;
}
#slidenavigation img:hover {
  opacity: 1;
}

/*--------------- Kontakt ---------------*/
/*--- einblenden durch Kontakt, ausblenden durch hidekontakt ---*/

#box2 { 
  position: fixed;
  left: 30px; bottom: 30px;
  margin: 0px; padding: 0px;
  width: 190px; min-height: 50px;
  display: none;
  z-index: 104;
}
#rom, #mailand, #venedig {
  margin: 0 0 30px 0; padding: 10px;
  width: 190px; min-height: 20px;
  background: #323232;
  display: none;
}
#kontakt {
  margin: 0px; padding: 10px;
  background: #323232;
  color: #aaa;
  width: 190px; min-height: 50px;
}
.hidekontakt {
  margin: -18px 0px 0px 182px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus.png") no-repeat left;
  cursor: pointer;
}
.hidekontakt:hover {
  margin: -18px 0px 0px 182px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus_o.png") no-repeat left;
}
#formular {
	margin: 0;
	padding: 4px 0 0 0;
  max-width: 190px;
  line-height: 1.1em;
  float: left;
}
.hidden {
  display: none;
}
#form, #formular fieldset {
	margin: 0px; padding: 0px;
  border: 0px;
}
#formular input, #formular textarea, #formular button {
  margin: 2px 0px 6px 0px; padding: 2px;
  font: normal 13px sans-serif;
  border: 1px dotted #aaa;
  background: #323232;
  color: #aaa;
}
#formular input {width: 182px; height: 16px;}
#formular textarea {width: 181px; height: 46px;}
#formular button {width: 92px; height: 22px;}
#formular input:focus, #formular textarea:focus, #formular button:focus, #formular button:hover {background: #aaa; color: #323232;}

/*---------- Twitter ----------*/

#box3 {
  position: fixed;
  left: 30px; bottom: 30px;
  margin: 0px; padding: 2px;
  width: 226px; min-height: 50px;
  background: #323232;
  color: #aaa;
  display: none;
  z-index: 104;
}
#box3 h2 {
	margin: -12px 9px 0 9px;
}
#box3 .line {
	width: 210px;
	margin: 5px 10px 0 10px; padding: 0;
}
.hidetwitter {
  margin: -10px 0px 0px 210px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus.png") no-repeat left;
  cursor: pointer;
}
.hidetwitter:hover {
  margin: -10px 0px 0px 210px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus_o.png") no-repeat left;
}
#twitterborder {
	border-right: 9px solid #323232; border-left: 9px solid #323232;
	position: absolute;
	width: 212px; height: 70%;
	top: 80px; margin: 0 -2px;
	z-index: 100;
}

/*---------- Farbaktion + Links ----------*/

#box {
  position: fixed;
  right: 310px; bottom: 30px;
  margin: 0px; padding: 0px;
  width: 180px; min-height: 50px;
  z-index: 104;
}
#farbaktion {
  margin: 0px; padding: 10px;
  background: #323232;
  color: #aaa;
  width: 180px; min-height: 50px;
  display: none;
}
#links {
  margin: 30px 0 0 0; padding: 10px;
  background: #323232;
  color: #aaa;
  width: 180px; min-height: 50px;
  display: none;
}
.hidefarbaktion, .hidelinks {
  margin: -18px 0px 0px 172px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus.png") no-repeat left;
  cursor: pointer;
}
.hidefarbaktion:hover, .hidelinks:hover {
  margin: -18px 0px 0px 172px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus_o.png") no-repeat left;
}

/*---------- Switch ----------*/

.over {
  cursor: pointer;
}
a, a.clickfarbaktion {
  color: #7fb9fc;
  text-decoration: none;
}
a:hover, a.clickfarbaktion:hover {
	color: #fff;
  text-decoration: none;
}