*

/* _style.css Document */

                {
                margin:         auto;
                padding:        0px;
                color:          #666;
				srcoll: yes;
                }
			
                html, body  {
				behavior:url("csshoverfix.htc"); 
	            border-top: 0px solid #fff; 
				background:     url(beton.jpg); 
				margin:			0px auto;
				font:			0.9em     Arial, Verdana, Helvetica, sans-serif;
				padding: 0px 0px 0px 0px;
				text-align:center;
				srcoll: yes;
				width: 100%;
                }
/* Formulare */
/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 0px;
	font-weight: normal;
	border: none;
}
/* 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 : 35px;

}
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	border: none;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	border: none;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 250px;
	height: 200px;
	padding-top: 5px;
	margin-left: 4px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 0px;
	font-size: 1em;
	height: 20px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

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



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #666665;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 250px;
	text-align: center;
	font-color: #666666;
	background-color: #e2eff7;
	border: 1px solid #666666;
	float: left;
	margin-left: 125px;
	color: #3088c6;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

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


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

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

.formgen .formreq {
	color: #e20d35;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

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

/* Layout */
            div#blog1
            {
				margin: auto;
				padding: 0px;
				width: 1040px;
				background-image: url(schatten.jpg);
				background-repeat: repeat-y;
				text-algin: center;
            }
			
			div#blog1 div#header /* logo + teaser */
			{
				width:			990px;	
				height:			384px;   
				margin:			auto;
				text-align:left;
				overflow:hidden;
			}
								
			div#blog1 div#logo /* logo pic */
			{
				background:     url(header.jpg) no-repeat; 
				height:			98px;
    			width:			auto;	
    			overflow:hidden;
			}	
			div#blog1 div#gruen /* logo pic */
			{
				background-color:#FFF;
				height:			41px;
    			width:			auto;	
    			overflow:hidden;
				background:     url(weiss-unterheader.jpg) repeat; 
			}
			
			div#blog1 div#weiss /* logo pic */
			{
				background-color:#FFF;
				height:			4px;
    			width:			auto;	
    			overflow:hidden;
			}
			
			div#blog1 div#image /* teaser pic */
			{
				height:			191px;
				background:     url(imagekleidung.jpg) no-repeat; 
    			float:			left;
    			width:			100%;	
    			overflow:hidden;
				
			}
			
			div#blog1 div#textlink /* teaser pic */
			{
				height:			50px;
				padding: 160px 0px 0px 225px;
    			float:			left;
    			width:			100%;	
    			overflow:hidden;
				font-weight:bold;
				color: #add62f;
			}
			div#blog1 div#textlink a /* teaser pic */
			{
    			width:			100%;	
    			overflow:hidden;
				font-weight:bold;
				color: #add62f;
				text-decoration:none;
				background-color:#000;
				padding: 5px;
			}
			div#blog1 div#textlink a:hover /* teaser pic */
			{
    			width:			100%;	
    			overflow:hidden;
				font-weight:bold;
				color: #000;
				text-decoration:none;
				background-color:#add62f;
				padding: 5px;
			}
			div#blog1 div#unternavi /* teaser pic */
			{
				height:			50px;
				background:     url(navi.jpg) repeat; 
    			float:			left;
    			width:			100%;	
    			overflow:hidden;
			}
			
			div#blog2
            {
	margin:			0px auto;
	background-color:#999;
	overflow:	hidden;
	padding: 0px 0px 0px 0px;
	width: 1040px;
	background-image: url(schatten2.jpg);
	background-repeat: repeat-y;
            }
			div#blog22
            {
				margin:			0px auto;
				width:			990px;
				background-color:#f3f5f4;
				padding: 0px 0px 0px 0px;
	            overflow:	hidden;
            }
			div#blog2 div#blog22 div#main{ /* box 1 + 2 + 3 / 3 Spalter*/
                background:  url(_bg_content_3spalter.gif) left top repeat-y;   
				text-align:left;
                float:          left;
                width:          100%; 
    			overflow:	hidden;
		    }
			
			div#blog2 div#blog22 div#links{ /* left / incl. Menue */
			    padding: 		10px 0px 10px 20px;
                float:          left;
                width:          200px; 
    			overflow:		visible;
				height:			500px;
		    }
			div#blog2 div#blog22 div#rechts{ /* rechts */
			    padding: 		0px 0px 0px 0px;
                width:          751px; 
    			overflow:		visible;
				float:          left;
		    }
			
        	div#blog2 div#blog22 div#rechts div#breadcrumb{ /* left / incl. Menue */
			    display:block;
				padding:7px 0px 0px 12px;
                float:          left;
                width:         731px; 
				overflow:visible;
				list-style:none;
		    }
			div#blog2 div#blog22 div#rechts div#main{ /* left / incl. Menue */
			    display:block;
				padding:7px 0px 0px 20px;
                float:          left;
                width:         731px; 
				overflow:visible;
				list-style:none;
		    }
			div#blog2 div#blog22 div#rechts div#main2{ /* left / incl. Menue */
			    display:block;
				padding:7px 0px 10px 10px;
                float:          left;
                width:         700px; 
				overflow:visible;
				list-style:none;
				border:#ccc solid 1px;
				background-color:#FFF;
				height:100%;
		    }
			div#blog2 div#blog22 div#rechts div#text1{ /* left / incl. Menue */
			display:block;
			padding:5px 5px 0px 0px;
			margin:0px 0px 0px 0px;
			float:          left;
			width:         670px;
			height:auto;
			overflow:visible;
			list-style:none;
			background-color:#fff;
			border-right:#ccc 0px;
			border-right-style:dotted;
			float:left;
		    }
			
			div#blog2 div#blog22 div#rechts div#text2{ /* left / incl. Menue */
			    display:block;
				padding:10px 10px 10px 10px;
				margin:0px 0px 10px 10px;
                float:          left;
                width:         225px; 
				height: 100%;
				overflow:visible;
				list-style:none;
				background-color:#efefef;
				border-right:#ccc 0px;
				border-right-style:dotted;
		    }
			
			div#blog2 div#blog22 div#rechts div#text2 table{ /* left / incl. Menue */
			    padding:0px;
				margin:0px;
				text-align:left;
                
		    }
			
			div#blog2 div#blog22 div#rechts div#text3{ /* left / incl. Menue */
			    display:block;
				padding:10px 10px 10px 10px;
				margin: 0px 0px 0px 0px;
                float:          left;
                width:         670px; 
				overflow:visible;
				list-style:none;
				background-color:#efefef;
				border-top:#ccc 0px;
			    border-top-style:dotted;
		    }
			
			
      		 div#blog2 div#blog22 div#rechts div#zurueck{ /* left / incl. Menue */
			    display:block;
				padding:10px 10px 10px 20px;
                float:          left;
                width:         731px; 
				overflow:visible;
				list-style:none;
		    }
			div#blog2 div#blog22 div#rechts div#zurueck a{ /* left / incl. Menue */
			    display:inline;
				font-family:Arial, Helvetica, sans-serif;
				font-size:0.9em;
				color:#666;
				margin:0;
				padding:0;
				text-decoration:none;
				font-weight:normal;
		    }
			
			div#blog2 div#blog22 div#rechts div#zurueck a:hover{ /* left / incl. Menue */
			    color:#7eb62d;
		    }
			
			div#footer2   /* footer */
			{
	      		
    			width:			100%;
				height:			100%;
				text-align:		center;
				margin:			0px auto;
	            overflow:		hidden;
				background-color:#1c2c3c;
            }

			div#footer2 div#footer   /* footer */
			{
				padding: 	8px 0px;
				height:		30px;
    			width:		990px;
				text-align:	center;
				margin:		0px auto;
	            overflow:	hidden;
				background-color:#1c2c3c;
            }
			
	
    div#footer2 div#footer p { /* footer font style */
	height:			100%;
	font-size: 100%;
    color:#3088c6;
    text-align:center;
	margin-bottom:0px;
	background-color:#1c2c3c;
    }

    div#footer2 div#footer a {
    color:#3088c6;
	text-decoration: none;
    }

    div#footer2 div#footer a:hover {
    color:#aed730;
	text-decoration: none;
    }
	
	
