/* ---						  --- */
/* --- universiel definitions --- */
/* ---						  --- */




body  {
margin-top: 0px; 
margin-left: 0px;
margin-bottom: 0px; 
margin-right: 0px;
background-color: #FFF9F7;
color: #000000;
}


h1{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 18px;
line-height: 20px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
text-transform: uppercase;
color: #939598; /* medium grey */
margin-top: 4px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}


h2{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
text-transform: uppercase;
color: #939598; /* medium grey */
margin-top: 4px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
}

h3{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 11px;
line-height: 15px;
letter-spacing: 1px;
text-align: left;
font-weight: bold;
color: #424345; /* dark grey */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px; 
}


h4{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
color: #ef6b8e; /* extra color */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px; 
}

/* note text -  */

h5{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 9px;
line-height: 11px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
color: #424345; /* dark grey */
margin-top: 2px;
margin-right: 0px;
margin-bottom: 5px; 
margin-left: 0px;
}


p, ul, li{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
color: #000000;
margin-top: 0px; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px; 
}

/* extra list specification*/
ul{
margin-left: 15px;
}

li{
margin-bottom: 0px;
}


a:link, a:visited{
text-decoration: underline;
color: #000000;
}

a:active, a:hover{
text-decoration: underline;
color: #ef6b8e; /* extra color */
}


hr {
background-color: #ffffff;
color: #dfdddc; /* light grey */
height: 1px;
width: 400px; /* at public site it should be 400 */
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 15px; 
margin-left: 0px;
}


b{
font-weight: bold;
}

img{
border: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

form {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

table, tr, td{
margin-top: 0px; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px; 
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-collapse: collapse;
}

td{
vertical-align: top;
}


.PaintPink{
color: #f8afad;
}

/* margin: top px right px bottom px left px; */


/*

pang-farver:

gron: #00FF31
pink: #FF00FF
gul: #FCFE05
bla: #0201E4
graa: #9C9C9C

*/



/* ---						  --- */
/* --- address header 		  --- */
/* ---						  --- */

#AddressHeader{
position: absolute;
left: 20px;
top: 6px;
}

#AddressHeader_2{
position: absolute;
left: 172px;
top: 6px;
}

#AddressHeader_3{
position: absolute;
left: 325px;
top: 6px;
}

#AddressHeader_4{
position: absolute;
left: 435px; /* 470 - 35*/
top: 6px;
}


p.AddressText{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 9px;
line-height: 14px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
text-align: left;
color: #424345; /* dark grey */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px; 
margin-left: 0px;
}


.Tagline{
letter-spacing: 2px;
text-transform: uppercase;
color: #000000;
}


.Tester{
display: inline;
}







/* ---						  --- */
/* navigation */
/* ---						  --- */

p.MenuText{

font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 9px;
line-height: 12px; /* 9 + 3 */
letter-spacing: 1px;
text-align: left;
font-weight: normal;
text-align: right;
text-transform: uppercase;
color: #939598; /* medium grey */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px; /* 9 - 3 */ 
margin-left: 0px;
}


a.MenuText:link, a.MenuText:visited{
text-decoration: none;
color: #939598; /* medium grey */
}

a.MenuText:active, a.MenuText:hover{
text-decoration: none;
color: #ef6b8e; /* extra color */
}

span.MenuTextSel{
color: #000000;
}

span.MenuDot{
color: #000000;
/**/font-size: 12px;
line-height: 12px;
}

span.MenuLevel_1{
/*width: 130px;*/
}
span.MenuLevel_2{
/*width: 130px;*/
/*margin-right: 50px;*/
margin-right: 40px;
}
span.MenuLevel_3{
/*width: 130px;*/
/*margin-right: 100px;*/
margin-right: 80px;
}


/* ---						  --- */
/* media definitions */
/* ---						  --- */

/*

pang-farver:

gron: #00FF31
pink: #FF00FF
gul: #FCFE05
bla: #0201E4
graa: #9C9C9C

*/

#MediaArea{
width: 400px;
margin-top: 15px; /* 20 -5 */
margin-right: 0px;
margin-bottom: 15px; /* 20 -5 */
margin-left: 0px;
/* border: #FF00FF 1px solid; */
}

.CenterMedia{
display: block;
margin-left: auto; 
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px; 
}

