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

	Project		:	Redaxo Demo

	Copyright	:	blumbeet - web.studio
					www.blumbeet.com

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




/*	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  { font-size: 11px; margin: 0px; padding: 0px; border: none; border-spacing: 0px }
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { 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 }

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/*	html
*******************************************************************************/
html { margin-top: 10px; margin-bottom: 10px; min-height: 95% }

/*	body
*******************************************************************************/
body { font-size: x-small; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; voice-family: "\"}\""inherit  }

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

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#f00; }


/*	website
*******************************************************************************/
#website  { color: #000; text-align: left; margin: 0; padding: 0; position: relative; width: 100%; height: 100%; display: block }


/*	breadcrumb
*******************************************************************************/
#breadcrumb {
	position:absolute;
	bottom:9px;
	left:200px;
}

#breadcrumb a, 
#breadcrumb a:link {
	color:#000;
}

#breadcrumb a:hover {
	text-decoration:underline;
}


/*	content
*******************************************************************************/
/* hide from IE/MAC \*/
* html, * html {
	height:1px;
}
/* end hide */

#main  { float: left; width: 740px; height: 100% }

#main-block   { width: 740px; height: 100% }

#main-block2       { font-size: 1.1em; padding: 8px 20px 10px 10px }

.box     { padding-left: 32px }
.box-blau  { vertical-align: middle; padding-left: 32px; height: 19px }
A.box-nav     { color: #fff; font-weight: bold; font-size: 1.1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
A.box-nav-blau { color: #fff; font-weight: bold; font-size: 1.1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
A.box-nav:hover    { color: #3c5a78; text-decoration: none }
A.box-nav-blau:hover { color: #fc0; text-decoration: none }
.td { font-size: 1.1em }
/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/

#header-nav      { padding-top: 10px; padding-left: 32px }

#header-nav ul.nav1st {}


#header-nav ul.nav1st li  {}

#header-nav ul.nav1st li.active  { }

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link    { color: #fff }

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link    { color: #3c5a78; font-weight: bold; font-size: 1.1em }

#header-nav ul.nav1st a:hover   { color: #fff; text-decoration: none }


#navigation         { padding-top: 10px }

#navigation ul.nav2nd li  { }

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link   { color: #fff; font-weight: bold; font-size: 1.1em }

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link,
#navigation ul.nav2nd a:hover { color: #3c5a78; text-decoration: none }


/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#main-block h1     { color: #5f8cb9; font-weight: normal; font-size: 2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 10px }

#main-block .teaser h1    { font-size: 1.8em; margin-bottom: 10px }

/* Headline 2 */
#main-block h2    { color: #5f8cb9; font-weight: normal; font-size: 1.6em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 10px }


/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol    { margin-bottom: 1.2em }
#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul  { }

#main-block ul { list-style-type:square; padding-right: 8px; padding-left: 28px }
#main-block ol   { list-style-type: decimal-leading-zero; padding-right: 8px; padding-left: 24px }


/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link { color: #5f8cb9; font-weight: bold; text-decoration: none }

#main-block a:hover   { color: #fc0; text-decoration: none }



/*	Images
------------------------------------------------------------------------------*/
#main-block div.image {
	margin-bottom:0;
}
#main-block div.image p {
	margin:0;
	font-size:0.9em;
}
#main-block div.flLeft {
	margin-right:14px;
}
#main-block div.flRight {
	margin-left:14px;
}


/*	footer
------------------------------------------------------------------------------*/
.footer   { text-align: center; margin-left: 81px }

.footer p  { font-size: 1em }

.footer p, 
.footer p a,
.footer p a:link  { color: #000 }

.footer p a:hover {
	text-decoration:underline;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p    { color: #5f8cb9; font-weight: bold; background-color: #d7e2ed; padding: 5px 7px }

#main-block .download-file    { padding: 1.2em 7px; border-right: 2px solid #d7e2ed; border-left: 2px solid #d7e2ed }

#main-block .download-desc      { background-color: #ffe57f; margin-bottom: 1.2em; padding: 1.2em 7px; border-right: 2px solid #d7e2ed; border-bottom: 2px solid #d7e2ed; border-left: 2px solid #d7e2ed }

#main-block .download-without-desc   { margin-bottom: 1.2em; border-top: 2px solid #d7e2ed }

#sm {
position : absolute; 
width : 600px; 
height : 100px; 
left: -120px; 
top: -150px;
visibility: hidden; }


/* ### FORMULAR ############################################################### */

/* Div das das Formular umschlie§t */
.formgen { background-color: #d7e2ed; margin-top: 8px; margin-bottom: 8px; padding: 8px }


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
  { line-height: 130% }




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


.formgen .formblock
   { margin-top: 8px; margin-bottom: 8px; padding-right: 4px; padding-left: 4px }
 .forminfo 
       { color: #8b0000; font-weight: bold; margin-bottom: 8px; padding: 4px; border: solid 2px #8b0000 }

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
      { font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; margin-bottom: 4px; padding: 2px; border: none; width: 336px; height: 200px }


/* Textfeld */
.formgen .formtext
     { font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; padding: 2px; border: none; width: 336px; height: 16px }

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover    { color: #fff; background-color: #5f8cb9; border: none }



/* Label */
.formgen label   { font-weight: bold; float: left; clear: left; padding: 3px 4px 5px; width: 180px; height: 20px }
.formgen input  { }
.formhinweis   { margin-bottom: 6px; padding: 2px 4px }
.formcheck { margin-top: 2px }
/* Aussehen der Select-Ausgabe */
.formgen .formselect
      { color: #3c5a78; background-color: #f3f6fa; border: solid 1px #5f8cb9; width: 340px }


/* Sende-Button */
.formgen .formsubmit
      { color: #ffffff; font-weight: bold; background-color: #3c5a78; text-align: center; float: right; margin-right: 170px; border: none; width: 343px; height: 20px }



/* Fieldsetbeschriftung */
.formgen legend   { width: 150px }
.formgen .fieldset  { margin-bottom: 8px }

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


/* Markierung der Labels bei Fehler */
.formgen .formerror   { color: #8b0000 }

.formgen .formcaptcha
      { vertical-align: top; float: left; padding-right: 20px; padding-left: 4px }

.formgen .formreq   { color: #8b0000 }

.formgen .formheadline       { color: #5f8cb9; font-weight: normal; font-size: 1.6em; margin-top: 8px; margin-bottom: 8px; padding: 4px }

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */