/* CSS Document */


ul, li {
	margin: 0px; padding: 0px;
	list-style: none;
}
h1, h1 a {
	margin: 0 0 8px 0; padding: 0 0 4px 0;
/*	border-bottom: 1px dotted #fff;*/
	font: normal 20px;
  text-transform: uppercase;
	color: #aaa;
  text-decoration: none;
/*  height:20px;*/
}
h2, h2 a {
	margin: 0 0 8px 0; padding: 0 0 4px 0;
	border-bottom: 1px dotted #fff;
	font: normal 18px;
	color: #aaa;
  text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #fff;
}
h3 {
	margin: 0px; padding: 0px;
	font: normal 18px;
	color: #aaa;
  text-decoration: none;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}
a.extern {
    padding-right: 10px;
    background: url('images/linkout.gif') no-repeat 100% 50%;
}

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

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

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


#container2 {

  width: 920px; height: auto; margin:0px;
}


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

#galerie {
/*  position: absolute;*/
  margin: 0 0 0 0; padding: 0px; 
  width: 920px; height: auto; 
}
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: 920px; height: auto; 
  overflow: hidden;
	clear:left;
}
#sections ul{
  width: 20000px; height: auto;
}
#sections li{
	float:left;
	margin: 0 10px 0 0; padding: 0px;
}
#sections img {
  margin: 0px; padding: 0px;
  border: 0px; height: auto; 
}
.beschreibung {
  margin: 0px;
  width: 920px; height: auto;
}

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

/*#box0 {
  position: fixed;
  bottom: 30px; right: 30px;
  width: 200px; min-height: 60px;
}*/

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

/*#bookmark {
  width: 180px; min-height: 5px;
  margin: 0 0 30px 0; padding: 10px;
  background: #323232;
  display: none;
}
.hidebookmark {
  margin: -18px 0px 0px 172px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus.png") no-repeat left;
  cursor: pointer;
}
.hidebookmark:hover {
  margin: -18px 0px 0px 172px; 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 {
  margin: 0px; padding: 2px 0px;
  list-style: none;
  float: left;
  border: 0px;
}
ul.left {width: 105px; margin-bottom: 0px;}
ul.right {width: 75px; margin-bottom: 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: 0px; padding: 0px;
  width: 88px; height: 31px;
  border: 0px;
}*/

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

#content {

  width: 180px; min-height: 60px;
  padding: 10px;
  background-color:#00FFFF;
}

ul#navileft, ul#naviright {
	margin: 8px 0 0 0;
	padding: 4px 0 0 0;
  width: 90px;
	font: normal 16px;
	color: #aaa;
	border-top: 1px dotted #aaa;
}

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

ul#navileft, ul#naviright li a {
	color: #aaa;
  text-decoration: none;
}
ul#navileft, ul#naviright li a:hover{
	color: #fff;
}
#slidenavigation {
  margin: 0px  0px  15px  0px; padding: 0px;
}
#slidenavigation img {
  margin:10px 0px 0px 0px; padding: 0px;
  height: 54px;
  cursor: pointer;
/*  float: left;*/
  opacity: 0.8;
}
#slidenavigation img:hover {
  opacity: 1;
}

#slidenavigation img:visited {
  opacity: 0.6;
}


/*--------------- 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;
}
#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: 6px 0 0 0;
	padding: 6px 0 0 0;
	border-top: 1px dotted #aaa;
  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;
  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;}

/*---------- Aktionshintergrund ----------*/

#box3 {
  position: fixed;
  left: 30px; bottom: 30px;
  margin: 0px; padding: 10px;
  width: 190px; min-height: 50px;
  background: #323232;
  color: #aaa;
  display: none;
}
.hideaktionhtg {
  margin: -18px 0px 0px 182px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus.png") no-repeat left;
  cursor: pointer;
}
.hideaktionhtg:hover {
  margin: -18px 0px 0px 182px; padding: 0px;
  width: 24px; height: 24px;
  background: url("images/minus_o.png") no-repeat left;
}

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

#box {
  position: fixed;
  right: 280px; bottom: 30px;
  margin: 0px; padding: 0px;
  width: 180px; min-height: 50px;
}
#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: #aaa;
  text-decoration: none;
}
a:hover, a.clickfarbaktion:hover {
	color: #fff;
  text-decoration: none;
}