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

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_oben.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 { color:#f00; }



/*	website


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


#website {



	position:relative;



	display:block;



	margin:0;



	padding:0;



	height:100%;


	width:890px;



	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;

	

	color:#fff;



	left:200px;



}



#breadcrumb a, 



#breadcrumb a:link {



	color:#fff;



}



#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:660px;



}




#main-block {}



#main-block2 {



	padding:14px;



}



/*	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:#075DA4;



}



#navigation ul.nav1st a, 



#navigation ul.nav1st a:link {



	display:block;



	color:#606060;



	font-size:1.2em;



	font-weight:bold;



}



#navigation ul.nav1st a:hover {



	color:#075DA4;



}



#navigation ul.nav1st li ul.nav2nd li {



	padding:0;



	margin-left:14px;



	list-style-type:square;



}




#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;



}




/*	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:#000000;



}



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



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



	color:#075DA4;



}



#header-nav ul.nav1st a, 



#header-nav ul.nav1st a:link {



	color:#606060;



	font-size:1.2em;



	font-weight:bold;



}



#header-nav ul.nav1st a:hover {



	color:#075DA4;



}


#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:#075DA4;



	text-decoration:underline;



}











/*	donate Werbebanner



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



#donate {



	margin:2em 0 0 14px;



}











/*	Headlines



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







/* Headline 1 */



#main-block h1 {



	color:#069;



	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:#075DA4;



	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:#ffffff;



}



.footer p a:hover {



	text-decoration:underline;



}



.footer .col-left {



	float:left;



	width:170px;



}



.footer .col-right {



	float:left;



}




/* 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:#075DA4;



	font-weight:bold;



	color:#fff;



}




#main-block .download-file {



	padding:1.2em 7px;



	border-left:2px solid #075DA4;



	border-right:2px solid #075DA4;



}







#main-block .download-desc {



	margin-bottom:1.2em;



	padding:1.2em 7px;



	background-color:#e5ffe5;



	border-left:2px solid #075DA4;



	border-right:2px solid #075DA4;



	border-bottom:2px solid #075DA4;



}


#main-block .download-without-desc {



	margin-bottom:1.2em;



	border-top:2px solid #075DA4;


}