/* CSS Reset nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	vertical-align: baseline;
}

/* Wichtig für's vertikale Zentrieren! */
html, body
{
	height: 100%;
}

body
{
	background-color: white;
	text-align: center;
	margin: 0 auto;
}

/* Vertikales Zentrieren! */ 
#distance
{ 
	width: 1px;
	height: 50%;
	margin-bottom: -300px; /* half of container's height */
	float: left;
}

/* Gesamter Datenbereich */
#content, #content_start
{
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 1000px;
  clear: left;
}

#content
{
	height: 1000px;
}

/* Farben für Textlinks */
A
{
	color: #A89482
}

A:visited
{
	color: #A89482
}

A:active
{
	color: #555555
}

A:hover
{
  color: #555555
}

/* Floating aufheben - kann man immer mal bringen! */
.antifloat
{
	visibility: hidden;
	clear: both;
}

#container_logo_start
{
	width: 975px;
	height: 180px;
	background: transparent;
	float: left;
}

div#container_logo_start li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_logo_start li a { display: block; text-decoration: none; }
 
#container_di
{
	width: 359px;
	margin-left: 616px;
	height: 20px;
	background: transparent;
	float: left;
}

#container_main_start
{
	width: 975px;
	height: 390px;
	background: transparent;
	float: left;
}

#container_left_start
{
	width: 415px;
	height: 400px;
	margin-left: 10px;
	background: transparent;
	float: left;
}

#container_left_start_top
{
	margin-top: 30px;
	width: 415px;
	height: 262px;
	background: transparent;
	float: left;
}

#container_left_start_bottom
{
	width: 415px;
	height: 79px;
	background: transparent;
	float: left;
	line-height: 20px;
}

#container_right_start
{
	width: 550px;
	height: 390px;
	background: transparent;
	float: left;
}

#container_olli_start
{
	width: 480px;
	height: 334px;
	margin-left: 70px;
	background: transparent;
	float: left;
}

div#container_olli_start li
{
  position: relative;
  list-style: none;
  margin: 0;
  float: left;
  line-height: 1em;
  background-image: url(./images/startseite_olli_455_375.gif);
}

div#container_olli_start li a { display: block; text-decoration: none; }

div#container_olli_start p
{
	margin-bottom: 14px;
}

#container_start_right_links
{
	width: 359px;
	margin-top: 10px;
	height: 15px;
	float: left;
}

#container_start_mehr
{
	width: 415px;
	height: 20px;
	background: transparent;
	float: left;
}

#container_start_mehr_left
{
	width: 232px;
	height: 20px;
	float: left;
}

#container_start_mehr_button
{
	margin-top: 2px;
	width: 135px;
	height: 17px;
	float: left;
}

/* Für den Start-Button */
div#container_start_mehr_button li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_start_mehr_button li:hover { background-position: 50% 100%; }
div#container_start_mehr_button li a { display: block; padding: 0 0 0 0; text-decoration: none; background-position: 50% 0%; }
div#container_start_mehr_button li a:hover { background-position: 50% 100%; }


#container_start_small_links
{
	width: 110px;
	height: 15px;
	margin-left: 249px;
	background: transparent;
	float: left;
}

/* Für den Start-Button auf der rechten Seite */
div#container_start_small_links li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_start_small_links li:hover { background-position: 50% 100%; }
div#container_start_small_links li a { display: block; padding: 0 0 0 0; text-decoration: none; width: 10px; background-position: 50% 0%; }
div#container_start_small_links li a:hover { background-position: 50% 100%; }
 
 
#container_logo
{
	width: 975px;
	height: 180px;
	background-color: white;
	float: left;
}

div#container_logo li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_logo li a { display: block; text-decoration: none; }

#container_left
{
	width: 385px;
	height: 870px;
	margin-right: 175px;
	background: transparent;
	float: left;
}

#container_text_left
{
	width: 375px;
	margin-right: 200px;
	margin-left: 10px;
	float: left;
	line-height: 18px;
}

div#container_text_left a
{
	text-decoration: none;
}

div#container_text_left a:link,
div#container_text_left a:visited,
div#container_text_left a:active
{
	color: #666666;
}

div#container_text_left a:hover
{
	color: orange;
}
 
div#container_text_left li { margin-top: 2px; list-style-type: square; }
div#container_text_left p { margin-bottom: 2px; }

