/**
 * @author Markus Schnieder
 * @copyright mynetworx.de
 * @since 02.08.2012
 */

html { background: #ffffff; background-attachment: fixed; }
body { font-family: "Century Gothic"; font-size:12px; color: #000000; overflow-y: scroll; overflow-x: hidden; }

:link,:visited { color: #333333; text-decoration:none; font-weight:normal; }
a:hover { color: #ff6600; }
:focus { outline: none; }

/**
 * GENERALS
 */
 	img, a img,:link img,:visited img, fieldset { border:none }
 	img { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code { 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; }
	h1 {	  margin-top:  0px;   padding-top: 0px; font-size: 30px; color: #ff6600; }
	h2 {	  margin-top:  0px;   margin-bottom: 10px; padding-top: 10px; font-size: 18px; color: #999999; font-weight: bold; }
	h3 {	  margin-top:  0px;   margin-bottom: 10px; padding-top:  0px; font-size: 16px; color: #cc3333; font-weight: bold; }
	h4 {	  margin-top: 15px;   margin-bottom:  0px; font-size: 13px; color: #8bb206; }
	h5 {	  margin-top: 15px;   margin-bottom:  0px; font-size: 13px; color: #8bb206; }
	h6 {	  margin-top: 15px;   margin-bottom:  0px; font-size: 13px; color: #8bb206; }
	
	
/**
 * TABLE CONFIGURATION
 */
	table { border:none; padding:0px; margin:0px; border-spacing:0px; }
	tr { border:none; padding:0px; margin:0px; }
	td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

/**
 * NAVIGATION
 */
	

/**
 * PAGE DESIGN
 */ 

 	#borderorange	{ position: fixed; width: 100%; bottom: 90px; height: 140px; background: #ff6600; z-index: 3; border-top: 1px solid #ffac75; }
 	#bordergrey		{ position: fixed; width: 100%; bottom:  0px; height:  98px; background: url(bordergrey.png); background-repeat: repeat-x; z-index: 9; }
 	#logo			{ position: fixed; bottom: 30px; left: 30px; z-index: 10; }
	#anschrift		{ position: fixed; bottom: 52px; left: 244px; z-index: 11; color: #ffffff; text-shadow: 0 1px 1px #000000; border-right: 1px solid #ffffff; padding-right: 10px; }
	#impressum		{ position: fixed; bottom: 52px; left: 530px; z-index: 12; color: #ffffff; text-shadow: 0 1px 1px #000000; font-weight: bold !important; }
	#impressum a:link,
	#impressum a:visited	{ color: #ffffff !important; }
	#impressum a:hover		{ color: #ff6600 !important; }
 	#bg				{ position: fixed; top: 0px; left: 0px; width: 110%; z-index: 3; background: url(bg.jpg); background-position: center center !important; background-size: cover !important; height: 110%; }
 	#teasertext		{ position: fixed; bottom: 88px; left: 130px; font-size: 60px; opacity: 0.4; z-index: 9; }
 	
 	#head			{ position: absolute; right: 30px; top: 20px; width: 630px; height: 73px; background: url(head.png); z-index: 5; }
 	#content		{ position: absolute; right: 30px; top: 93px; width: 470px; padding-left: 80px; padding-right: 80px; min-height: 100%; background: url(content.png); z-index: 5; padding-bottom: 150px; }
 	#menue			{ position: fixed; right: 68px; bottom: 35px; width: 550px; height: 100px; background: url(menue.png); z-index: 11;  }
 	
 	#menue ul		{ position: relative; list-style-type: none; width: 640px; margin-left: 10px; }
 	#menue ul li	{ position: relative; float: left; width: 105px; text-align: center; padding-top: 30px; font-size: 14px; text-transform: uppercase; text-shadow: 0 1px 1px #000000;}
 	#menue ul li a:link,
 	#menue ul li a:visited	{ color: #ff6600; }
 	#menue ul li a:hover	{ color: #ffffff; }
 	
 	#optofreightlogo		{ position: fixed; top: 0px; left: 50px; z-index: 10; }