/* css für Website www.dagmar-servas.de */

  /* (de) Alle Schriftgroessen auf Standardgroesse (16 Pixel) zuruecksetzen */
html * { font-size: 100.01% }

  /* (de) Basis-Layout erhaelt Standardschriftgroesse von 12 Pixeln */
  
body {
	font-family: Times New Roman, Times, serif;
	font-size: 78.00%;
	color: #000;
	background-color: #969696;
	/* background-image: url(pics/bg-pixel.gif);
	background-position: top;
	background-repeat: repeat; */
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;	
	color: #000;
	margin: 0;
}

h1 { font-size: 24px;
  	letter-spacing: 4px;
	padding: 42px 0px 0px 0px;}                        /* 24px */
h2 { font-size: 16px; color:#fff;
  letter-spacing: 4px;
	padding: 0px 0px 0px 0px;
	font-family: Times New Roman, Times, serif;}       /* 24px */
h3 { font-size: 150% }                        			/* 18px */
h4 { font-size: 133.33% }                     			/* 16px */
h5 { font-size: 116.67% }                     			/* 14px */
h6 { font-size: 116.67%; font-style:italic }  			/* 14px */
* { padding: 0; margin: 0; }

a {
	color: White;
	text-decoration: none;
}
a:hover {
	color: Black;	
}

p {
	line-height: 1.5em;
	font-size: 11px;
	padding: 0px 0 12px 0;
}
p.klein {
	font-size: 9px;
	padding-top: 5px;
}

/*Hier Abstand nach oben verringern, wenn weitere Links hinzugefügt werden*/
p.haftung {
	font-size: 9px;
	padding-top: 82px;
}
/*ENDE - Hier Abstand nach oben verringern, wenn weitere Links hinzugefügt werden*/

ul {
	list-style: none;
	padding: 0 0 10px 0;
}
ul li {
	padding: 0 0 0px 0;
}

ul li ul li {
	padding: 0 0 0px 48px;
}
.color{
	color: #c0c0c0;
}

dl {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
dd {
	padding: 0px 0 0 0;
	font-size: 75%;
}

dt {
	
}

#wrapper { 
margin: 30px auto;
 width: 945px;
 height: 599px;
 background-color: #c0c0c0;
	
	/* ----------horizontale und vertikale Zentrierung der Box-------------- 
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -473px; /* Hälfte der Breite 
 margin-top: -299px;  /* Hälfte der Höhe */
 
 
}

/* ----------bg Inhalt grau #c0c0c0-------------- */
#faux_1 {
	background: #c0c0c0;
	margin: 0 auto;
	width: 945px;
	height: 357px;
}

/* ----------bg Inhalt schwarz-------------- */
#faux_2 {
	background: #000;
	margin: 0 auto;
	width: 945px;
	height: 357px;
}

/* ----------bg Header lila-------------- */
#header_1 {
 width: 945px;
 padding: 0px;
 height: 121px;
 margin: 0px 0px 0px 0px;
 background: #1fb7e9; /* ----------hier die Hintergrundfarbe ändern-------------- */
 text-align: center;
}

/* ----------bg Header grau-------------- */
#header_2 {
 width: 945px;
 padding: 0px;
 height: 121px;
 margin: 0px 0px 0px 0px;
 background: #c0c0c0; /* ----------hier die Hintergrundfarbe ändern-------------- */
 text-align: center;
}
/* ----------bg Header orange-------------- */
#header_3 {
 width: 945px;
 padding: 0px;
 height: 121px;
 margin: 0px 0px 0px 0px;
 background: #fd7d1f; /* ----------hier die Hintergrundfarbe ändern-------------- */
 text-align: center;
}

/* ----------bg Header schwarz-------------- */
#header_4 {
 color: #fff;
 width: 945px;
 padding: 0px;
 height: 121px;
 margin: 0px 0px 0px 0px;
 background: #000; /* ----------hier die Hintergrundfarbe ändern-------------- */
 text-align: center;
}

/* ----------bg Header helles orange-------------- */
#header_5 {
 width: 945px;
 padding: 0px;
 height: 121px;
 margin: 0px 0px 0px 0px;
 background: #f6d300; /* ----------hier die Hintergrundfarbe ändern-------------- */
 text-align: center;
}

