/* 
#####################################################
INDEX styles for PLM, plm.de 2009

FileName:   main.css
Author:		Barbara Völk, voelk-online.de
Version:    2009.06.22 - in development
#####################################################

green #004c64
light gray #ebebeb
gray #b7b6b6
burgundy #972c2a

*/

/***********************************************/
/*
Reset
--------------------------------------------------------------------------------
Based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

/***********************************************/

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: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000000;
	background: #ebebeb;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/********************************************************************/
/* BASIC ELEMENTS */
/********************************************************************/

body { 
	background: url(../faltschachteln/bilder/bgIndex.gif) repeat-x top left fixed;
	/*background-color:#ebebeb; */
	font-family:  'ITC Officina Sans Book','Frutiger', Helvetica, Arial, sans-serif;
	font-size: 6pt;	
	color:  #000000; /**//*#ebebeb;*/
	margin: 0;
	padding: 0;
	}


a      { 
	text-decoration: none;
}

a img {
	border: 0px none;
	display: block;			/* removes extra space underneath caused by default text-alignment in NC!!! */
	}

a:link      { 
	color: #b7b6b6; 
	font-weight: 400;
}

a:visited     { 
	color: #b7b6b6;
}


	a:hover     { 
	color: #004c64;
	font-size: 1.0em;	
	font-weight: 400;
}

a:active     { 
	color: #b7b6b6;
	font-size: 1.0em;
}


/********************************************************************/
/* MAIN WRAPPERS */
/********************************************************************/

#outerWrap{/*width:960px; margin:100px auto 0 auto; padding:0;background-color: #004c64;*/ /*transparent;*/}
#outerWrap {width:100%; height:640px;/*620px;margin:2% 0 0 0; padding:0; */margin:0 0 0 0; padding:0; /*border-left: 1px #69665f solid;+ 69665f antrazith */}	

#wrap {width:920px; height:640px; z-index:10;margin: 0 auto 0 auto; padding:0; background-color: #004c64; }

#wrap {/*width:80%;height:100%; margin: 0 auto 0 auto; padding:0; *//*background-color: #e5e4e3; light gray*/}

#topWrap {position: relative;top:0px;float:left; margin:0; padding: 0;width:920px; min-height: 175px; height:auto!important; height: 175px; background-color: #ebebeb;}

#mainWrap {position: relative;top:0px;float:left; margin:0; padding: 0;width:920px; /* min-height: 555px; height:auto!important; height: 555px;*/height: 430px;background-color: #004c64;background-image:url(../faltschachteln/bilder/titel-hg.jpg); background-repeat:no-repeat; background-position:left top;/* border-bottom: 1px #52514e solid;*/}

#footer {position: relative;top:0px;/* position: fixed; bottom: 0;*//* when using fixed bottom, then bg image also position bottom!*/clear:both;float:left; margin: 0; padding: 0;width:100%;height: 40px;/* border-top: 1px #696763 solid;*//*background: url(../faltschachteln/bilder/bgBottom.gif) repeat-x top left;*//*background-color: #004c64;*/ z-index:100;}

#bottomWrap {position: relative; /*fixed;*/top:0px; margin: 0px auto 0 auto; padding: 0;width:920px;height: 30px; background-color: #004c64;/*border-top: 1px #696763 solid;*/}