.CenterMediaObject{
margin-left: auto; 
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px; 
}


p.MediaText{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 9px;
line-height: 11px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
text-align: left;
color: #424345; /* dark grey */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px; 
margin-left: 0px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px; 
padding-left: 6px;
background-color: #DFDDDC;
}

p.MediaNavigation{
font-family: Arial, Helvetica, Verdana, sans-serif;	
font-size: 9px;
line-height: 9px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
text-align: left;
color: #424345; /* dark grey */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px; 
margin-left: 0px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px; 
padding-left: 6px;
background-color: #DFDDDC;
}

a.MediaNavigation:link, a.MediaNavigation:visited{
text-decoration: none;
color: #424345; /* dark grey */
margin-right: 7px;
}

a.MediaNavigation:active, a.MediaNavigation:hover{
text-decoration: none;
color: #ef6b8e; /* extra color */
margin-right: 7px;
}

.MediaNavigationSel{
color: #000000;
margin-right: 7px;
}


/* ---						  --- */
/* area definitions */
/* ---						  --- */


#TopArea{
width: 100%; /* 718 px */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#KirkhoffLogo{
margin-top: 50px;
margin-right: 0px;
margin-bottom: 14px; /* 39 - 25 */
margin-left: 526px;
}


#ContentAreaXtra{
width: 450px;
overflow: hidden;
margin-top: 0px;
margin-right: 0px; /* 30 - 4 */
margin-bottom: 57px;
margin-left: 30px; /* 30 */
/* border: #FF00FF 1px solid; 
background-color: #000000; */
}

#ContentAreaNormal{
width: 400px;
margin-top: 0px;
margin-right: 0px; /* 30 - 4 */
margin-bottom: 0px;
margin-left: 0px;
/* border: #FF00FF 1px solid; 
background-color: #000000; */
}


#MenuArea{
width: 210px; /* 210 + 30 */
overflow: hidden;
margin-top: 5px; /* 0 + 8 - 3*/
margin-right: 3px; /* 0 */
margin-bottom: 300px;
margin-left: 0px;
/* border: #FF00FF 1px solid; 
background-color: #000000; */
}

.ContentAreaTool{
margin-top: 30px;
margin-right: 0px; /* 30 - 4 */
margin-bottom: 0px;
margin-left: 0px;
}



/* ---						  --- */
/* paper definitions */
/* ---						  --- */

#Shadow{
position: absolute;
left: 20px;
top: 40px;
width: 720px;
background-color: #939598;
border-right: #939598 3px solid;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 70px;
margin-left: 0px;

z-index: 1;
}



#Paper{
/*float: left;
display: inline; */
width: 718px; /* or 100% */
background-color: #ffffff;
/*border: #DFDDDC 1px solid;*/
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


#PaperBorder{
/*float: left;
display: inline; */
width: 100%; /* or 100% */
background-color: #ffffff;
border: #DFDDDC 1px solid;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}



#PaperDot{
position: absolute;
top: 30px; /* 40 - 10*/
left: 740px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
z-index: 2;
/* debug stuff 
border: #9C9C9C 1px solid; */
}


#PaperShadowXtra{
height: 3px; 
width: 718px; /* 720px  717 100%*/
background-color: #939598;
border-left: #FFF9F7 3px solid;
}


/* site tool  - input styles */


h2.SiteTool{
margin-bottom: 13px;
}

h3.SiteTool{
margin-bottom: 3px;
}

p.SiteTool{
margin-bottom: 10px;
}

.ErrorMessage{
font-size: 10px;
color: #f8afad;
}

input,textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
color: #000000;

border: #DFDDDC 1px solid;

/* hack to ensure that input fields align correct in safari */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;  
padding-left: 2px;
}

input.Normal{
width: 200px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
}

input.Big{
width: 300px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
}

textarea.Big{
width: 300px;
height: 110px;
}

input.Button{
line-height: 10px;
padding-left: 0px;
}


p.FormBottoms{
margin-top: 0px;
margin-left: 0px;
margin-right: 3px;
margin-bottom: 15px;
display: inline;
}

a.Button, img.Button{
border: 0px;
}




/* object stuff here - used in the quicktime plugins to produce valid html */

/* hides the second object from all versions of IE */
* html object.media {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.media/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.media {
	display/**/: none;
}