html, body {
height: 100%;
}

body {
margin: 0px;
*text-align: center; /* horizontal centering for IE Win quirks */
background-color: rgb(250,250,250);
background-image: url(../images/spalte.gif);
background-repeat:repeat-y;
font-family: 'HelveticaNeueW01-55Roma', Helvetica, Verdana, Arial, sans-serif;
}

img {
border: 0px;
}

#mti_wfs_colophon {
width: 2px; 
height: 2px; 
}




/*--------------------- layout -----------------------------*/

#spalte-links {
position: fixed;
top: 0px; 
left: 0px;
width: 312px;
height: 91%;
/*border: 1px solid red;*/
min-height: 720px;

}


#spalte-rechts {
width: auto;
height: 91%;
min-height: 720px;
min-width: 900px;
margin-left: 320px;


}

#height_right, #height_left {
width:10px;
height:50%;
/*background-color:#000;*/
/*margin-bottom:-120px;  schiebt den folgenden Container wieder nach oben */
float:left;
min-height: 400px;
}


#content {
width: 786px;
margin: 162px auto 0px auto;
padding: 0 0 0 30px;
/*border: 1px solid blue;*/
position: relative;
clear: left;
*text-align:left; /*IE-Win macht sonst de Texte wie oben angegeben mittig*/
} 

#kopfzeile, #kopfzeile_en {
position: absolute; 
top: 57px; 
left: 33px; 
color: #fff; 

}

#kopfzeile a {
text-decoration: none;
color: #fff; 
font-size: 19px;
letter-spacing: 1px;
/*font-family:'HelveticaNeueW01-45Ligh';*/

}

#kopfzeile_en a {
text-decoration: none;
color: #fff; 
font-size: 17px;
letter-spacing: 1px;
/*font-family:'HelveticaNeueW01-45Ligh';*/
}


/*--------------------- startseite ------------------------*/

#height_right.HDStart
{
margin-bottom:-165px;
}

#height_left.HDStart 
{
margin-bottom:-105px; /* schiebt den folgenden Container wieder nach oben */
}

#content.HDStart 
{
width: 710px;
}

#content.HDStart p
{
width: 710px;
margin: 12px 0 0 0;
font-size: 13px;
line-height: 23px;
color: rgb(99,119,135);
}

#content.HDStart a
{
text-decoration: none;
}

.startserie-b, .startserie-c {

margin: 0 0 0 13px;

}

.startserie-a, .startserie-b, .startserie-c
{
padding-bottom: 20px;
}
/*--------------------- kategorieseite --------------------*/

#content.HDKategorie {
text-align: center; 
min-width: 1100px;
padding: 0px 0 0 20px;
}

#height_right.HDKategorie
{
margin-bottom:-165px;
}

#height_left.HDKategorie 
{
margin-bottom:-105px; /* schiebt den folgenden Container wieder nach oben */
}

#wrapper
{
	width: auto; 
	margin:  0 auto 0 auto; 
}

.serienuebers {
/*float: left;*/
display: inline-block; 
height: 185px;
width: 150px;
}

/*--------------------- einzelseite ------------------------*/

#height_right.HDSeite, #height_right.HDSeiteLast, #height_right.HDSeiteFirst
{
margin-bottom:-225px;
}

#height_left.HDSeite, #height_left.HDSeiteLast, #height_left.HDSeiteFirst
{
margin-bottom:-280px; /* schiebt den folgenden Container wieder nach oben */
}

/*--------------------- textseite ------------------------*/

#height_right.HDTextseite, #height_right.HDKontaktseite, #height_right.ErrorPage
{
margin-bottom:-300px;
}

#height_left.HDTextseite, #height_left.HDKontaktseite, #height_left.ErrorPage
{
margin-bottom:-105px; /* schiebt den folgenden Container wieder nach oben */
}

#content.HDTextseite, #content.HDKontaktseite, #content.ErrorPage {

width: 600px;
}

/*--------------------- classes -------------------*/


.head {
margin: 0 0 20px 0;
}


.bild {
margin: 0 20px 3px 0;
float: left;
/*border: 1px solid brown;*/
}


.bild a img, .serienuebers a img {
/*hellgrauer Rahmen um alle Bilder */
border: 1px solid rgb(245,245,245); 
}

.neu, .new {
background-image: url(../images/juengste.gif);
background-repeat:no-repeat;
background-position: bottom left;
}

.neu:hover {
background-image: url(../images/neue-arbeit-over.gif);
background-repeat:no-repeat;
background-position: bottom left;
}

.new:hover {
background-image: url(../images/new-work-over.gif);
background-repeat:no-repeat;
background-position: bottom left;
}


.preload neu {

background-image: url(../images/juengste_over.gif);
display: none;

}

div.preload { 

display:none 

}

/*------------------ bildunterschrift --------------------*/

#bu, #bu-static {
clear: left;
width: 650px;
height: 30px; 
/*border: 1px solid red;*/
padding: 0 0 0 25px;
background-image: url(../images/info.gif);
background-repeat:no-repeat;
background-position: top left;
font-size: 11px; 
font-family: 'HelveticaNeueW01-55Roma', Helvetica Neue, Helvetica, Verdana, Arial, Helvetica, sans-serif; 
line-height: 17px;
letter-spacing: 1px;
}