/* Aufzählungen im Textbereich immer 20px einrücken */
/* Damit auch im IE die Folgezeilen eines li-Elementes vernünftig eingerückt werden! */
div#container_text_left ul.aufzaehlung
{
	border-style: none;
	border-left-width: 15px;
	border-left-color: white;
	border-left-style: solid;
} 

#container_left_agb
{
	width: 560px;
	height: 870px;
	background: transparent;
	float: left;
}

#container_text_left_agb
{
	width: 375px;
	height: 780px;
	margin-left: 10px;
	margin-top: 2px;
	float: left;
	line-height: 13px;
}

#container_middle_agb
{
	width: 145px;
	height: 29px;
	float: left;
	padding-top: 753px;
	padding-left: 20px;
}

div#container_middle_agb li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_middle_agb li:hover { background-position: 50% 100%; }
div#container_middle_agb li a { display: block; padding: 0 0 0 0; text-decoration: none; width: 10px; background-position: 50% 0%; }
div#container_middle_agb li a:hover { background-position: 50% 100%; }

#container_text_left_indented
{
	width: 345px;
	margin-left: 30px;
	margin-bottom: 10px;
	float: left;
}

#container_text_left_narrow
{
	width: 325px;
	float: left;
	
}

#container_title_left_darstellung,
#container_title_left_identifikation,
#container_title_left_referenzen,
#container_title_left_leistungen,
#container_title_left_module,
#container_title_left_kontakt,
#container_title_left_impressum_agb,
#container_title_left_team
{
	width: 373px;
	height: 20px;
	margin-right: 200px;
	margin-top: 26px;
	margin-bottom: 38px;
	padding-left: 10px;
	padding-top: 1px;
	border-style: solid;
	border-width: 1px;
	float: left;
	background: transparent;
	border-color: white;
}

#container_navi
{
	width: 135px;
	height: 870px;
	margin-left: 25px;
	background: white;
	float: left;
}

/* Für die Navi-Buttons */
div#container_navi li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_navi li:hover { background-position: 50% 100%; }
div#container_navi li a { display: block; padding: 0 0 0 0; text-decoration: none; width: 10px; background-position: 50% 0%; margin-top: 45px; }
div#container_navi li a:hover { background-position: 50% 100%; }
div#container_navi li.selected a { margin-top: 45px; }
div#container_navi li.selected a:hover { background-position: 50% 0%; }
div#container_navi li.first_selected a { margin-top: 30px; }
div#container_navi li.first_selected a:hover { background-position: 50% 0%; }
div#container_navi li.first_unselected a { margin-top: 30px; }
div#container_navi li.first_unselected a:hover { background-position: 50% 100%; }
div#container_navi li.navi_kontakt a { margin-top: 105px; }
div#container_navi li.navi_kontakt_selected a { margin-top: 105px; }
div#container_navi li.navi_kontakt_selected a:hover { background-position: 50% 0%; }
div#container_navi li.navi_film { margin-top: 75px; margin-right: 5px; }
div#container_navi li.navi_film a { margin: 0; }

 
#container_right
{
	width: 280px;
	height: 870px;
	background-color: white;
	float: left;
}

#container_text_right
{
	margin-top: 28px;
	width: 280px;
	height: 792px;
	background-color: white;
	float: left;
	line-height: 16px;
}

div#container_text_right li { list-style-type: square; }

#container_text_right_title, #container_text_right_less_height, #container_text_right_subtitle, #container_text_right_title_ds
{
	width: 250px;
	margin-left: 20px;
	margin-right: 10px;
	background: transparent;
	float: left;
}

#container_text_right_title
{
	margin-bottom: 20px;
	height: 40px;
}

#container_text_right_title_ds
{
	height: 20px;
}
 
#container_text_right_less_height
{
	line-height: 1.0em;
}

#container_text_right_normal, #container_text_right_kontakt
{
	width: 230px;
	margin-left: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: transparent;
	float: left;
}

#container_text_right_kontakt
{
	height: 200px;
}

div#container_text_right_normal a, #container_text_right_kontakt a
{
	text-decoration: none;
}

div#container_text_right_normal a:link,
div#container_text_right_normal a:visited,
div#container_text_right_normal a:active
{
	color: #666666;
}

div#container_text_right_normal a:hover
{
	color: orange;
}
 
