/*

GO!online Templates 2010

author:		Michael Just
*/

/* reset.css v1.0 | 20080212 */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins {text-decoration:none;}del{text-decoration:line-through;}table {border-collapse:collapse;border-spacing:0;}
/* end reset */


/* --- general typo --- */

p, h1, h2, h3, h4, dd { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1.5em;}
h1 {font-size: 18px; color: #003366;	padding-bottom: 5px;}
h2 {font-size: 16px; color: #003366; padding-bottom: 5px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

dd {font-size: 10px; color: #626262;}

td {vertical-align: top;}

/* --- layout --- */
html, body { background-color: #6c9ed0; text-align: center;}

#pageWrap { width: 960px; margin: 0 auto;  }
#InnerPageWrap {background-image: url(img/bg_paper.jpg); background-repeat: repeat; text-align: left;}

#header { width: 100%; height: 206px; background: url(img/box_red.png) left top no-repeat; margin-left: 55px;}
#logo { width: 415px; height: 130px; float: left; margin: -18px 0 0 45px; }
#lmlogo { width: 130px; height: 43px; float: left; padding: 5px 0 0 595px; }

#hier_klicken { width: 120px; height: 53px; background: url(img/hier_klicken.png) left top no-repeat; left: 50%;	margin: 0 0 0 45px;}

#submenu { position: relative; z-index: 9; width: 150px; height: 50px; left: 50%;	margin: -40px 0 0 380px; }

#menu { width: 925px; height: 167px; background: url(img/box_blue.png) right top no-repeat; margin: -109px 0 0 55px;}
#menu ul.firstLevel { padding: 40px 0 0 145px; display: block;}
#menu ul.firstLevel li { height: 80px; width: 120px; display: block; float: left; text-transform: uppercase; line-height: 18px; font-size: 15px; padding-right: 15px;}
#menu li a { color: #fff; text-decoration: none; display: block; }

#maexi {	position: absolute;	z-index: 10;	top: 255px;	left: 50%;	margin-left: 441px;	width: 169px;  height: 307px;  background: url(img/maexi.png) no-repeat; }
#maexi[id] { position: fixed; }/* für den IE unsichtbar! */
	 
#ContentHeader { width: 100%; height: 59px; background: url(img/box_green_top.png) left top no-repeat; margin: -35px 0 0 80px;}
#Content { width: 100%; background: url(img/box_green_bg.png) left top repeat-y; margin-left: 80px;}
#ContentInnerWrap {padding: 0 205px 0 45px;}
#ContentFooter { width: 100%; height: 59px; background: url(img/box_green_bottom.png) left top no-repeat; margin-left: 80px;}

#footer { width: 100%; height: 54px; background: url(img/footer_bg.png) left top no-repeat; margin-left: 1px; text-align: left; color: #4173A5; padding: 30px 0 0 40px; font-size: 10pt;}

/* Kontaktformular */
fieldset {border-style: groove; border-color: #F0F0F0; border-width: 2px; font-family: arial,verdana,sans-serif; font-size:	13px; margin: 0 2px 0 2px; padding: 4px 8px 10px 8px;}

input, textarea { font-family: arial,verdana,sans-serif; font-size: 12px; border: 2px solid  #97BE0D; line-height: 12px; margin: 3px 0 0 0; padding: 3px; }