/*-----------------------------------------------------------------*/
/* [Table of contents]

1. 	Main
2. 	Body
3. 	Content
4.		Header
5.		Footer
6. 	Logo css image replacement
7.		Nav
8.		SlideShow
	
/*-----------------------------------------------------------------*/
/* [1. Main] */

* { margin:0; padding:0; }
html, body { height:100%; }
a { color: #004B8F; font-weight: bold; outline: none; text-decoration: none; }
a:hover{ text-decoration: underline; }
ul, li{ list-style: none; }

/*-----------------------------------------------------------------*/
/* [2. Body] */

body{
	background: #E6E6E6 url(../images/layout/bg_body.png) repeat-y;
	color: #8C8C8C;
	font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

#Container{
	background: transparent url(../images/layout/bg_body.png) repeat-y;
	min-height: 100%;
	position: relative;
	width: 100%;
}

* html #Container{ height: 100%; }

/*-----------------------------------------------------------------*/
/* [3. Content] */

#Content{
	padding: 136px 0px 50px 530px;
	width: 360px; /* 880-530 */
}

#Content h1{
	color: #75777B;
	font: 1.7em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
}

#Content p{
	color: #666666;
	font: 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
}

#Content ul{
	color: #666666;
	font: 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
}

#Content li{ 
	background: url(../images/layout/bg_li.png) no-repeat 0px 9px;
	padding: 0px 0px 0px 10px;
}

#Content label{
	margin: 0px 0px 5px 1px;
	cursor: pointer;
	font: 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

#Content input{
	border: 1px solid #CCCCCC;
	width: 348px; /* 360-2-10 */
	padding: 5px;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 15px 0px;
}

#Content textarea{
	border: 1px solid #CCCCCC;
	width: 348px; /* 360-2-10 */
	height: 75px;
	padding: 5px;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 15px 0px;
	overflow: auto;
}

#Content input:focus{ border: 1px solid #83868C; }
#Content textarea:focus{ border: 1px solid #83868C; }

#Content input.false{ border: 1px solid #004B8F; }
#Content textarea.false{ border: 1px solid #004B8F; }

#Content input.submit{
	margin: 0px 0px 20px 0px;
	padding: 5px;
	width: auto;
	cursor: pointer;
	border: 1px solid #D9CDC3;
	background: #FFFFFF;
}

/*-----------------------------------------------------------------*/
/* [4. Header] */

#Header{
	border-bottom: 1px solid #CCCCCC;
	background: White;
	display: block;
	height: 120px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

/*-----------------------------------------------------------------*/
/* [5. Footer] */

#Footer{
	background: White url(../images/layout/bg_footer.png);
	border-top: 1px solid #CCCCCC;
	bottom: 0px;
	display: block;
	height: 31px; /* 50-19 */
	padding: 19px 0px 0px 0px;
	position: absolute;
	left: 0px;
	width: 100%;
	color: #FFFFFF;
	font-weight: normal;
}

#Footer a{
	color: #FFFFFF;
	font-weight: normal;
}

#Footer a.margin{ margin-left: 20px }

/*-----------------------------------------------------------------*/
/* [6. Logo css image replacement] */

#logo a{
	display: block;
	height: 24px;
	background: White url(../images/layout/logo_intraschoon.png) no-repeat 0px 0px;
	line-height: 1000px;
	overflow: hidden;
	position: absolute;
	left: 48px;
	top: 48px;
	width: 300px;
	z-index: 500;
}

/*-----------------------------------------------------------------*/
/* [7. Nav] */

#Nav{
	display: block;
	position: absolute;
	top: 140px;
	left: 20px;
	width: 180px;
}

#Nav ul li a{
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 23px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	color: #666666;
	font: normal 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#Nav ul li a:hover{ 
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #83868C;
}

#Nav ul li a.active{
	background: url(../images/layout/bg_li.png) no-repeat 167px 9px;
}

/*-----------------------------------------------------------------*/
/* [8. SlideShow] */

#SlideShow{
	border-bottom: 1px solid #CCCCCC;
	height: 400px;
	left: 221px;
	position: absolute;
	top: 121px;
	width: 288px;
}