#pclass_kontakt_right_first
{
	height: 15px;
	margin-top: 1px;
	margin-bottom: 15px;
}

#pclass_kontakt_right
{
	height: 15px;
	margin-bottom: 15px;
}

#pclass_kontakt_right_morespace
{
	height: 15px;
	margin-bottom: 45px;
}

div#container_text_right_normal li
{
	margin-top: 1px;
	margin-bottom: 14px;
}
 
#container_hotlinks
{
	width: 160px;
	height: 40px;
	margin-left: 15px;
	margin-top: 115px;
	background: transparent;
	float: left;
}

#container_small_links
{
	width: 85px;
	height: 15px;
	margin-top: 25px;
	margin-left: 21px;
	background: transparent;
	float: left;
}

/* Für die Buttons Impressum, AGB und Startseiten-Olli */
div#container_small_links li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_small_links li:hover { background-position: 50% 100%; }
div#container_small_links li a { display: block; padding: 0 0 0 0; text-decoration: none; background-position: 50% 0%; }
div#container_small_links li a:hover { background-position: 50% 100%; }
div#container_hotlinks li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_hotlinks li:hover { background-position: 50% 100%; }
div#container_hotlinks li a { display: block; padding: 0 0 0 0; text-decoration: none; background-position: 50% 0%; }
div#container_hotlinks li a:hover { background-position: 50% 100%; }



#container_left_referenzen
{
	width: 385px;
	height: 870px;
	background: transparent;
	float: left;
}

#container_referenzen_photo_left
{
	width: 383px;
	height: 256px;
	margin-right: 200px;
	float: left;
	background-image: url(./images/rahmen_leistungen_passkreuze.gif);
	margin-top: 10px;
}

div#container_referenzen_photo_left li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_referenzen_photo_left li a { display: block; text-decoration: none; margin-left: 15px; margin-top: 19px; }

#container_referenzen_weblink_left
{
	width: 385px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

div#container_referenzen_weblink_left a
{
	text-decoration: none;
}

div#container_referenzen_weblink_left a:link,
div#container_referenzen_weblink_left a:visited,
div#container_referenzen_weblink_left a:active
{
	color: #666666;
}

div#container_referenzen_weblink_left a:hover
{
	color: orange;
}
 
#container_referenzen_untertext_left
{
	width: 385px;
	float: left;
	margin-left: 10px;
	margin-top: 155px;
}

#container_referenzen_weblink_left a
{
	text-decoration: none;
}


#container_referenzen_photo_select
{
	width: 65px;
	height: 840px;
	margin-left: 35px;
	margin-right: 75px;
	margin-top: 30px;
	background: transparent;
	float: left;
}

div#container_referenzen_photo_select li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; margin-left: 5px; margin-bottom: 15px; }
div#container_referenzen_photo_select li:hover { background-position: 50% 100%; }
div#container_referenzen_photo_select li a {
	display: block; padding: 0 0 0 0; text-decoration: none; width: 10px; background-position: 50% 0%; }
div#container_referenzen_photo_select li a:hover { background-position: 50% 100%; }


/* -------------------------------------- */
/* Tabellen-Layout für Referenzen-Seite */
/* -------------------------------------- */

#container_kundentable
{
	background: transparent;
	width: 250px;
	margin-left: 20px;
	margin-right: 10px;
	float: left;
	overflow: auto;
	margin-top: 2px;
}

div#container_kundentable a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#container_selected_row,
#container_unselected_row
{
}

div#container_selected_row a:link,
div#container_selected_row a:visited,
div#container_selected_row a:active
{
	color: #FF7F00;
}

div#container_unselected_row a:link,
div#container_unselected_row a:visited,
div#container_unselected_row a:active
{
	color: #666666;
}

#td_data
{
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	height: 13px;
	line-height: 13px;
}