/* ----------bg Header helles türkis-------------- */
#header_6 {
 width: 945px;
 padding: 0px;
 height: 121px;
 margin: 0px 0px 0px 0px;
 background: #ccffff; /* ----------hier die Hintergrundfarbe ändern-------------- */
 text-align: center;
}

/* ----------Portfolio Icons Positionierung-------------- */
#portfolio_1 {
	height: 88px;
	width: 945px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 75%;
}

#portfolio {
	height: 63px;
	width: 945px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 75%;
}

.img_position_1a {
	position: relative;
	padding: 25px 0px 0px 95px;
	float: left;
	width: 220px;
}

.img_position_1b {
	position: relative;
	padding: 25px 0px 0px 57px;
	float: left;
	width: 258px;
}

.img_position_1c {
	position: relative;
	padding: 25px 0px 0px 20px;
	float: left;
	width: 275px;
}

.img_position_2a {
	position: relative;
	padding: 0px 0px 0px 135px;
	float: left;
	width: 180px;
}

.img_position_2b {
	position: relative;
	padding: 0px 0px 0px 98px;
	float: left;
	width: 217px;
}

.img_position_2c {
	position: relative;
	padding: 0px 0px 0px 60px;
	float: left;
	width: 255px;
}

.img_position_3a {
	position: relative;
	padding: 0px 0px 0px 175px;
	float: left;
	width: 140px;
}

.img_position_3b {
	position: relative;
	padding: 0px 0px 0px 138px;
	float: left;
	width: 177px;
}

.img_position_3c {
	position: relative;
	padding: 0px 0px 0px 100px;
	float: left;
	width: 215px;
}
.img_position_4a {
	position: relative;
	padding: 0px 0px 0px 215px;
	float: left;
	width: 100px;
}

.img_position_4b {
	position: relative;
	padding: 0px 0px 0px 178px;
	float: left;
	width: 137px;
}

.img_position_4c {
	position: relative;
	padding: 0px 0px 0px 140px;
	float: left;
	width: 175px;
}
	
.img_position_5a {
	position: relative;
	padding: 0px 0px 0px 255px;
	float: left;
	width: 60px;
}

.img_position_5b {
	position: relative;
	padding: 0px 0px 0px 218px;
	float: left;
	width: 97px;
}

.img_position_5c {
	position: relative;
	padding: 0px 0px 0px 180px;
	float: left;
	width: 135px;
}
/* ----------Ende Portfolio Icons Positionierung-------------- */

.oben {
	position: absolute;
	margin: 40px /*400px*/560px;	
}

.oben_news {
	position: absolute;
	margin: 10px 30px;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 40px;
 height: 357px;
 float: left;
 text-align: left;
}

#leftcolumn_content { 
 display: inline;
 color: #333;
 margin: 80px 25px 0px 30px;
 padding: 0px;
 width: 415px;
 float: left;
 text-align: left;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
  
 background-color: #c0c0c0;
}

#leftcolumn_content-mit-foto { 
 display: inline;
 color: #333;
 margin: 120px 25px 0px 30px;
 padding: 0px;
 width: 415px;
 float: left;
 text-align: left;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

#content {
 float: left; 
 color: #333;
 margin: 0px;
 padding: 0px;
 background-color: Lime;
 width: 865px;
 height: 357px;
}

#contentPortfolioStart { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 945px;
 display: inline;
 }

#content_start {
 float: left; 
 color: #333;
 margin: 0 149px !important; margin: 0 95px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 padding: 0px;
 width: 566px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
 text-align: center;
}

#content_1_hochformat {
 float: left; 
 color: #333;
 margin: 0px 328px !important; margin: 0px 179px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 padding: 0px;
 width: 209px; /*---Breite der Fotos plus Werte margin-right---*/
 height: 357px;
}

#content_2_hochformat {
 float: left; 
 color: #333;
 margin: 0px 223px !important; margin: 0px 132px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 padding: 0px;
 width: 418px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
}

#content_3_hochformat {
 float: left; 
 color: #333;
 margin: 0px 119px !important; margin: 0px 0px 0 80px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 padding: 0;
 width: 627px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
}

#content_1_querformat {
 float: left; 
 color: #333;
 padding: 0 0 0 0;
 margin: 0px 244px !important; margin: 0px 142px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 width: 377px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
}

