/******************************
* Dokument
******************************/
body{
  background:#FFFFFF;
  color:#000000;
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-family:Arial,Helvetica,sans-serif;
}

/******************************
* Links
******************************/
a:link{
  color:#5B5B5B;
  background-color:transparent;
  text-decoration: none;
  font-weight: bold;
}
a:visited{
  color:#708090;
  background-color:transparent;
  text-decoration: none;
  font-weight: bold;
}
a:active{
  color:#000000;
  background-color:transparent;
  font-weight: normal;
}
a:hover{
  color:#bb0231;
  text-decoration: normal;
  font-weight: normal;
}

/******************************
* Seitenstruktur
******************************/

#pixlie-container-gesamt{
	width:800px;
	margin-left:0px;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color:#ffffff;
}



#joachimblank{
	position:fixed;
	top:25px;
	left:30px;
	width:128px;
	height:auto;
	background-color:#ffffff;
	color:#ffffff;
	padding:0px;
	margin:0px;	
}


#works{
	 position:fixed;
	  top:60px; 
	  left:30px; 
	  width:auto; 
	  height:auto;
 	background-color:#ffffff;
	color: #000000;
	padding:0;
	margin:0;
	
}

#works0508{
	position:fixed;
	top:74px;
	left:30px;
	width:auto;
	height:10px;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}



#works9304{
	position:fixed;
	top:88px;
	left:30px;
	width:auto;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}


#pfad-0508{
	position:absolute;
	top:77px;
	left:130px;
	width:auto;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}

#seitenmenucontainer{
	position:fixed;
	top:220px;
	left:30px;
	width:200px;
	height:auto;;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}

#seitenmenucontainerunten{
	position:fixed;
	top:272px;
	left:30px;
	width:200px;
	height:auto;;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}


#seitenmenucontainer9304{
	position:fixed;
	top:220px;
	left:30px;
	width:200px;
	height:auto;;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}

#seitenmenucontainerunten9304{
	position:fixed;
	top:272px;
	left:30px;
	width:200px;
	height:auto;;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}

#projects{
	position:fixed;
	top:102px;
	left:30px;
	width:auto;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}

#texts{
	position:fixed;
	top:116px;
	left:30px;
	width:auto;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}


#about{
	position:fixed;
	top:130px;
	left:30px;
	width:auto;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}

#contact{
	position:fixed;
	top:144px;
	left:30px;
	width:auto;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	margin:0px;
}


#aboutmain{
	position:absolute;
	top:135px;
	left:162px;
	width:auto;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding-right:50px;
	padding-bottom: 50px;
}


#main9304{
	position:absolute;
	top:72px;
	left:260px;
	width:500px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}



#projectsmain{
	position:absolute;
	top:101px;
	left:162px;
	width:auto;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding-right:50px;
	padding-bottom: 50px;
}


#textsmain{
	position:absolute;
	top:119px;
	left:162px;
	width:auto;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding-right:50px;
	padding-bottom: 50px;
}



#contactmain{
	position:absolute;
	top:147px;
	left:162px;
	width:auto;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding-right:50px;
	padding-bottom: 50px;
}


#pixlie-container-main-liste{
	position:absolute;
	top:86px;
	left:260px;
	width:700px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}


#container-main-liste-9304{
	position:absolute;
	top:98px;
	left:260px;
	width:500px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#pixlie-inhalt-liste{
  float: left;
  width:700px;
 /* border-left:1px solid #E4E4E4;*/
  background-color:#ffffff;
}

#pixlie-inhalt-liste-9304{
  float: left;
  width:auto;
 /* border-left:1px solid #E4E4E4;*/
  background-color:#ffffff;
}


#container-main-vorschau{
  position:absolute;
  top:86px;
  left:260px;
  width:500px;
 
}

#container-main-vorschau-9304{
  position:absolute;
  top:98px;
  left:260px;
  width:500px;
 
}

#pixlie-inhalt-vorschau{
  text-align:left;
  width:690px;
   background-color:#ffffff;
}



#copyright{
  position: relative; 
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 0.5em;
  padding-top:0px;
  margin-top:0px; /* Wird benötigt für ie5.5 */
  margin-left:10px;
  margin-right:10px;
  background-color:#ffffff;
  color:#CCCCCC;
  text-align:right;
}

/******************************
* Überschriften
******************************/
h1,h2,h3{
  text-align:left;
}

h1{
  clear: both;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 150%;
  margin:0px 10px 0px 33px;
  padding-top:60px;
}

h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin:0px 0px 0px 0px;
  padding-top: 10px;
}

/* hier werden die Abstände des works kästchens definiert */

#pixlie-seitenleiste h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin:0px 0px 0px 20px;
  padding: 0px;
}

h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0;
  margin: 0px 0px 0px 15px;
  padding-top:4px;
}

/******************************
* Textformatierungen
******************************/
p{
  margin:0px 0px 0px 0px;
  line-height:auto;
  font-size:75%;
  text-align: left;
}

#pixlie-seitenleiste p{
  margin:0px 35px 15px 35px;
  line-height:175%;
  font-size:70%;
  text-align:right;
}

.pixlie-pfad{
  font-family: times, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  text-align: ; 
  padding: 0px 0px 0px 0px;
}

.pfad{
  font-family: verdana, arial, sans-serif;
  font-size: 0.6em;
  color:#bb0231;
  text-align:left; 
  padding: 0px 0px 0px 0px;
}

.text{
  font-family:verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  color:#000000;
  text-align:left; 
  padding: 0px 0px 0px 0px;
}


.textpfad{
  font-family: verdana, arial, sans-serif;
  font-size: 0.6em;
  color:#CC0000;
  text-align:left; 
  padding: 0px 0px 0px 0px;
}


.textrot{
  font-family:verdana, Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  color:#bb0120;
  text-align:left; 
  padding: 0px 0px 0px 0px;
}


/******************************
* Sonstiges
******************************/

/* Vermeidet Linien um Bilder */
img{
  border:0;
}

/******************************
* Auflistung der Thumbnails
******************************/
.pixlie-container-bilderliste{
  padding: 0px 0 0px 0px;
  margin-left: auto;
  margin-right: auto;
}

.pixlie-bilderliste{
  list-style-type: none;
  padding: 0 0 0px 0;
  margin: 0;
}

/* Rahmen um jedes Bild */
.pixlie-bilderliste li{
  float: left;
  display: inline;
  margin: 0px 0 30px 0px;
  padding:0;
  width: 160px;
  height: 120px;
}

.pixlie-bilderliste li a{
  text-decoration: none;
}

.pixlie-bilderliste li p{
  padding: 0;
  margin: 0;
}

.pixlie-bilderliste li img{
  border: 1px solid #DCDCDC;
  padding: 0px;
  background: transparent;
}

.pixlie-bilderliste li a:hover img{
  border: 1px solid #aaaaaa;
}

.pixlie-seiteninfo{
  text-align: right;
  padding-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding: 0;
  margin: 0px 0px 0px 0px;
}

.pixlie-seitenzahlen{
  padding-top:30px;
  text-align:right;
}

/******************************
* Anzeigen eines Vorschaubildes
******************************/
#pixlie-bildhalter{
  background: url('pixlieloader.gif') 50% 50% no-repeat;
}

#pixlie-vorschaubild {
  background: transparent;
}

#pixlie-vorschaubild-rahmen img{
  border:0px solid #dcdcdc;
  padding:0px;
  margin:0px 0px 0px 0px;
  
}

#pixlie-vorschaubild-rahmen a:hover img{
  border:1px solid #aaaaaa;
}

/******************************
* Ende des Stylesheets
******************************/