#bu-static {
background-image: url(../images/info_over.gif);
}

#bu:hover {
background-image: url(../images/info_over.gif);
}

#bu span p {
visibility: hidden
}

#bu:hover span p {
visibility: visible;
}

#bu span.preload_bu {
background-image: url(../images/info_over.gif);
display:none;
}

#bu p {
width: 600px; 
}

/*---------------------- vor zurueck -------------------------------*/


#vorzurueck {
float: right; 
height: 25px; 
width: 70px; 
/*border: 1px solid red; */
}

.zurueck, .vor {
background-repeat: no-repeat;
background-position: 0 -2px;
display: block;
width: 22px; 
height: 21px; 
/*border: 1px solid brown; */
float: left;
}

.zurueck {
background-image: url(../images/zurueck.png);
}

a.zurueck:hover {
background-image: url(../images/zurueck_over.png);
}

.vor {
background-image: url(../images/vor.png);
}

a.vor:hover {
background-image: url(../images/vor_over.png);
}
/*---------------------- menue positionen --------------------------*/

#menue {

/*border: 1px solid green;*/
position: relative;
top: 0px; 
left: 0px;
text-align:left;
width: 280px; 
}

#menue.HDSeite, #menue.HDSeiteLast, #menue.HDSeiteFirst, #menue.HDTextseite, #menue.HDKontaktseite, #menue.ErrorPage {
margin: 170px 0 0 35px;
}

#menue.HDPage {
margin: 170px 0 0 35px;
}

#menue.HDKategorie {
margin: 170px 0 0 35px;
}

#menue.HDStart {
margin: 170px 0 0 35px;
}


/*---------------------- menue listen --------------------*/

#menue a {
text-decoration: none;
font-size: 12px;
letter-spacing: 1px;

}

#menue a {
color: rgb(54,68,88);
}

#menue a:hover, #menue a.current, #menue a.section {
color: rgb(214,66,37);
}

#menue ul {
/*border: 1px solid black;*/
margin: 0px;
padding: 0px; 
list-style: none;
width: 150px;
}

#menue ul.e1 {
float: left; 
}

#menue ul.thumbnails {
width: 91px; 
margin: 5px 30px 0 0; 
float: right;
}

#menue li {

display: block;
/*border: 1px solid red;*/
height: 13px; 
width: 125px;
padding: 0px 0 8px 0;
list-style: none;
}

#menue li.e2 {

display: block;
/*border: 1px solid red;*/
height: auto; 
padding: 0;

}

#menue ul.e2 {
margin: 20px 0 20px 40px;
}

#menue li.e3 {

display: block;
/*border: 1px solid red;*/
height: 40px; 
width: 90px;
padding: 0px 0 10px 0;

}


/*------------------ footer & Lang-Switch --------------------------*/

#footer {
position: fixed; 
bottom: 0px; 
padding-left: 35px;
width: 250px;
height: 28px;
padding-top: 10px;
text-decoration: none;
font-size: 11px;
color: rgb(132, 141, 151);
letter-spacing: 1px;
background-color: rgb(220,220,220);
font-family: 'HelveticaNeueW01-55Roma', Helvetica, Verdana, Arial, sans-serif;
}


.hidden {

visibility: hidden;
text-decoration: none;

}

#footer *
	{
		font-family: 'HelveticaNeueW01-55Roma', Helvetica, Verdana, Arial, sans-serif;
	}

#footer a {
text-decoration: none;
font-size: 11px;
color: rgb(132, 141, 151);
}

#footer a:hover {
color: rgb(54, 68, 88);
}

.deutsch, .english {
/*color: rgb(54, 68, 88);*/
color: rgb(102, 111, 121);
}

.deutsch_curr, .english_curr {
/*color: rgb(214,66,37);*/

}

.trenner {

}


a.impressum {

}

a.impressum:hover {


}

a.imprint {

}

a.imprint:hover {

}

.white {
color: #fff;
}

/* photographer-bremen.de */

#desc 
	{
		height: auto; 
		width: 200px; 
		margin-top: 75px; 
		float: left; 		

	}
	
	#desc h1 
		{
			font-size: 13px;
			line-height: 23px;
			font-family: 'HelveticaNeueW01-55Roma', Helvetica, Verdana, Arial, sans-serif;
			font-style: normal;
			font-weight: 400;
			color: rgb(54, 68, 88);
		}
		
#spalte-rechts-fsc
{
	width: auto;
	height: 100%;
	min-height: 720px;
	min-width: 900px;
	margin-left: 310px;
	
	/*
	background-image: url(file://localhost/Volumes/fastwork/Projekte/drw/001_hd_haukedressler.com/11.%20www/photographer-bremen.de/Windrad_fullscreen_1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
	-webkit-background-size: cover;
 	 -moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	*/
}

#fsc-img
	{
		/* Set rules to fill background */
		  min-height: 100%;
		  min-width: 1024px;
	
		  /* Set up proportionate scaling */
		  width: 100%;
		  height: auto;
	
		  /* Set up positioning */
		  position: fixed;
		  top: 0;
		  left: 310px;
	}