/* ==============================================
  * WEBDESIGN COFFEETALKS.DE
  * Styles Domain www.nagelmueller-hgs.de
  * CSS - Main Stylesheet - Version 1.0
  * Modified by Thomas M. Liebscher on 13/01/2008
  * =============================================
*/

/*                              NAGELMUELLER-HGS.de
  * |-----------------------------------------------------------------------------|
  * |                            #ContentContainer                                |  
  * ||---------------------------------------------------------------------------||
  * ||                                                                           ||  
  * ||                               #header                                     ||  
  * ||                                                                           ||  
  * ||---------------------------------------------------------------------------||
  * ||                           #navigation-gold                                ||  
  * ||---------------------------------------------------------------------------||
  * ||                             #statuszeile                                  ||  
  * ||---------------------------------------------------------------------------||
  * ||                                                                           ||  
  * ||                               #menu-all                                   ||  
  * ||                                                                           ||  
  * |||                      |                         |                        |||
  * |||     #menu-left       |      #menu-middle       |      #menu-right       |||
  * |||                      |                         |                        |||
  * |||                      |                         |                        |||
  * |||                      |                         |                        |||
  * |||                      |                         |                        |||
  * |||-------------------------------------------------------------------------|||
  * |||                              #footer-menu                               |||  
  * |||-------------------------------------------------------------------------|||
  * |                                                                             |  
  * |                            #footer-website                                  |  
  * |                                                                             |  
  * |-----------------------------------------------------------------------------|
*/

html, body { 
	font: 100.01%/1.5 "Helvetica", "Geneva", "Arial", sans-serif;
	margin:0; padding:0;
}
body {
background:#ababab url(../HGS-Media/Grafiken/Background/HGS_bg-body.gif) repeat-x;
}

#content_container {
	position:relative;
	width:43.75em; min-height:38em;
	background-color:#cccccc;
	padding:0.1em;
    border-top:0.06em solid #9a0034;
    border-right:0.06em solid #000000;
    border-bottom:0.06em solid #000000;
    border-left:0.06em solid #9a0034;
    margin-top:1em;
    margin-left:auto;
   	margin-right:auto;
}

#footer-website {
	bottom:0;
    background:#ababab;
    text-align:center;
    padding:0.63em;
    width:42.75em;
    border:0;
    margin-left:auto;
   	margin-right:auto;
   	margin-top:0.2em;
}

.nofloat { 
	clear: both;
	float: none;
	height:0;
	line-height:0px;
	font-size:0px;  
  	line-height: 0px;
  	height: 1px; width: 1px;
}
.noborder {
    border-width:0px;
}
.nooverflow {
	display:block;
	overflow:hidden;
}
.nodisplay {
	display:none !important;
}
.nomarginbottom {
	margin-bottom:0;
}

div.text-center {
	text-align:center;
}

/* START WITHOUT BARRIERS */

.sprung {
display: none;
}

/* NAVIGATION SELECTORS */
ul#navigation-gold {
	list-style:none;
	text-align:center;
	background-color:#313639; 
	width:99.99%; height:1.1em; 
	padding:0.1em 0 0 0; 
	border-top:0.3em solid silver; 	
	margin:0;	
}
ul#navigation-gold li {
	float:left; 
    list-style:none;
    padding:0; margin:0;
}
ul#navigation-gold a {
	display:block;
	vertical-align:middle;
    padding:0; margin:0;
}
.navg_feld1 {
	width:17.14%;
}
.navg_feld2 {
    width:60%;
}
.navg_feld3 {
    width:21.42%;
}
#navigation-gold a { 
	font-size:0.6em; 
	font-style:normal; 
	font-weight:bold; 
	letter-spacing:0.08em; 
	margin:0.3em 0; 
	color:#999970;
}	 
a.navigation-gold-decor:link { text-decoration:none; }
a.navigation-gold-decor:visited { text-decoration:none; }
a.navigation-gold-decor:focus { text-decoration:none; }
a.navigation-gold-decor:hover { text-decoration:underline; }
a.navigation-gold-decor:active { text-decoration:none; }