#td_data:hover
{
	border-style: solid;
	border-color: white;
	border-width: 1px;
 	color: lightgrey;
 	height: 11px;
 	line-height: 11px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

#td_space
{
	overflow: hidden;
	height: 15px;
}

div#container_kundentable table
{
	width: 250px;
	background: transparent;
	border-spacing: 0px;
}
 

/* ------------------------ */
/* Alles für's Mailformular */
/* ------------------------ */

form
{
	font-family: Verdana,  Tahoma,  Arial,  Helvetica,  Sans-serif;
 	font-size: 10pt;
 	color: #FFFFFF;
}

fieldset
{
	border: 0px;
	width: 280px;
}

#container_left_kontaktlabel, #container_left_kontaktlabel_nachricht
{
	margin-top: 3px;
 	margin-bottom: 3px;
	width: 20px;
 	border: 1px solid #CCCCCC;
 	display: block;
 	position: absolute;
 	color: white;
 	background: transparent;
 	z-index: 4;
}

#container_left_kontaktlabel_nachricht
{
	margin-top: 2px;
}

.kontaktdaten label, .empfehlungsdaten label
{
	font-size: 0.8em;
 	margin-top: 2px;
 	vertical-align: middle; 
 	position: absolute;
 	display: block;
	width: 80px;
 	padding-left: 10px;
 	padding-top: 1px;
 	padding-bottom: 3px;
 	margin-left: 15px;
 	background-color: #FF7F00;
 	z-index: 3;
}

.empfehlungsdaten label
{
	width: 120px;
}
 
.kontaktdaten input, .empfehlungsdaten input
{
	font-family: Verdana;
	font-size: 0.8em;
 	position: relative;
 	margin-top: 2px;
 	padding-top: 3px;
 	padding-bottom: 4px;
 	width: 260px;
 	margin-left: 110px;
 	border: 1px solid #CCCCCC;
 	color: #FF7F00;
 	padding-left: 3px;
 	z-index: 2;
}

.empfehlungsdaten input
{
 	width: 220px;
 	margin-left: 150px;
}

.anfrage, .empfehlung
{
	margin-top: 1px;
}

.anfrage label, .empfehlung label
{
	font-size: 0.8em;
	position: absolute;
 	margin-top: 1px;
 	margin-left: 15px;
	display: block;
	width: 80px;
 	padding-left: 10px;
 	padding-top: 1px;
 	padding-bottom: 3px;
 	background-color: #FF7F00;
 	z-index: 3;
} 

.empfehlung label
{
	width: 120px;
}

div#container_nachricht
{
	width: 375px;
	height: 166px;
 	z-index: 2;
}
 
div#container_nachricht_space, div#container_empfehlung_space
{
	width: 110px;
	height: 166px;
	background: transparent;
	float: left;
}

div#container_empfehlung_space
{
	width: 150px;
}
 
div#container_nachricht_right, div#container_empfehlung_right
{
	margin-top: 1px;
	width: 265px;
	height: 165px;
	background: url('./images/kontaktrahmen.gif') no-repeat;
	float: left;
}
 
div#container_empfehlung_right
{
	width: 225px;
	background: url('./images/kontaktrahmen_interesse.gif') no-repeat;
}

div#container_nachricht_right textarea, div#container_empfehlung_right textarea
{
	font-family: Verdana;
	font-size: 0.8em;
	overflow: auto;
	width: 259px;
	height: 160px;
 	border: 1px solid transparent;
	color: #FF7F00;
 	margin-top: 1px;
 	margin-left: 2px;
 	margin-right: 1px;
 	padding-top: 1px;
 	padding-left: 1px;
}

div#container_empfehlung_right textarea
{
	width: 219px;
}

#d-reset, #d-submit, #d-reset_empfehlen
{
	border: none;
	background-color: transparent;
	position: relative;
	margin-top: 5px;
	width: 135px;
	height: 15px;
	text-decoration: none;
}

#d-reset
{
	left: 95px;
	background: url('./navigation/loeschen_hover.gif') no-repeat;
	background-position: 50% 100%;
}

#d-reset_empfehlen
{
	left: 135px;
	background: url('./navigation/loeschen_hover.gif') no-repeat;
	background-position: 50% 100%;
}

#d-submit
{
	left: 115px;
	background: url('./navigation/senden_hover.gif') no-repeat;
	background-position: 50% 100%;
}

#d-submit:hover, #d-reset:hover, #d-reset_empfehlen:hover
{
	background-position: 50% 0%;
}

div#container_empfehlung
{
	margin-left: 110px;
	margin-top: 50px;
}

div#container_empfehlung li { position: relative; list-style: none; margin: 0; float: left; line-height: 1em; }
div#container_empfehlung li:hover { background-position: 50% 100%; }
div#container_empfehlung li a { display: block; padding: 0 0 0 0; text-decoration: none; background-position: 50% 0%; }
div#container_empfehlung li a:hover { background-position: 50% 100%; }