/* Fonts / Style */

    h1, h2, h3, h4, h5 {  
	margin-top: 0px;
	font-weight: normal;
	margin-bottom:10px;
    line-height:120%;	
	overflow:hidden;
    }

    h1 {
	color:#fff;
	padding: 10px 0px 0px 10px;
	font-size: 100%;
	margin-bottom:10px; 
	font-weight: bold;
    }

    h2 {
	color:#666666;
	padding: 4px 0px;
	font-size: 150%;
	margin-bottom:15px; 
    }
	h5 {
	color:#666666;
	padding: 4px 0px;
	font-size: 100%;
	margin-bottom:0px; 
	font-weight: normal;
    }

    h3 {
	color:#666666;
	padding: 4px 0px;
	font-size: 120%;
	margin-bottom:10px;
    }
    h6 {
	color:#666666;
	padding: 4px 0px;
	font-size: 120%;
	margin-bottom:10px;
    }

    p, ol, ul {
	color:#666666;
	font-size: 100%; 
	margin-bottom:10px;
    line-height:150%;	
    }

    ol, ul {
	padding-left: 30px;
    }

    a {
    color:          #666666;
	text-decoration: none;
    }
    
	a:hover { 
	text-decoration:underline;
    color:          #333;
    }

    a img {
	border: none;
    }	
	
		.youtubepreview {
		width: 150px;
	}

	
	.thumbnail {
	float: left; 
	display: inline; 
	width: 150px;
	border-width: 0px;
	padding: 0px 30px 0px 0px;
}

