/*
 *	HorNet stylesheet
 */


/*------------------------------------------
>> basic elements <<----------------------*/
html { margin:0px; padding:0px; }

body
{
	margin:0px;
	padding:0px;
	background-color:#336699;
	scrollbar-base-color:#BBB899;
  	scrollbar-3d-light-color:red;
  	scrollbar-arrow-color:#222222;
  	scrollbar-darkshadow-color:#666666;
  	scrollbar-face-color:#AFB0A7;
  	scrollbar-highlight-color:#A4A593;
  	scrollbar-shadow-color:#999999;
	scrollbar-track-color:#A1A395;
	overflow:hidden; /* hide (entire window) scroll bar in IE */
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

img { border:0px; }

h1 /* content page header */
{
	position:absolute;
	margin-left:50px;
	margin-top:17px;
	color:#A1A395;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:23px;
	text-transform:uppercase;
	text-decoration:overline;
}

h2 {}

h3 /* subheader */
{
	margin-left:5px;
	padding:0px;
	border-bottom:2px solid #A1A395;
	font-size:15px;
	color:#313B51;
}

h4 /* subtitle */
{
	padding-left:10px;
	border-left:3px solid #313B51;
	font-size:13px;
}

hr { outline:solid 2px; margin:0px 15px 0px 15px; }

p { padding:0px 0px 15px 0px; }

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; }

.button
{
	width:120px;
	margin:3px;
	padding-left:10px;
	padding-right:10px;
	color:#313B51;
	font-weight:bold;
	background-color:#AAAAAA;
	border:1px solid #313B51;
}

/*------------------------------------------
>> page format <<-------------------------*/
#container
{
	margin:0px;
	width:800px;
	height:460px;
	position:absolute;
	top:50%; /* centralize */
	left:50%;
	margin-top:-225px;
	margin-left:-400px;
}

/*------------------------------------------
>> title <<-------------------------------*/
#title
{
	height:75px;
	width:800px;
	background:#A1A395 url("img/title_bg.gif") repeat-y;
	border-top:2px solid #A1A395;
	border-right:3px solid #313B51;
}

#title #text { position:absolute; left:160px; top:6px; }
#title #logo { position:absolute; right:8px; top:7px; z-index:100; }
#title #add_text
{
	position:absolute;
	left:423px;
	top:17px;
	color:#333333;
	font-size:18px;
}

/*------------------------------------------
>> main containing area <<----------------*/
#main { position:absolute; top:75px; width:800px; height:375px; }

/*------------------------------------------
>> menu <<--------------------------------*/
#menu
{
	position:absolute;
	width:200px;
	height:100%;
	padding:10px 0px 10px 0px;
	background:#336699;
	font-size:9px;
}

#menu ul { margin:0px; padding:0px; list-style-type:none; }
#menu ul li { margin:2px 0px 2px 0px; padding:0px; height:25px; }
#menu ul li a { height:100%; width:140px; display:block; text-decoration:none; }

.menu_alt {	visibility:hidden; }

