/*
KEGELMANN-TECHNIK
stand 14 03 2008
*/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover		{ text-decoration:none; }
html {
	min-height: 90%;
	margin-bottom: 1px;
}


body {
    font-family: 'Trebuchet MS', arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	text-align:left; 
	height: 100%;
}

/* body bg x-tile gradient colors */
#home, #unternehmen  { background: #577da1 url(bg_unternehmen.jpg) 0 0 no-repeat; }
#prozesskette        { background: #a96361 url(bg_prozesskette.jpg) 0 0 no-repeat; }
#technologie         { background: #a96361 url(bg_technologie_1.jpg) 0 0 no-repeat;  }
#aktuelles           { background: #65645e url(bg_aktuelles.jpg) 0 0 no-repeat; }
#kontakt             { background: #65645e url(bg_kontakt.jpg) 0 0 no-repeat; }

#website {
	width: 100%;
	position: absolute;
}


#wrapper { 
	width: 960px;
	height: 700px;
	margin: 0 0 0 30px;
	position: absolute;
}







#content {
	width:960px;
	text-align:left; 
	padding: 20px 0 0 0px;
	min-height: 800px;
}



/*
NAVIGATION TABS
*/
#content #navigation {
	width: 900px;
	height: 24px;
}

ul#nav_unternehmen, ul#nav_prozesskette, ul#nav_technologie, ul#nav_kontakt, ul#nav_aktuelles {
	font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
	list-style-type: none;
	margin: 0;
	height: 24px;
	padding: 0 0 0 215px;
}

ul#nav_unternehmen li, 
ul#nav_prozesskette li, 
ul#nav_technologie li, 
ul#nav_kontakt li, 
ul#nav_aktuelles li, 
ul#nav_unternehmen li#hi, 
ul#nav_prozesskette li#hi,
ul#nav_technologie li#hi, 
ul#nav_aktuelles li#hi
ul#nav_kontakt li#hi {
	float: left;
	margin: 0 1px 0 0;
}
ul#nav_unternehmen li a {
	background-color: #D1DBE4;
	color: #524C4A;
}
ul#nav_prozesskette li a {
	background-color: #E8E1E1;
	color: #524C4A;
}
ul#nav_technologie li a {
	background-color: #E8E1E1;
	color: #524C4A;
}
ul#nav_kontakt li a, ul#nav_aktuelles li a {
	background-color: #E6E7DD;
	color: #524C4A;
}



ul#nav_unternehmen li a.hi, 
ul#nav_prozesskette li a.hi, 
ul#nav_technologie li a.hi, 
ul#nav_kontakt li a.hi,
ul#nav_aktuelles li a.hi {
	background-color: #FFFFFF;
}

#nav_unternehmen a, 
#nav_prozesskette a, 
#nav_technologie a, 
#nav_kontakt a, 
#nav_aktuelles a, 
#nav_unternehmen a.hi, 
#nav_prozesskette a.hi, 
#nav_technologie a.hi, 
#nav_kontakt a.hi,
#nav_aktuelles a.hi  {
	float: left;
	display: block;
	text-decoration: none;
	color: #524C4A;
}
#nav_unternehmen a.hi, 
#nav_prozesskette a.hi, 
#nav_technologie a.hi, 
#nav_kontakt a.hi,
#nav_aktuelles a.hi {
	color:#DC0067;
}

#content #navigation ul li a { 
   	padding: 5px 23px 0 23px;
	height: 19px;
}
#content #navigation ul li a:hover { background: #FFFFFF; }

	











/* Bühne oben */

#content #stage_home, 
#content #stage_unternehmen, 
#content #stage_prozesskette, 
#content #stage_technologie, 
#content #stage_aktuelles,
#content #stage_kontakt,
#content #stage_aktuelles {
	width: 960px;
	height: 412px;
	margin: 0px;
	padding: 0px;
}

#content #stage_home			{ background: White url(home.jpg) 0 0 no-repeat;}
#content #stage_aktuelles		{ background: White url(home.jpg) 0 0 no-repeat;}
#content #stage_unternehmen		{ background: White url(unternehmen.jpg) 0 0 no-repeat;}
#content #stage_prozesskette	{ background: White url(prozesskette.jpg) 0 0 no-repeat;}
#content #stage_technologie		{ background: White url(technologie.jpg) 0 0 no-repeat;}
#content #stage_kontakt			{ background: White url(kontakt.jpg) 0 0 no-repeat;}




/* stage elements */
#content #stage_left {
    position: absolute;
	top: 285px;
	left: 0px;
	width: 15px;
	height: 23px;
}
#content #stage_logo {
    position: absolute;
	top: 60px;
	left: 30px;
	width: 68px;
	height: 93px;
}
#content #stage_middle {
    position: absolute;
	top: 110px;
	left: 215px;
	width: 600px;
}
#content #stage_right {
    position: absolute;
	top: 285px;
	left: 945px;
	width: 15px;
	height: 23px;
}



#flashcontainer #alt-gif {
	padding: 0 0 0 0;
}


/* SLIDER NAVIGATION */
#content #slider {
    position: absolute;
	top: 410px;
	left: 0px;
	width: 920px;
	height: 30px;
	margin: 0 0 0 20px;
	padding: 0px;
	font: normal 13px 'Trebuchet MS',verdana, arial, sans-serif;
	text-align: center;
}