.headline-navleft {
	background-color:#999999;
	text-align:left;
	width:95%; height:0.7em;
	margin-bottom:0.05em;
	padding:0.05em 0.1em 0.4em 0.1em;
}
.headline-navright {
	background-color:#999999;
	text-align:left;
	width:99.4%; height:1.25em;
	margin-bottom:0.05em;
	padding:0em 0em 0em 0.2em;
}
.headline-navright img {
	float:right;
}

.photo-nav-left {
	width:97%; 
	border:0; 
	margin-left:0.1em; 
	margin-top:0em;
}

#navigation-green {
  width:99%; 
  text-align:center; 
  position:relative;
  margin:0 0.1em;
}
.box-nav-green {
  position:relative;
}
.nav-fontcolor2 a {
  color:#cccccc !important;
}  
.nav-fontcolor3 a {
  color:#999999 !important;
}  
#navigation-green a, #navigation-green a:visited {
  text-decoration:none;
  background-color:#326733; 
  color:#999970; 
  display:block; 
  width:8.5em; 
  height:1.5em; 
  font-size:0.83em; 
  border:0.1em solid #999970; 
  border-left:0.3em solid #326733;
  padding:0.1em;
  }
#navigation-green img {
	float: left; 
	height:4.5em; 
	width:2.2em; 
	border:0;
	margin-right:0.1em;	
}  
#navigation-green a span {
  display:none;
  }
#navigation-green a:hover {
  border-top:0.1em solid #9a0034;
  border-left:0.3em solid #9a0034;
  border-bottom:0.1em solid #000000;
  border-right:0.1em solid #000000;
}
#navigation-green a:hover span.lk {
  display:block; 
  position:absolute; 
  left:9.2em; 
  top:0; 
  padding:0.3em; 
  width:18em;
  background-color:#FFFFFF; 
  color:#000000; 
  border:0.1em solid #000000;
  }

/* STATUS SELECTORS */
ul#statuszeile { 
	list-style:none;
	text-align:center;
	background-color:#cccccc;
	width:99.99%; height:1.2em;
	padding:0; margin:0; 
	border-top:0.3em solid #cccccc;
}
ul#statuszeile li {
	float:left; 
    list-style:none;
    padding:0; margin:0;
}
.status_feld1 {
	width:17.14%;
}
.status_feld2 {
    width:60%;
}
.status_feld3 {
    width:21.42%;
}

.status-word { 
	color:#808080; 
	font-size:0.63em; 
	vertical-align:top;
	line-height:1em; 
	letter-spacing:0.08em; 
	margin:0.3em 0; 
}
.status-text-red { 
	color:#FFFFFF; 
	background-color:#9a0034; 
	font-family:Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size:0.63em; 
	line-height:1em; 
	letter-spacing:0.08em; 
	vertical-align:top;
	margin:0.3em 0; 
}
.status-text-green { 
	color:#FFFFFF; 
	background-color:#326733; 
	font-family:Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size:0.63em; 
	line-height:1em; 
	letter-spacing:0.08em; 
	vertical-align:top;
	margin:0.3em 0; 
}

/* MENU SELECTORS GENERAL */
#menu-all {
	width:99.99%;
	background-color:#cccccc;
	padding:0; border:0; margin:0;
}
#menu-left, #menu-right, #menu-middle {
	min-height:26em;
}
#menu-left {
float:left;
background-color:silver;
width:18%;
}
#menu-middle {
float:left;
width:54%;
padding: 0 0.3em 0 0.3em;
border:0; margin:1%;
}
#menu-right {
float:left;
background-color:silver;
width:24%;
}

p#footer-menu {
	background-color:#cccccc;
	color:#808080; 
	font-size:0.63em; 
    text-align:center; 
    width:99.99%; height:1.2em;
    padding:0; border:0; margin:0;
}
ul#footer-menu { 
	list-style:none;
	text-align:center;
	background-color:#cccccc;
	width:99.99%; height:1.2em; 
	padding:0; margin:0;
}
ul#footer-menu li {
	float:left; 
    list-style:none;
    padding:0; margin:0;
}

