/*********************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; 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 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
    background-color:#FFFFFF;
	color: #000000;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	line-height:1.6em;
	overflow:hidden;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;

}

.floatLeft { float:left; margin-right:15px;; margin-bottom:15px; }
.floatRight { float:right; margin-left:15px; margin-bottom:15px; }

.warning { color:#f00; background: inherit; }


/* ### HEADER ###################################################################### */

div#header { height:80px; }
div#logo { height:30px; width:291px; background-image:url(logo.jpg); margin-top:30px; margin-left:150px;  }

div#text_content { color:#666666; position:absolute; top:480px; left:150px; height:150px; width:650px; overflow:hidden; border-right:1px solid #CCCCCC; }
div#text_content p { margin-bottom:10px; padding-right:15px; } 
div#text_content a { color:#82B300; } 

div#nv1 { position:absolute; top:480px; left:0; width:135px; font-size:1.0em; line-height:1.6em; text-align:right;  }
div#nv1 li { margin-bottom:10px;  } 
div#nv1 a { color:#666666; }
div#nv1 em  a { font-style:normal; color:#666666  }  

div#nv_sub { position:absolute; top:480px; left:150px; height:150px; width:200px; overflow:hidden; border-right:1px solid #CCCCCC; } 
div#nv_sub li { text-align:right; margin-bottom:10px;  }
div#nv_sub li a { color:#666666; } 
div#nv_sub ul { margin-right:15px; }


div#projekt_viewer { position:absolute; border-left:0px; top:80px; left:0px; width:800px; height: 380px;  overflow:hidden; } 
div#projekt_galerie { position:absolute; top:80px; left:810px; border-right:1px solid #CCCCCC; width:170px; height: 380px;  overflow:hidden;}
div#projekt_galerie div { margin-bottom:8px; }

div#projekt { position:absolute; top:480px; left:385px; height:150px; width:415px; overflow:hidden; line-height:1.8em; color:#666666;  border-right:1px solid #CCCCCC; } 
div#projekt div { margin-bottom:5px;} 
div#projekt div a { color:#000000; }
div#projekt div p { margin-bottom:10px; } 

div#projekt div#content { margin-right:20px; } 
div.p_titel { font-weight:bold; } 

div#layout_overlay  { display:none; background-image:url(slicer/spacer.png); background-repeat:no-repeat; background-position:top left; position:absolute;  top:100px; left:0px; z-index:10; width:630px; height: 424px;  }
div#layout_overlay div  { background-image:url(slicer/or.png); background-position:top right; }
div#layout_overlay div div  {  background-image:url(slicer/spacer.png); background-position:bottom left; }  
div#layout_overlay div div div  { background-image:url(slicer/ur.png); background-position:bottom right;  width:630px; height: 424px; } 

#content { height:100%; overflow:hidden; }

#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:5px;
	background-color:transparent;
	cursor:move;
}

#scrollbar_handle {
	width:10px;
	background-color:#CCCCCC;
	cursor:move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
    -moz-opacity:0.9;
}

#galerie_image { cursor:move; } 

#preloader { position:absolute;  z-index:60; top:39px; left:130px; display:block; }
div#header_image { position:absolute; border-left:0px; top:80px; left:0px; width:805px; height:380px;  overflow:hidden; }