#content #slider img { float: left; }

#content #slider ul li, 
#content #slider ul li.hi {
	display:inline;
	padding: 0 0 26px 0;
	margin: 0px;
	height: 30px;
	background: transparent url(pfeil1.gif) 50% 20px no-repeat;
}
#content #slider ul li.hi {
	background: transparent url(pfeil2.gif) 50% 20px no-repeat;
}
#content #slider ul li a {
	color: #000000;
	padding: 0 25px 26px 25px;
	margin: 0px;
	height: 26px;
	background: transparent url(dot.gif) 0px 18px repeat-x;
}

#content #slider ul li a.hi {
	color: #DC0067;
	height: 26px;
	background: transparent url(line.gif) 0px 18px repeat-x;
}



#content #pageskip_for {
    position: absolute;
	top: 420px;
	left: 930px;
	width: 15px;
	height: 15px;
}
#content #pageskip_back {
    position: absolute;
	top: 420px;
	left: 70px;
	width: 15px;
	height: 15px;
}









/* TEXT CONTENT */
#content #text_content {	
    font-size: 12px;
    line-height: 16px;
	background-color: White;
	width: 600px;
	min-height: 200px;
	color: #5E5954;
	margin: 0;
	padding: 15px 145px 20px 215px;
}

#content #text_content h1 {
    font-size: 16px;
	font-weight: bold;
    color: #65a3cc;
    margin: 10px 0 14px 0px;
}

#content #text_content a {
	color: #0083D7;
}
#content #text_content a:hover {
	text-decoration: underline;
}


#content #text_content #hr {
	width: 553px;
	background: transparent url(dot.gif) 0px 0px repeat-x;
	height: 1px;
	margin: 20px 0 30px 0;
}

/* ansprechpartner*/

table.col2 {
	width: 553px;
	padding: 0 0 0 0;
}
table.col2 #image {
	border: 1px solid #ddd;
	width: 200px;
	margin: 0 0 3px 0;
}


#content #abbildung img {
    border: 1px solid #ddd;
	margin: 20px 0 4px 0;
	padding: 0px;
}

#content table.abbildung {
	margin: 0 0 20px 0;
	width: 100px;
	text-align: left;
}
#content table.abbildung td {
	padding: 0 20px 0 0;
}

#content table.abbildung td img.zoom {
	border: 1px solid #ddd;
}






/* Elemente linke Seite*/

#subnav,
#leftcontent {
	position: absolute;
	font-size: 12px;
	top: 488px;
	left: 0px;
	width: 190px;
	height: auto;
}
#subnav ul{
	 list-style:none;
	 list-style-type:none;
	 list-style-position: outside;
	 padding: 0px;
}
#subnav li {
	padding: 4px 0 4px 20px;
	border-bottom: 1px solid #E8E7E2;
}

#leftcontent {
        padding-left: 10px;
        width: 170px;
}



#left-content {
   position: absolute;
   top: 515px;
   left: 33px;
   border: 1px solid #ddd;
}

/* Bullets, Lists*/

#content #text_content #copy ul, #content #text_content #copy ol {
   list-style-type:disc;
	list-style-position: outside;
	padding: 10px 0px 10px 12px;
}

#content #text_content ul.level1 {
   list-style-type:disc;
	list-style-position: outside;
	padding: 10px 0px 10px 12px;	
}

#content #text_content ul.level2 {
   list-style-type:disc;
	list-style-position: outside;
	padding: 10px 0px 10px 50px;	
}




/* kontakt */

#message {
    color: #fff;
	margin: 30px 0 10px 122px;
}
fieldset {
	width: 500px;
}
label{
   width: 115px;
   float: left;
   text-align: left;
   margin: 0 8px 7px 0;
   clear: both;
}

input  {
	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
	font-size: 13px;
	margin: 0 0 11px 0;
}
.input-box, .input-box-short1, .input-box-short2
{
	float: left;
	width: 330px;
	color: #000;
	background: #FFF;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #c3c2c2;
	border-bottom: 1px solid #c3c2c2;
	padding: 2px;
}

.input-box-error, .input-box-short1-error, .input-box-short2-error
{
	float: left;
	width: 330px;
	color: #000;
	background: #FFF;
	border: 1px solid #FD3F00;
	padding: 2px;
}

.textarea-box
{
    float: left;
	width: 330px;
    height: 100px;
	color: #000;
    background: #FFF;
    border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #c3c2c2;
	border-bottom: 1px solid #c3c2c2;
	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
	font-size: 12px;
	padding: 2px;
	margin: 0 0 30px 0;
}


.submit {
	float: left;
	color: #1D1D1D;
	text-decoration: none;
	width: 120px;
	padding: 2px;
	clear: both;
	margin: 0 0 0 120px;
}

#suchbox .submit {
	float: left;
	color: #1D1D1D;
	text-decoration: none;
	width: 120px;
	padding: 2px;
	clear: both;
	margin: 0 0 0 0px;
}







#footer {
    font-size: 12px;
	border-top: 1px solid #E8E7E2;
	height: 30px;
	background-color: White;
	width: 960px;
	padding: 12px 0 0 0;
}
#footer #footer-wrapper { 
    margin-left: 215px;
    width: 700px; 
}
#footer ul, #footer li {
	display: inline;
	padding: 0 30px 0 0;
}

#footer ul li a {
	color: #65a3cc;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}