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

	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 {

	color: #746D5A;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	}

/* \*/ * 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:10px; }
.floatRight { float:right; margin-left:15px; margin-bottom:10px; }

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



/* ### LAYOUT ###################################################################### */


#header { width:807px; height:60px;  position:absolute; top:50%; left:50%;  margin-left:-400px; margin-top:-300px; background-color:#848543;  } 
#logo { background-image:url(logo.jpg);  width:189px; height:28px; margin-left:15px; margin-top:10px; } 



/* ### PROJEKT  ###################################################################### */

#projekt_viewer { width:805px; height:340px; overflow:hidden;  position:absolute; top:50%; left:50%;  margin-left:-400px; margin-top:-230px; border:1px solid #848543; }
#gl_mover { position:absolute; }
#projekt_viewer div.viewer_img { float:left;  }

.point { cursor:pointer; }
.zoom { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor:url(/layout/lupe.cur);  }

#projekt_viewer div.desc { text-align:center;  width:300px; height:30px; line-height:1.6em; overflow:hidden;  }

#projekt_galerie {   width:820px; height:70px;  position:absolute; top:50%; left:50%;  margin-left:-405px; margin-top:120px;  overflow:hidden; }

#projekt_galerie div.image { float:left; border:1px solid #848543; margin:4px;  } 

#sub_mover { position:absolute; }

#sub_mover .image { width:58px; height:58px; background-image:url(load.gif); background-position:center center; background-repeat:no-repeat; }
#sub_mover .image img { background-color:#FFFFFF; cursor:pointer; } 
/* ### NAVIGATION  ###################################################################### */

#nav {  width:805px; height:30px;  position:absolute; top:50%; left:50%;  margin-left:-400px; margin-top:195px; border:1px solid #848543;  }
#nav li { float:left; margin:8px; margin-top:9px; text-transform:uppercase; }
#nav ul { margin-left:5px; } 
#nav li a { color:#848543; } 

#nav li.activ { } 

#nv_sub { width:245px; height:30px;  position:absolute; top:50%; left:50%;  margin-left:200px; margin-top:195px;  }  

#nv_sub li { float:left; margin:8px; text-transform:uppercase; }
#nv_sub li a { color:#848543; line-height:1.6em; } 



div#pagecontent { width:805px; height:412px; overflow:hidden;  position:absolute; top:50%; left:50%;  margin-left:-400px; margin-top:-230px; border:1px solid #848543; }

div#descriptor_l { width:230px; position:absolute; height:323px; top:50%; left:50%;  margin-left:-390px; margin-top:-222px;  color:#848543; background-color:#FFFFFF; border-right:1px solid #848543;  } 
div#descriptor_r { width:230px; position:absolute; height:323px; top:50%; left:50%;  margin-left:170px; margin-top:-222px;  color:#848543;  background-color:#FFFFFF; border-left:1px solid #848543;   } 

div#descriptor_l p { margin-top:10px; }
div#descriptor_l ul { margin-top:8px; margin-left:25px; list-style:disc; } 
div#descriptor_l ol { margin-top:8px; margin-left:25px; list-style:decimal; }

div#descriptor_r p { margin-top:10px; }
div#descriptor_r ul { margin-top:8px; margin-left:25px; list-style:disc; } 
div#descriptor_r ol { margin-top:8px; margin-left:25px; list-style:decimal; }
#pagecontent a { color:#746D5A; text-decoration:underline; }

div.txt-img  { margin:10px; line-height:1.6em; } 
div#descriptor_l  div.txt-img { margin-left:5px; margin-top:25px; margin-right:15px; } 
div#descriptor_r  div.txt-img { margin-left:15px; margin-top:145px; margin-right:15px; } 
div.txt-img h1 { font-size:1.6em; line-height:1.1em; margin-bottom:0.8em; } 

#pagecontent .txt-img { margin-left:15px; }



/* 
FORMGENERATOR
*/


.form { width:555px; float:right; margin-right:10px; margin-top:-7px; } 
.formheadline { font-size:1.6em;
line-height:1.1em;
margin-bottom:0.8em; margin-bottom:15px; padding-left:3px; } 

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;
}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	
	
}
 .forminfo 
{
	width: 370px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.6em;
	
	color:#990000;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px dashed #990000;
	
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 250px;
	height: 120px;
	margin-left: 4px;
	border: 1px solid #cccccc;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 1px solid #cccccc;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #666666;
	background-color: #f4f4f4;	
}



/* Label */
.formgen label {
	width: 117px;
	clear: left;
	float: left;
	height: 22px;
	line-height:22px;
	
	
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 140px;;
	text-align: center;
	background-color: #848543;
	border: 0px;
	margin-left:123px;
	color: #FFFFFF;
}

.formgen .formsubmit:focus, .formgen .formsubmit:hover {
	background-color: #848543;
	color:#ffffff;
}



/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}