#menu #home { background: #336699 url("img/menu/home.gif") no-repeat; }
#menu #home:hover { background: #336699 url("img/menu/home.gif") 0px -25px no-repeat; }
#menu #leistungen { background: #336699 url("img/menu/leistungen.gif") no-repeat; margin-left:5px; }
#menu #leistungen:hover { background: #336699 url("img/menu/leistungen.gif") 0px -25px no-repeat; }
#menu #registrierung { background: #336699 url("img/menu/registrierung.gif") no-repeat; margin-left:20px; }
#menu #registrierung:hover { background: #336699 url("img/menu/registrierung.gif") 0px -25px no-repeat; }
#menu #beratung_entwurf { background: #336699 url("img/menu/beratung_entwurf.gif") no-repeat; margin-left:25px; }
#menu #beratung_entwurf:hover {	background: #336699 url("img/menu/beratung_entwurf.gif") 0px -25px no-repeat; }
#menu #design { background: #336699 url("img/menu/design.gif") no-repeat; margin-left:30px; }
#menu #design:hover { background: #336699 url("img/menu/design.gif") 0px -25px no-repeat; }
#menu #programmierung { background: #336699 url("img/menu/programmierung.gif") no-repeat; margin-left:35px; }
#menu #programmierung:hover { background: #336699 url("img/menu/programmierung.gif") 0px -25px no-repeat; }
#menu #pflege { background: #336699 url("img/menu/pflege.gif") no-repeat; margin-left:40px; }
#menu #pflege:hover { background: #336699 url("img/menu/pflege.gif") 0px -25px no-repeat; }
#menu #anpassung { background: #336699 url("img/menu/anpassung.gif") no-repeat; margin-left:45px; }
#menu #anpassung:hover { background: #336699 url("img/menu/anpassung.gif") 0px -25px no-repeat; }
#menu #bewerbung { background: #336699 url("img/menu/bewerbung.gif") no-repeat; margin-left:50px; }
#menu #bewerbung:hover { background: #336699 url("img/menu/bewerbung.gif") 0px -25px no-repeat; }
#menu #produkte { background: #336699 url("img/menu/produkte.gif") no-repeat; margin-left:45px; }
#menu #produkte:hover { background: #336699 url("img/menu/produkte.gif") 0px -25px no-repeat; }
#menu #referenzen { background: #336699 url("img/menu/referenzen.gif") no-repeat; margin-left:50px; }
#menu #referenzen:hover { background: #336699 url("img/menu/referenzen.gif") 0px -25px no-repeat; }
#menu #kontakt { background: #336699 url("img/menu/kontakt.gif") no-repeat; margin-left:55px; }
#menu #kontakt:hover { background: #336699 url("img/menu/kontakt.gif") 0px -25px no-repeat; }
#menu #impressum { background: #336699 url("img/menu/impressum.gif") no-repeat; margin-left:60px; }
#menu #impressum:hover { background: #336699 url("img/menu/impressum.gif") 0px -25px no-repeat; }

/*------------------------------------------
>> content parts <<-----------------------*/
#headline
{
	position:absolute;
	left:200px;
	width:600px;
	height:40px;
	padding:0px;
	background:url("img/headline_bg.gif") repeat-y;
	border-right:3px solid #313B51;
}

#content_frame
{
	position:absolute;
	left:200px;
	top:40px;
	width:600px;
	height:335px;
	padding:0px;
	background:url("img/content_bg.gif") repeat-y;
	border-bottom:2px solid #A1A395;
	border-right:3px solid #313B51;
}

#content_text
{
	position:absolute;
	width:550px; /* 600px total - 2x margin-left */
	height:305px; /* 335px total - 2x margin-top */
	margin-top:15px;
	margin-left:25px;
	padding:5px 50px 5px 15px;
	overflow:auto; /* auto scroll */
	background:url("img/watersign.gif") 85px 25px no-repeat;
	border-top:2px solid #313B51;
	border-right:2px solid #313B51;
	border-bottom:2px solid #313B51;
	font-size:13px;
	text-align:justify;
	/*background-attachment:fixed;*/ /* doesn't work with firefox (1.5.0.4) unfortunately... */
}

#content_text p.left { text-align:left; }

#main>#content_frame>#content_text
{
	width:485px; /* 550px - padding-left - padding-right */
	height:295px; /* 305px - padding-top - padding-bottom */
}

#content_text a:link, #content_text a:visited { color:#2E3B5D; text-decoration:overline; }
#content_text a:hover { text-decoration:underline; }

/*------------------------------------------
>> credit footer <<-----------------------*/
#credit
{
	position:absolute;
	top:450px;
	right:0px;
	padding-top:2px;
	padding-right:4px;
	color:#A1A395;
	font-size:9px;
}

#credit a:link, #credit a:visited { color:#A1A395; font-weight:bold; text-decoration:underline; }
#credit a:hover { text-decoration:none; }

/*------------------------------------------
>> domain registration <<-----------------*/
#tldomains { empty-cells:show; }
#tldomains td { border-bottom:1px dotted black; }

/*------------------------------------------
>> references <<--------------------------*/
a.reflink:hover { outline:solid 4px; }
a.reflink img { border:2px solid #313B51; }

/*------------------------------------------
>> contact area <<------------------------*/
#contactinfo { padding:0px; margin:0px; font-size:13px; }
#contactinfo tr td { padding:0px; }

#contactform { position:absolute; padding:0px; width:485px; left:15px; }
#contactform #namefield { width:200px; }
#contactform #namefield input { width:inherit; }
#contactform #addressfield { position:absolute; width:230px; right:0px; top:0px; }
#contactform #addressfield input { width:inherit; }
#contactform textarea { width:485px; }
#contactform #buttonfield { margin:5px; text-align:center; }