/* MENU SELECTORS ELEMENTS */
.textbox-middle, .textbox-middle-surftipps {
	color:#000000; 
	background-color:#FFFFCC;
	font-size:0.82em;
	text-align:left;
	padding:0 0.3em 0.8em 0.3em;
	border-top:0.1em dotted black; 
	border-bottom:0.1em dotted black;
	margin-bottom:0.8em;
}
.textbox-middle-surftipps li { 
	list-style:none; 
}
.textbox-middle-surftipps a {
	font-weight:bold;
}
.textbox-middle-surftipps img {
	float:left;
	margin-right:0.5em;
}
.textbox-middle-surftipps span {
	font-size:0.8em;
}

.foto-middle-left {
	float:left;
	padding:0.5em 0.5em;
}
.foto-middle-right {
	float:right;
	padding:0.5em 0.5em;
}
.foto-middle-left img, .foto-middle-right img {
	width:10em; height:10em;
}

.bildunterschrift-middle { 
	color:#9a0034;
	font-size:0.75em; 
	width:13.2em;
	border-top:0;
	border-right:0.05em solid #999999;
	border-bottom:0.05em solid #999999;
	border-left:0.05em solid #999999;
	margin:0; 
}

.textbox-right {
	display:block;
	overflow:visible;
	background-color:#999999;
	text-align:left;
	width:98%; height:auto;
	margin-top:0.4em;
	padding:0.05em 0.1em 0.4em 0.1em;
}

.bildunterschrift-right { 
	color:#9a0034;
	float:left; 
	font-size:0.63em; 
	width:98.99%;
	border-top:0;
	border-right:0.05em solid #999999;
	border-bottom:0.05em solid #999999;
	border-left:0.05em solid #999999;
}

.bildunterschrift-right-special {
	color:#000000;
	font-size:0.7em;
	width:13.2em;
	border:0; margin:0;
}

.linkbox-arrow {
	width:1.2em; height:0.75em;
	border:0; margin-right:0.3em;
}
.anchor-sitetop-arrow {
	margin-bottom:2em;
}

.photoslide-menu-right {
	width:99%; height:7em;
	border:0; 
	margin-left:0.1em; 
	margin-top:0;
}
.phototop-menu-right {
	width:99.99%; height:6.25em;
}
.visiting-card {
	background-color:#326733;
}
.visiting-card img {
	width:99%; height:auto;
}

