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



	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 {	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; }



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 0 0 0;}



pre			{font-size:1.2em; }



a:hover { text-decoration:none; }



/*	html

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

html {

	min-height: 100%;

	margin-bottom: 1px;

}



/*	body

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

body {

	background-image:url(bg_body.jpg);

	font-family:verdana, arial, helvetica, sans-serif;

	font-size: xx-small;

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: x-small;

}



.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, 

#main-block .warning { color:#f00; }





/*	website

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

#website {

	position:relative;

	display:block;

	margin:0;

	padding:0;

	height:100%;

	width:790px;

	color:#000;

	text-align:left;

}



/*	header

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

#header {

	position:relative;

	margin:0;

	padding:0;

	height:130px;

	background-image:url(bg_header.jpg);

}



/*	logo / breadcrumb

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

#logo {

	position:absolute;

	top:0px;

	left:0px;

}



#logo a {

	display:block;

	height:100px;

	width:170px;

	text-indent:-700em;

}





#breadcrumb {

	position:absolute;

	bottom:9px;

	left:200px;

}



#breadcrumb a, 

#breadcrumb a:link {

	color:#000;

}



#breadcrumb a:hover {

	text-decoration:underline;

}

/*	content

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





#content, #content2 {

	display:block;

	clear:both;

	position:relative;

	padding:0 0 0 0;

}





/* hide from IE/MAC \*/

* html #content, * html #content2 {

	height:1px;

}

/* end hide */





#content {}



#content2 {

	background-image:url(bg_content.jpg);

	background-repeat:repeat-y;

}



#main {

	float:left;

	width:560px;

}



#main-block {}



#main-block2 {

	padding:14px;

}

#article-list ul li a:hover {

	color:#0000CD;

}





/*	Navigation vertical - 

	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 

	zum nächsten Kommentar gelöscht werden

------------------------------------------------------------------------------*/

#navigation {

	float:left;

	width:200px;

	padding:14px 0;

}



#navigation ul.nav1st {

	width:170px;

}





#navigation ul.nav1st li {

	padding:8px 0 8px 14px;

}



#navigation ul.nav1st li.active {

	background:#f7f7f7;

}



#navigation ul.nav1st li.active a,

#navigation ul.nav1st li.active a:link {

	color:#0000CD;

}



#navigation ul.nav1st a, 

#navigation ul.nav1st a:link {

	display:block;

	color:#0000CD;

	font-size:1.2em;

	font-weight:bold;

}



#navigation ul.nav1st a:hover {

	color:#3A5FCD;

}





#navigation ul.nav1st li ul.nav2nd li ul.nav1st a:hover ul.nav2nd a:hover {

	padding:0;

	margin-left:14px;

	list-style-type:square;

	color:#3A5FCD;

	

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

	display:block;

	padding:4px 0 4px 0;

	font-size:1.1em;

	font-weight:normal;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

	text-decoration:underline;
	color:#3A5FCD;

}





/*	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 {

	position:absolute;

	bottom:30px;

	left:200px;

	width:560px;

	background:#fff;

}



#header-nav ul.nav1st {

}





#header-nav ul.nav1st li {

	display:block;

	float:left;

	padding:5px 7px 5px 7px;

}



#header-nav ul.nav1st li.active {

	background:#f7f7f7;

}



#header-nav ul.nav1st li.active a,

#header-nav ul.nav1st li.active a:link {

	color:#0000CD;

}



#header-nav ul.nav1st a, 

#header-nav ul.nav1st a:link {

	color:#0000CD;

	font-size:1.2em;

	font-weight:bold;

}



#header-nav ul.nav1st a:hover {

	color:#0000CD;

}





#navigation {

	float:left;

	width:200px;

	padding:14px 0;

}



#navigation ul.nav2nd li {

	padding:0;

	margin-left:14px;

	font-size:1.1em;

	font-weight:normal;

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

	display:block;

	padding:4px 0 4px 0;

	color:#606060;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

	color:#0000CD;

	text-decoration:underline;

}







/*	donate Werbebanner

------------------------------------------------------------------------------*/

#donate {

	margin:2em 0 0 14px;

}



/*	Headlines

------------------------------------------------------------------------------*/



/* Headline 1 */

#main-block h1 {

	color:#0000CD;

	font-family:arial, helvetica, verdana, sans-serif;

	font-size:1.7em;

	font-weight:bold;

	line-height:1.8em;

}



#main-block .teaser h1 {

	font-size:1.4em;

}



/* Headline 2 */

#main-block h2 {

	color:#000;

	font-family:arial, helvetica, verdana, sans-serif;

	font-size:1.4em;

	font-weight:bold;

	line-height:1.4em;

}





/*	Paragraphs / Lists

------------------------------------------------------------------------------*/

#main-block p,

#main-block ul,

#main-block ol {

	margin-bottom:1.2em;

	font-size:1.2em;

	line-height:1.6em;

}

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul {

	font-size:1em;

}



#main-block ul {

	margin-left:14px;

	list-style-type:square;

}



#main-block ol {

	list-style-type:decimal-leading-zero;

}





/*	Hyperlinks

------------------------------------------------------------------------------*/

#main-block a, #main-block a:link {

	color:#0000CD;

	text-decoration:underline;

}



#main-block a:hover {

	color:#000;

}







