/*

da-in-png.net Templates 01/2011

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, h6, a, dd, li { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1.5em;}
h1 {font-size: 18px; color: #ae0d1c; padding: 0 0 5px 30px; background: url(images/bird_logo.png) left top no-repeat;}
h2 {font-size: 16px; color: #ae0d1c; padding: 10px 0 2px 5px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h6 {padding-bottom: 7px; font-weight: normal;}

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

td {vertical-align: top;}

a { color: #ae0d1c; text-decoration: none;}
a:hover {text-decoration: underline; }

ul {
	padding-left: 20px;
	list-style-type: circle;
	
}

div.clear
{
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

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

#pageWrap { width: 900px; margin: 0 auto;  }
#InnerPageWrap {background-image: url(images/header_bg.jpg); background-repeat: repeat-x; background-color: #FFFFFF; text-align: left;}

#header { width: 100%; height: 226px;}
#header img { padding-top: 50px; }

#menu_top { position: absolute; margin: 25px 0 0 20px;}
#menu_top ul.firstLevel { display: block; }
#menu_top ul.firstLevel li { margin-left: 4px;  display: block; float: left; line-height: 20px; font-size: 18px; font-weight: bold;   }
#menu_top li a { color: #ae0d1c; height: 25px; padding: 0 10px 0 10px; text-decoration: none; display: block; background: url(images/menu_item.png) left top no-repeat; }
#menu_top li a:hover, active { color: #ffffff; background: url(images/menu_item_active.png) left top no-repeat; }
#menu_top li.act a { color: #ffffff; background: url(images/menu_item_active.png) left top no-repeat; }


#menu_sub { position: absolute; margin: -47px 0 0 395px; width: 590px;  }
#menu_sub ul.secondLevel { display: block; text-align: right; margin-left: auto; margin-right: 0px;}
#menu_sub ul.secondLevel li { margin-left: 4px;  display: inline; float: left; line-height: 20px; font-size: 18px; font-weight: bold;   }
#menu_sub li a { color: #ae0d1c; height: 25px; padding: 0 10px 0 10px; text-decoration: none; display: block; background: url(images/menu_item.png) right bottom no-repeat; }
#menu_sub li a:hover, active { color: #ffffff; background: url(images/menu_item_active.png) right bottom no-repeat; }
#menu_sub li.act a { color: #ffffff; background: url(images/menu_item_active.png) right bottom no-repeat; }


#menu_foot { position: absolute; margin: 5px 0 0 590px; width: 250px; background: #; }
#menu_foot ul.firstLevel { display: block; text-align: right;}
#menu_foot ul.firstLevel li { margin-left: 4px;  display: block; float: left;  font-size: 15px; font-weight: normal;   }
#menu_foot li a { color: #ae0d1c; height: 20px; padding: 0 10px 0 10px; text-decoration: none; display: block;  }
#menu_foot li a:hover, active { text-decoration: underline;  }

#ContentHeader { width: 200px; height: 45px; background: url(imgages/blank.png) left top no-repeat; margin: -35px 0 0 20px;}

/*#preCodeContent {clear: both;}*/

#Content { width: 100%; }

/* --- multicolumn layout --- */
.multiCols { width: 900px; float: left; }
.multiCols-col { float: left; margin: 0 10px 0 15px; }
.col-last { margin: 0; }
.multiCols-580 .multiCols-col { width: 580px; }
.multiCols-580 .col-2 { width: 290px; }


#footer { width: 100%; height: 35px; background: url(images/footer_bg.jpg) left top no-repeat #ffeab8; text-align: left; color: #4173A5; padding: 40px 0 0 0; font-size: 10pt;}

/* --- boxes --- */
.contentBox { width: 100%; float: left; padding-bottom: 15px;}
.contentBox .boxHeader570 { height: 10px; width: 100%; float: left; background: url(images/box_head_bg_570.png) left top no-repeat; display: block; } 
.contentBox .boxContent570 { width: 100%; float: left; background: url(images/box_bg_570.png) left top repeat-y; display: block;}
.contentBox .boxFooter570 { height: 16px; width: 100%; float: left; background: url(images/box_foot_bg_570.png) left bottom no-repeat; display: block; }
.contentBox .boxContentInnerWrap { padding: 5px 25px 5px 10px; }

.contentBox .boxHeader286 { height: 10px; width: 100%; float: left; background: url(images/box_head_bg_286.png) left top no-repeat; display: block; } 
.contentBox .boxContent286 { width: 100%; float: left; background: url(images/box_bg_286.png) left top repeat-y; display: block;}
.contentBox .boxFooter286 { height: 16px; width: 100%; float: left; background: url(images/box_foot_bg_286.png) left bottom no-repeat; display: block; }



#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; }


#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! */
	 
#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;}