/*
Template 1379
Japan Design Contest, Template 3
Author: Y. Kollega
*/



/*  Layout
----------------------------------------------- */

.body
{
	padding:0px 0px;
	text-align:center;
}


div#body-bg
{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:200px;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/body_bg.png) repeat-x left top;
}


* html div#body-bg
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/body_bg.png');
}



div#container
{
	position:relative;
	z-index:2;
	width:950px;
	margin:0 auto;
	text-align:left;
}


div#top
{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:950px;
	height:350px;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/header.png) no-repeat left top;
}

* html div#top
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/header.png');
}


div#btm
{
	position:absolute;
	z-index:4;
	bottom:0;
	left:0;
	width:950px;
	height:300px;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/footer.png) no-repeat left top;
}

* html div#btm
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/footer.png');
}


div#left
{
	position:absolute;
	z-index:5;
	top:220px;
	left:0;
	width:110px;
	height:370px;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/left.png) no-repeat left top;
}


* html div#left
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/left.png');
}



div#right
{
	position:absolute;
	z-index:6;
	top:220px;
	right:0;
	width:110px;
	height:460px;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/right.png) no-repeat left top;
}

* html div#right
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/right.png');
}


div#inner
{
	position:relative;
	z-index:7;
	padding:130px 110px 115px 110px;
}


div#nav-main
{
	width:694px;
	margin:0 auto;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/dotted_line.gif) repeat-x left bottom;
}


div#gutter
{
	width:722px;
	border-left:4px black solid;
	border-right:4px black solid;
}


div#wrapper
{
	width:702px;
	background-color:white;
	padding:10px;
}


div#sidebar
{
	width:212px;
	float:left;
}


div#jimdobox
{
	margin-bottom:30px;
}


div#content
{
	width:480px;
	min-height:500px;
	float:right;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/dotted_line.gif) repeat-y left top;
}


div#footer
{
	width:690px;
	margin:0px auto;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/dotted_line.gif) repeat-x left top;
}




/*  Innenabstaende
----------------------------------------------- */


div#nav-main .gutter { padding: 10px 10px 10px 10px; }
div#sidebar  .gutter { padding: 20px 15px 10px 15px; }
div#content  .gutter { padding: 10px 25px 10px 25px; }
div#footer   .gutter { padding: 12px 10px  0px 10px; }





/*  Schrift
----------------------------------------------- */

div#footer,
div#footer p,
div#footer td,
div#footer a,
div#footer a:visited
{
	font-size:10px;
	color:#999;
}

div#footer a:hover
{
	color:#333;
}



/*  Navi
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3
{
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}


ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } 


* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } 



ul.mainNav2
{
	margin-bottom:30px;
}


ul.mainNav3
{
	margin-bottom:12px;
}



ul.mainNav1 li a,
ul.mainNav1 li a:visited
{
	display:block;
	float:left;
	white-space:nowrap;
	font-size:10px;
	text-decoration:none;
	color:#999;
	outline:none;
}


ul.mainNav2 li a,
ul.mainNav2 li a:visited
{
	display:block;
	float:none;
	text-decoration:none;
	font-size:10px;
	color:#999;
	background:url(https://u.jimcdn.com/cms/o/layout/l9b09bdbd77fc8810/img/dotted_line.gif) repeat-x left bottom;
	outline:none;
}


ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	display:block;
	text-decoration:none;
	font-size:10px;
	color:#999;
	background:none;
	outline:none;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:5px 20px  5px  0px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:0px 10px  7px  0px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:0px 10px  3px 15px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	color:#555;
}


ul.mainNav1 li a.current,
ul.mainNav1 li a.current:visited,
ul.mainNav2 li a.current,
ul.mainNav2 li a.current:visited,
ul.mainNav3 li a.current,
ul.mainNav3 li a.current:visited,
ul.mainNav1 li a.parent,
ul.mainNav1 li a.parent:visited,
ul.mainNav2 li a.parent,
ul.mainNav2 li a.parent:visited
{
	color:#B3B3B3;
}