.thgreserved {
color: #add62f;
padding: 8px;
}


#rexsearch_form {
border:0;
text-align:right;
padding: Opx;
margin: 0px;

}

.search123{
	padding:0px;
	margin:5px 0px 0 0;
	height: 22px;
	}
	
	
	
.search1234{
	padding:0px;
	margin:5px 0 0 0;
	float:right;
	}
	
.simpleshop_form {
	color:#e2001a;
	list-style:none;
	text-align:left;
	border:none;
	background-image: url(hintergrund_grau.jpg);
	background-repeat: repeat-x;
	padding: 20px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	position:relative;
	font-weight:bold;
	font-size:16px;
	width: 235px;
	left: -10px;
	float: left;
	}	
	
	.simpleshop_form2 {
	color:#e2001a;
	list-style:none;
	text-align:left;
	border:none;
	background-image: url(hintergrund_grau.jpg);
	background-repeat: repeat-x;
	padding: 20px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	position:relative;
	font-weight:bold;
	font-size:16px;
	width: 235px;
	left: -10px;
	float: left;
	}
	.simpleshop_form2 li{
	color:#e2001a;
	list-style:none;
	text-align:left;
	border:none;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative;
	font-weight:bold;
	font-size: 12px;
	width: 245px;
	left: -30px;
	float: left;
	}
	.sum li{
	color:#e2001a;
	list-style:none;
	text-align:left;
	border:none;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative;
	font-weight:bold;
	font-size: 12px;
	width: 245px;
	left: -30px;
	float: left;
	}
	
	h7{
	color:#e2001a;
	list-style:none;
	text-align:left;
	border:none;
	background-image: url(hintergrund_grau.jpg);
	background-repeat: repeat-x;
	padding: 20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	position:relative;
	font-weight:bold;
	font-size: 16px;
	width: 225px;
	left: -10px;
	float: left;
	}
	
	
	.simpleshop_form li{
	color:#e2001a;
	list-style:none;
	text-align:left;
	border:none;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	position:relative;
	font-weight:bold;
	font-size: 12px;
	width: 245px;
	left: -10px;
	float: left;
	}
	
.simpleshop_list {
	list-style:none;
	text-align:left;
	border:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:absolut;
	left:0px;
	}	
	
	.simpleshop_form ul{
	position:relative;
  left: -15px;
  list-style:none;
	}
	
	.data {
	list-style:none;
	text-align:left;
	border:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:absolut;
	left:0px;
	}	
	
		.anzahl{
			width: 25px;
	}
	
.submit {
    			float:			left;	
    			overflow:hidden;
				width: 80px;
				font-weight:bold;
				color: #add62f;
				background-color:#000;
				border: 0px;
				height: 20px;
				padding: 2px;
				margin: 10px 0px 10px 0px;
			}
.submit a {
    			overflow:hidden;
				font-weight:bold;
				color: #add62;
				text-decoration:none;
				background-color:#add62f;
				padding: 10px;
				border: 0px;
			}
.submit a:hover /* teaser pic */
{
    			
    			overflow:hidden;
				font-weight:bold;
				color: #000;
				text-decoration:none;
				background-color:#add62f;
				padding: 5px;
			}
.bestellen {
	padding: 5px 0px 5px 5px;
	}
	
	.menge {
	background-color:#add62f;
	color:#000;
	font-weight:bold;
	padding: 3px 200px 3px 5px;
	margin: 0px 0px 5px 0px;
	}