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

--------------------------------------------------------------------------------

	BLUMBEET CSS 1.0 COPYRIGHT 2004 BY THE GNU GENERAL PUBLIC LICENSE

	FOR REDAXO CONTENT MANAGEMENT SYSTEM



	Author:				BLUMBEET - Thomas Blum - www.blumbeet.com

	Project:			Redaxo Demo

						Tested in Mozilla 1.2; IE 6.0



	File:				main.css for Template "Default"



	Questions to:		mail[at]blumbeet.com

	More Redaxo Infos:	www.redaxo.de

--------------------------------------------------------------------------------

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



/*	undo

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

#hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;


}


#hassoNav {
	display: block;
	text-align:left;
	color:#f1f1f1

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
	color:#f1f1f1
}

#hassoNav a:hover {
	display: block;
	background-color:#333;
	color:#f1f1f1
}

#hassoNav #active {
	display: block;
	background-color:#333;
	color:#f1f1f1

}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 370px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #333;
	text-align: center;

}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 10px 5px;
	border:0;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;

}

#hassoThumbs .hassoThumb a {
	border:0;

}

#hassoThumbs .hassoThumb a img {
	border:0;

}


#hassoPic {
	text-align:center;
	padding: 5px;
	width: 360px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #333;
}


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;

}

#hassoPic .hassoDescription {
	text-align:left;
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 370px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;

}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;

}


/*    Hauptseite */

:link,:visited { text-decoration: underline; color: #3F3F3F}

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 { border:none }

img { margin:0; padding:0; vertical-align:bottom; } /**Werte waren Null 0 */

address { font-style:normal }



table {	border:1px; padding:0px; margin:0px; border-spacing:0px; font-size:1em;} /*geändert! */

tr { border:none; padding:0px; margin:0px; }

td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }





/*	body

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

body {
	background: #333333;
	color: #E2DAD4;
	font-family: verdana, sans-serif;
	text-align: center;
	font-size: 62.5%;
}


/*	website

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

#website {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 900px; /* geändert Wavemaster */
	border: 0px solid #F00;		    /* Controll Border */
	color: #000000; ; /* geändert  Wavemaster*/
	text-align:left;
	font-size:1.2em;
}

div.gal img {
         padding: 10px;
	margin-right: 10px;
	border: 1px solid #DB9854;
	margin-top: 0px;
    	margin-left: 10px;
}

.clear {
	display:block;
	clear:both;
}

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

.flLeft {
	float:left;
	font-size: 9px;
	color: #666666;
}

.flRight {
	float:right;
	font-size: 9px;
	color: #666666;
}


/*	navigation  oben  */

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


#header-nav {
     position: relative;
     top: 0px;
     left: 0px;
     width: 890px;
     padding: 5px;
     height: 35px;
     background: #000000;
}

#header-nav ul.nav1st {
}


#header-nav ul.nav1st li {
     display: block;
     float: left;
     padding: 4px 7px 4px 7px;
     margin: 2px;
     background: #4F4F4F;
     border-right: 2px solid #3F3F3F;
     border-bottom: 2px solid #3F3F3F;
     border-left: 0px solid #3F3F3F;
     border-top: 0px solid #3F3F3F;
}

#header-nav ul.nav1st li:hover {
     background: #6F6F6F;
     border-right: 0px solid #5F5F5F;
     border-bottom: 0px solid #5F5F5F;
     border-left: 2px solid #5F5F5F;
     border-top: 2px solid #5F5F5F;
}

#header-nav ul.nav1st a,
#header-nav ul.nav1st a:link {
     color: #000000;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
}

#header-nav ul.nav1st a:hover {
     color: #3F3F3F;
}

#header-nav ul.nav1st li.active {
     background: #6F6F6F;
     border-right: 0px solid #AFAFAF;
     border-bottom: 0px solid #AFAFAF;
     border-left: 2px solid #AFAFAF;
     border-top: 2px solid #AFAFAF;
}

#header-nav ul.nav1st li.active:hover {
     background: #7F7F7F;
     border-left: 2px solid #BFBFBF;
     border-top: 2px solid #BFBFBF;
}

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

#header-nav ul.nav1st li.active a:hover {
     color: #3F3F3F;
}


/*	navigation  seite  */

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

#navigation {
     position: relative;
     float: left;
     width: 190px;
     top: 0px;
     padding: 100px 0px 10px 0px;
     background: url(rebel_products_logo.gif) 6px 0px no-repeat #000000;
     color: #FFFFFF;
     height: 600px;
}

#navigation ul.nav2nd li {
     display: block;
     float: left;
     width: 160px;
     clear: left;
     padding: 4px 7px 4px 7px;
     margin: 2px;
     margin-bottom: 6px;
     background: #5F5F5F;
     border-right: 1px solid #4F4F4F;
     border-bottom: 1px solid #4F4F4F;
     border-left: 0px solid #3F3F3F;
     border-top: 0px solid #3F3F3F;
}

#navigation ul.nav2nd li strong {
     padding: 25px;
}

#navigation ul.nav2nd li:hover {
     background: #7F7F7F;
     border-right: 0px solid #5F5F5F;
     border-bottom: 0px solid #5F5F5F;
     border-left: 1px solid #6F6F6F;
     border-top: 1px solid #6F6F6F;
}

#navigation ul.nav2nd a,
#navigation ul.nav2nd a:link {
     color: #000000;
     font-size: 13px;
     font-weight: normal;
}