/* HEADING SELECTORS */
h1 { color:#FFFFEE; 
	background-color:#999999; 
	font-size:0.93em; 
	line-height:1.12em; 
	text-transform:uppercase; 
	letter-spacing:0.08em; 
	margin:0.3em 0; 
}
h1 span.marke-green, span.marke-red, span.marke-gold {
	float:left;
	width:1em; height:1em;
	margin-right:0.8em;
}
h1 span.marke-green { background-color:#326733; }
h1 span.marke-red { background-color:#9a0034; }
h1 span.marke-gold { background-color:#999970; }

div#menu-right .headline-navright h1 { /* NEU!*/
	color:#cccccc; 	
	font-family:Arial;
	font-size:0.8em; 
	font-weight:bold; 
	line-height:1.4em; 
	text-transform:none; 
	letter-spacing:0.08em; 
	border:0; margin:0;
}

h2 { color:#FFFFEE; 
	font-size:0.75em; 
	font-weight: normal; 
	line-height:1.06em; 
	text-transform:uppercase; 
	letter-spacing:0.08em; 
	margin:0.3em 0; 
}
h2.marke-green { padding-left:0.2em; border-left:0.4em solid #326733; }
h2.marke-red { padding-left:0.2em; border-left:0.4em solid #9a0034; }
h2.marke-gold { padding-left:0.2em; border-left:0.4em solid #999970; }

h3 { color:#cccccc; 	
	font-family:Arial;
	font-size:0.7em; 
	font-weight:normal; 
	text-transform:uppercase; 
	letter-spacing:0.08em; 
	border:0; margin:0;
}
h4 { color:#cccccc; 	
	font-family:Arial;
	font-size:0.8em; 
	font-weight:bold; 
	letter-spacing:0.08em; 
	border:0; margin:0;
}

/* FORM CLASSES */
form { 
	margin-top:0.2em; 
	margin-bottom:2em; 
}
.formular-menu-middle {
	width:99.98%;
}
label.formulartext-left { 
	float:left;
	color:#000000; 
	font-size:0.63em; 
	font-weight:bold; 
	text-align:right; 
	width:11em;
	margin-right:0.3em;
}
input[type=button], input[type=checkbox], input[type=image], input[type=radio], input[type=reset], input[type=submit], select {
  	cursor:pointer;
}
label {
  	cursor:pointer;
}
input[type=text], textarea {
	float:left;
	color:#000000; 
	font-family:Arial; 
	font-size:0.7em;
	font-weight:bold; 
	margin-bottom:0.4em;
}
input[type=text]:focus, textarea:focus { 
color:#000000; 
background:#FFFFCC; 
}
input[type=submit] { 
margin-left:6.3em; 
}
input[type=text], select { 
float:left; 
}
.form-star-red {
	color:#9a0003; 
	font-size:0.9em; 
	font-weight: bold; 
	font-style:normal; 
	line-height:1.2em; 
	margin:0.3em 0; 
}
.form-indication-text {
	color:#9a0034;
	font-size:0.63em; 
	font-style:normal; 
	line-height:1.2em; 
	margin:0.3em 0; 
}
a.form-indication-link {
	color:#9a0034;
	font-size:0.63em; 
	font-style:normal; 
	line-height:1.2em; 
	margin:0.3em 0; 
}
a.form-indication-link:link { text-decoration:none; }
a.form-indication-link:visited { text-decoration:none; }
a.form-indication-link:focus { text-decoration:none; }
a.form-indication-link:hover { text-decoration:underline; }
a.form-indication-link:active { text-decoration:none; }

.inputfield_callservice {
	width:90%; margin-bottom:0.2em;
}
.inputfield_10 {
	width:10%;
}
.inputfield_26 {
	width:26%;
}
.inputfield_42 {
	width:42%;
}
.inputfield_52 {
	width:52%;
}
.inputfield_62 {
	width:62%;
}
.sendbutton_callservice {
	margin-left:0.2em;
}
.sendbutton_contact {
	margin-left:10em;
}

/* FONT CLASSES OUT OF CONTENT CONTAINER */
.java { 
	text-align:center;
	color:#C0C0C0; 
	font-size:0.88em; 
	font-weight:normal; 
	font-style:normal; 
	line-height:1.2em; 
	text-transform:uppercase; 
	letter-spacing:0.08em; 
	margin:0.3em 0; 
}

.footer, .footonline { 
	color:#878787; 
	font-weight:bold; 
	font-style:normal; 
	line-height:1em; 
	letter-spacing:0.08em; 
	margin:0.3em 0; 
}
.footer { 
	font-size:0.63em; 
}
.footonline { 
	font-size:0.93em; 
}

/* FONT CLASSES MENU MIDDLE*/
.textbox-middle-font { 
	color:#000000; 
	font-size:1em; 
	font-weight:normal; 
	font-style:normal; 
	line-height:1.3em; 
	margin:0.3em 0; 
}
a.menu-middle-textlink {
	color:black;
	font-size:1em; 
	font-style:normal; 
	line-height:1.2em; 
	margin:0.3em 0; 
}
a.menu-middle-textlink:link { text-decoration:none; }
a.menu-middle-textlink:visited { text-decoration:none; }
a.menu-middle-textlink:focus { text-decoration:none; }
a.menu-middle-textlink:hover { text-decoration:underline; }
a.menu-middle-textlink:active { text-decoration:none; }

img.menu-middle-top {
	float:right;
	height:1em; width:1em; 
	border-width:0;
	margin-right:0.5em;
}

/* FONT CLASSES MENU RIGHT*/
.textbox-right-font { 
	display:block;
	color:#000000; 
	font-size:0.75em; 
	text-align:left;
	font-style:normal; 
	line-height:1.19em; 
	margin:0.3em 0; 
}
.textlink-right a { 
	font-size:0.75em; 
	font-style:normal; 
	line-height:1.19em; 
	color:#000000; 
}
.textlink-right a:link { text-decoration:none; }
.textlink-right a:visited { text-decoration:none; }
.textlink-right a:focus { text-decoration:none; }
.textlink-right a:hover { text-decoration:underline; }
.textlink-right a:active { text-decoration:none; }	

div.out-of-textboxes { 
	text-align:center;
}
div.out-of-textboxes span { 
	color:#9a0034; 
	font-size:0.57em;
	font-weight:bold; 
	line-height:1em; 
	letter-spacing:0.07em; 
	margin:0.3em 0; 
}

/* BACKGROUND PICTURES */
.BG-Kontakt { 
	background-image:url(../HGS-Media/Fotos/Background/BG_Trans_Autos.jpg);
	background-repeat:no-repeat; 
	background-position:0 0; 
	width:98%; height:auto; 
}
.BG-Login { 
	background-image:url(../HGS-Media/Fotos/Background/BG_Schloss_Login_zu.jpg);
	background-repeat:no-repeat; 
	background-position:0 0; 
	width:98%; height:auto; 
}
.BG-Impress { 
	background-image:url(../HGS-Media/Fotos/Background/BG_Schiefhaus_Duesseldorf.jpg);
	background-repeat:repeat; 
	background-position:0 0; 
	width:98%; height:auto; 
}
.BG-Impress2 { 
	background-image:url(../HGS-Media/Fotos/Background/BG_Duisburg_City.jpg);
	background-repeat:repeat; 
	background-position:0 0; 
	width:98%; height:auto; 
}

/* CHANGING PICTURES */
#eMail-pic, #eMail-pic:hover { 
	display:block;
	background-repeat:no-repeat;
	background-color:#CCCC66; 
	width:99.99%; height:3.6em; 
	border-top:0.2em solid #999970;
	margin-top:0.4em;
}
#eMail-pic { background-image:url(../HGS-Media/Grafiken/Hotline/Fax_eMail_Base.gif); }
#eMail-pic:hover { background-image:url(../HGS-Media/Grafiken/Hotline/Fax_eMail_Over.gif);}
#webmaster-eMail, #webmaster-eMail:hover { 
	display:block;
	background-repeat:no-repeat;
	background-color:#CCCC66; 
	width:99.99%; height:3.6em; 
	border-top:0.2em solid #999970;
	margin-top:0.4em;
}
#webmaster-eMail{ background-image:url(../HGS-Media/Grafiken/Hotline/eMail_Webmaster_Base.gif); }
#webmaster-eMail:hover { background-image:url(../HGS-Media/Grafiken/Hotline/eMail_Webmaster_Over.gif);}

/* SYMBOLS AND LOGOS */
.symb-right {
	float:right;
	width:2.9em; height:2.9em;
}
.symb-right2 {
	float:right;
	width:3.5em; height:2.9em;
	border:0; margin:0;
}
.logo-w3c {
	width:5em; height:2em;
	margin-top:2em; margin-left:2em;
}
.logo-xhtml {
	width:5em; height:1em;
	margin-top:1em; margin-left:2em;
}
#BannerCoffeetalks {
   	font-size:62.5%;
   	font-weight:bold;
   	line-height:1.5em;
   	height:33px; width:80px;
   	margin-top:1em; margin-left:2em;
   	padding:0; border:0;
}
#BannerCoffeetalks #BannerTML {
   	background-color:#eedac1;
   	color:#fffff7;
   	height:33px; width:80px;
   	border-width:0;
   	margin-top:1em; margin-left:2em;
}
.logo-textcolor {
	color:#cccccc;
}

/* ADVERTISING */
div#menu-left .AnzeigeSkyscraper, 
div#menu-left .AnzeigeVerticalBanner,
div#menu-middle .AnzeigeMediumRectangle { 
	font-size:0.6em; 
	color:#808080; 
	text-transform:uppercase;
	text-decoration:underline;
}