/*	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 {

	display:block;

	width:100%;

	background-image:url(bg_body.jpg);

	background-position:0 -100px;

}

.footer2 {

	padding:0 14px;

}

.footer p {

	margin:0;

	padding:9px 0;

	font-size:10px;

	text-transform:uppercase;

}



.footer p, 

.footer p a,

.footer p a:link {

	color:#555555;

}

.footer p a:hover {

	text-decoration:underline;

}



.footer .col-left {

	float:left;

	width:186px;

}

.footer .col-right {

	float:left;

}



/*	login form

------------------------------------------------------------------------------*/

.login {

	margin:1.2em 0 1.2em 0;

	width:170px;

	background-color:#f7f7f7;

	font-size:1.2em;

	line-height:1.4em;

}



.login2 {

	padding:5px 0 5px 14px;

}



.login label {

	display:block;

	clear:both;

	margin-top:5px;

	color:#606060;

}



.login input {

	float:left;

	margin:5px 0;

	width:130px;

	border:1px solid #606060;

	background-color:#fff;

}





.login input.submit { 

	border:none;

	background:none;

	color:#606060;

	text-decoration:underline;

	cursor:pointer;

}





/* form-module

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

#form-module * {

	padding:0px;

	margin:0px;

}



#form-module {

	margin:0px;

	padding:0px;

	width:520px;

	background-color:#f7f7f7;

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

}



#form-module fieldset {

	border:0px solid #fff;

}



#form-module legend {

	display:none;

}





#form-module p {

	margin:0;

	padding:5px;

	font-size:1em;

	font-weight:bold;

}



#form-module .element {

	display:block;

	clear:both;

	background-color:#f7f7f7;

	border-top:2px solid #fff;

}



#form-module label {

	display:block;

	float:left;

	padding:5px;

	width:120px;

	border-right:2px solid #fff;

}



#form-module label.checkbox {

	width:372px;

	border-left:2px solid #fff;

	border-right:none;

}



#form-module input, 

#form-module select, 

#form-module textarea {

	float:left;

	margin:5px;

	width:295px;

	border:1px solid #333;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox {

	width:120px;

	padding:0;

	border:none;

}



#form-module input.submit { 

	margin:5px 5px 5px 137px;

	padding:2px 5px;

	border:1px solid #333;

	background-color:#fff;

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	text-align:center;

	cursor:pointer;

}



#form-module input.submit:hover { 

	background-color:#f7f7f7;

	color:#000;

}



#form-module label.textarea, 

#form-module textarea.textarea {

	height:96px;

}



#form-module-thanks {

	display:block;

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

}





/* download

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

#main-block .download-hdl p, 

#main-block .download-file p, 

#main-block .download-desc p {

	margin:0;

}

#main-block .download-hdl p {

	padding:5px 7px;

	background-color:#393;

	font-weight:bold;

	color:#fff;

}



#main-block .download-file {

	padding:1.2em 7px;

	border-left:2px solid #393;

	border-right:2px solid #393;

}



#main-block .download-desc {

	margin-bottom:1.2em;

	padding:1.2em 7px;

	background-color:#e5ffe5;

	border-left:2px solid #393;

	border-right:2px solid #393;

	border-bottom:2px solid #393;

}



#main-block .download-without-desc {

	margin-bottom:1.2em;

	border-top:2px solid #393;

}



/* 

FORMATION CSS:

Heavily borrowed from:

http://silice.de/csstest/formtest.html

*/



form.formation *

{	font-size:100.01%;

	margin:0;

	padding:0;

	color:black;

	background-color:white;

	font-family:Verdana,Sans-serif;

}



form.formation fieldset

{	border:1px solid #CCC;

	margin:0em;

	padding:1em;

	font-size:1.2em;font-weight:700;
	
	p:1,0em;

	width:20em;

}

form.formation  p.radio,
form.formation p.checkbox
{	font-size:0.9em;
}


/* really bad IE hack \*/

* html form.formation fieldset { width:29em; }

* html form.formation fieldset legend { margin-bottom:1em; }

/* IE hack */



form.formation label

{	font-size:1.1em;

	font-weight:700;

	width:20em;

	float:left;

	margin:0 0 0.9em 0;

}



form.formation input, 

form.formation select, 

form.formation textarea

{	font-weight:normal;

	float:left;

	margin:0 0 0.3em 0;

	font-size:0.8em;

}



form.formation fieldset br

{	clear:left;

}


form.formation input.text,

form.formation input.password

{	width:20em;

	border:1px solid #CCC;

	padding:0.1em;

}



form.formation select

{	width:20.3em;

	border:1px solid #CCC;

}



form.formation textarea

{	width:20em;

	border:1px solid #CCC;

	padding:0.1em;

}



form.formation input.checkbox

{	margin-left:8em;

}



form.formation label.checkbox

{	font-weight:normal;

	margin-left:1em;

}

form.formation input.radio

{	margin-left:0em;

}



form.formation label.radio

{	font-weight:normal;			

	margin-left:1em;

}

form.formation input.button

{	width:10.3em;

	border:1px solid #CCC;

	background-color:#DDD;

	font-weight:700;

	font-size:0.8em;

	margin-top:2em;

	color:black;

}



form.formation input.button:hover

{	border:1px solid black;

}



form.formation p.FORMATIONerror

{	border:1px solid #CC6666;

	color:#000000;

	background-color:#FFCCCC;

	padding:5px;

	margin:0 20px 20px 20px;

	font-size:0.7em;

	text-align:center;

}



form.formation p.FORMATIONsuccess

{	border:1px solid #76CB66;

	color:#000000;

	background-color:#D3FECB;

	padding:5px;

	margin:0 20px 20px 20px;

	font-size:0.2em;

	text-align:center;

}

form.formation strong

{	background:none;

}