#navigation ul.nav2nd a:hover {
     color: #3F3F3F;
}

#navigation ul.nav2nd li.active {
     background: #8F8F8F;
     border-right: 0px solid #5F5F5F;
     border-bottom: 0px solid #5F5F5F;
     border-left: 1px solid #BFBFBF;
     border-top: 1px solid #BFBFBF;
}

#navigation ul.nav2nd li.active:hover {
     background: #9F9F9F;
     border-right: 0px solid #5F5F5F;
     border-bottom: 0px solid #5F5F5F;
     border-left: 1px solid #CFCFCF;
     border-top: 1px solid #CFCFCF;
}

#navigation ul.nav2nd a.current,
#navigation ul.nav2nd a.current:link {
     font-size: 13px;
     font-weight: normal;
     color: #2F2F2F;
}

#navigation ul.nav2nd a.current:hover {
     color: #3F3F3F;
}

#breadcrumb {
     position:relative;
     top: 0px;
     left: 0px;
     width: 892px;
     padding: 4px;
     background: #000000;
     color: #FFFFFF;
}

#ticker {
     position:relative;
     top: 0px;
     left: 0px;
     width: 220px;
     padding: 4px;
     color: #EEEEEE;
}

#ticker a {
     color: #FFFFFF;
}

#breadcrumb a {
     color: #FFFFFF;
}

/*	content

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


#content {
	display: block;
	clear: both;
	position: relative;
         top: 0px;
	margin:0;
	width: 900px;
         border-left: 3px solid #000000;
	border-right: 3px solid #000000;
         border-bottom: 3px solid #000000;
         background: url(content_bg.jpg) no-repeat bottom right #BFBFBF;
}

#main {
	padding: 0px;
}

#main-block {
         position: relative;
         top: 0px;
	float: right;
	width: 703px;
         height: 710px;
         overflow: auto;
}

#main-block2 {
	padding: 15px 0px 0px 20px;
	/*background:#111111;*/
}

#main-block2 img {
	padding: 0px 0px 10px 0px;
	/*background:#111111;*/
}

#logo {
	padding: 0px;
         position: relative;
         top: 0px;
         left: 0px;
         height: 110px;
         background: url(banner_main.jpg) no-repeat  #000000;
}

/*#logo a {
	color: #000000;
} */
#logo a {
	display:block;
	height:110px;
	width:900px;
	text-indent:-700em;
}

/* Footer */

.footer2 {
	display: block;
	clear: both;
	position: relative;
         margin: 0 auto;
         top: 43px;
	width: 900px;
}

.footer2 a,
.footer2 a:link {
     color: #E2DAD4;
     text-decoration: underline;
}

.footer2 a:hover {
     text-decoration: none;
}

/*	article
*******************************************************************************/

.category-list,
.article-list {
	color: #000000;
	margin: 10px auto;
	padding: 10px;
	width: 500px;
	background: #BFBFBF;
	border: 2px solid #5F5F5F;
}

.category-list h1 {
	margin: 0px 0px -10px 0;
}


.article-list  {
	color: E2DAD4;
}

.category-list img {
	display: block;
	/* float:left; */
	margin: 0px 0px -10px 0;
	width: 80px; /* war 120 */
	height: 40px; /* war 80 */
}

.article-list a,
.article-list a:link {
	color: #1F1F1F;
         text-decoration: underline;
}

.article-list a:hover {

	color: #4F4F4F;
	text-decoration: none;
}

td {
	color: #000000;
         background-color: #AFAFAF;
         padding: 7px;
	border-top: 1px dashed;
         border-color: #000000;
}

hr {
	width: 550px;
         float: left;
}
/*	headlines

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

h1 {
	margin:5px 0px 20px 2px;
	font-size: 17px;
	font-familiy: Verdana, Helvetica, "Times New Roman";
	color: #000000;
	font-weight: bolder;
}

h2 {
	font-familiy: Verdana, Helvetica, "Times New Roman";
	font-weight: bold;
}

p {
	margin:0px 0px 1.1em 0px;
	font-size:1.1em;
	line-height:1.6em;
}


/* fcontact
*******************************************************************************/

.fcontact {
	margin:30px 0px;
	padding:0px;
}

.fcontact fieldset {
	padding:20px;
	border:1px solid #666;
}

.fcontact form {
	width:70%;          /* need for Opera */
	text-align:left;   /* need for IE Mac */
}

.fcontact form .hide {
	display:none;
}

.fcontact form label {
	display:block;
	margin:10px 0 3px 0;
}

.fcontact form p.warning,
.fcontact form label.warning {
	color:#f00;
}

.fcontact form input,
.fcontact form textarea {
	display:block;
	margin:0 0 5px 0;									/* Abstand zum Form Ende */
	padding:2px;
	width:70%;
	background-color:#E2DAD4;
	border:1px solid #c7c7c7;
	color: #666666;
}

.fcontact form input.warning,
.fcontact form textarea.warning {
	border:1px solid #f00;
}

.fcontact form a,
.fcontact form a:link {
	display:block;
	width:80px;
	border-top:1px solid #8F8F8F;
	border-left:1px solid #8F8F8F;
	border-right:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	color:#666;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}

.fcontact form a:hover {
	/* background:#e7e7e7; */
}

/*------------------------- Gallery*/

.simple_gallery_controls image {
	padding:100px 60px 0 30px
}


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