#content_2_querformat {
 float: left; 
 color: #333;
 padding: 0 0 0 0;
 margin: 0px 55px !important; margin: 0px 48px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 width: 754px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
}

#content_1_querformat_2 {
 float: left; 
 color: #333;
 margin: 0px 265px !important; margin: 0px 48px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 padding: 0px;
 width: 335px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
}

#content_2_querformat_2 {
 float: left; 
 color: #000;
 margin: 0px 97px !important; margin: 0px 68px; /*---Gesamtbreite div minus Wert width geteilt durch 2---*/
 padding: 0px;
 width: 670px; /*---Breite der Fotos plus Werte padding links und rechts---*/
 height: 357px;
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0;
 width: 40px;
 float: right;
}

#rightcolumn_content { 
 color: #333;
 margin: 80px 30px 0px 30px;
 padding: 0px;
 width: /*415px*/380px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size: 11px;
  float: right;
 text-align: left; 
 display: inline;
}

#rightcolumn_content-mit-foto { 
 color: #333;
 margin: 120px 30px 0px 30px;
 padding: 0px;
 width: 415px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
  float: right;
 text-align: left;
 
 display: inline;
}

#footer { 
 width: 945px;
 clear: both;
 color: #333;
 background: #969696;
 margin: 0 auto;
 padding: 63px 0px 0px 0px;
 height: 58px;
 text-align: center;
}

#footer_2 { 
 width: 945px;
 clear: both;
 color: Gray;
 background: #000;
 margin: 0px auto;
 padding: 63px 0px 0px 0px;
 height: 58px;
 text-align: center;
}

img.pfeil-l {
	position: absolute;
	margin: 147px 0 0 5px;
	border: none;
	
}
img.pfeil-r {
	position: absolute;
	margin: 147px 0px 0 0px;
	border: none;
}

img {
	padding: 0 0 0px 0;
	border: none;
}

.clear { clear: both; background: none; }

/*---menue Hintergrund grau---*/
ul.menue {
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px 0 0 0;
}

ul.menue li {
	display: inline;
	color: Black;
}

ul.menue li a {
	color: White;
	text-decoration: none;
	background-image: url(pics/pixel.gif);
	padding: 2px 15px 2px 3px;
	margin: 0;
	font-family: Times New Roman, Times, serif;
	background-repeat: repeat-y;
	font-size: 12px;
	background-position: inherit;
	
	letter-spacing: 4px;
}

ul.menue li a:hover {
	color: Black;	
}

ul.menue li a.aktiv {
	color: Black;
}

ul.menue li a.aktiv_portfolio {
	color: Black;
	background-image: url(pics/pixel-akt.gif);
	background-repeat: repeat-y;
	
}

/*---menue Hintergrund schwarz---*/
ul.menue_2 {
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px 0 0 0;
}

ul.menue_2 li {
	display: inline;
	padding: 2px 15px 2px 3px;
	margin: 0;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	letter-spacing: 4px;
}

ul.menue_2 li a {
	color: #ffffff;
	text-decoration: none;
}

ul.menue_2 li a:hover {
	color: gray;	
}

ul.menue_2 li a.aktiv2 {
	color: gray;
	background-image: url(pics/pixel-akt.gif);
	background-repeat: repeat-y;
}

/* ----------Fotos Querformat-------------- */
dl.quer {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 63px 10px 0 10px;
}

dl.quer dt {
	display: inline; 
}

dl.quer dd {
	text-align: center; 
}

/* ---------- Fotos Hochformat-------------- */
dl.hoch {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 42px 10px 0 10px;
}

dl.hoch dt {
	display: inline; 
}

dl.hoch dd {
	text-align: center; 
}


/* ----------bg Inhalt scrollbar-------------- */

#faux_3 {
	background: #c0c0c0;
	margin: 0 auto;
	width: 945px;
	height: 357px;
	overflow: auto;
	visibility: visible;
}

#leftcolumn_content_3 { 
 display: inline;
 color: #333;
 margin: 80px 25px 0px 50px;
 padding: 0px;
 width: 400px;
 float: left;
 text-align: left;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #c0c0c0;
}

/* ----------ENDE bg Inhalt scrollbar-------------- */