/* CSS Document */



* { padding: 0; margin: 0; }





: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 }



h1{font-size: 16px; color: #81197f; font-weight: bold;}

h2{font-size: 14px; color: #81197f;font-weight: bold;}

h3{font-size: 12px; color: #81197f;font-weight: bold;}



h1, h2, h3 {margin-bottom: 15px;}





html, body {

height: 100%;

margin: 0;

padding: 0;

}



body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 12px;

 background: #e5e5e8 url(../images/bg_streifen.gif);

 background-repeat:repeat-x;

 

}



p {

 padding-bottom: 10px;

}







.clearer {

	display:block;

	clear:both;

	line-height:0;

	height:1px;

	font-size:0;

	visibility:hidden;

}



.clear {

	clear:both;

}





.stopFloat {

  display: block;

  float: none;

  clear: both;

  height: 1px;

  font-size: 0px;

  line-height: 0px;

}









#main{width:100%;

min-height: 100%;  

  height: auto !important;

  height: 100%;

border-top: 4px solid #a5037c;

}





#topheader {

 color: #333;

 width: 944px;

 float: left;

 height: 30px;

  border: 0px solid #000;

}





#logo{position:relative; float:left; width: 324px; margin-left: 30px; border:0px solid #000;}

#logo img {border:0px solid #000;  }









#lang {



	float: right;

	height: 20px;

	width: 264px;



	margin-right: 24px;

	margin-top: 0px;

	

	border: 0px solid #37444f;



	



}





#lang img{float:right; margin-top: 5px;}









#langs{display: inline; margin-top: 0px; margin-right: 24px; float: right; width: 72px; font-size: 12px; border: 0px solid #000; 

  color: #81197f;



  height: 22px;

  

 }

  

  

#langs  ul, #langs li {

float:left;

display: inline;

	padding:0px 0px;

	

	border-bottom: 0px;

}





.current_lang{display: inline;}



.trenner{display: inline; margin: 0px 6px; color: #fff;}









































#such {

clear:both;

	float:right;

	margin-right: 24px;

	margin-top: 5px;

	height: 25px;

	width: 264px;

	border: 0px solid #e5e5e8;

	background-image:url(../img/grasbueschel.gif);

	background-repeat:no-repeat;

	background-position:right;

	



}

#such fieldset{ float: right; border: 0px solid #e5e5e8;}

#such label{float:left; width: 80px; height: 20px; border: 0;}

#such input{float:left;  width: 185px; height: 23px; border: 1px solid #e5e5e8;}

#such .button{  height: 25px; width: 77px; background-image:url(../images/suchbutton.gif); }





#tel {

clear:both;

	float:right;

	margin-right: 24px;

	margin-top: 8px;

	height: 20px;

	width: 264px;

	border: 0px solid #37444f;

	background-image:url(../img/grasbueschel.gif);

	background-repeat:no-repeat;

	background-position:right;





}











#wrapper { 

 margin: 0 auto;

 width: 100%;



}















#container {

position: relative; 

 margin: 0 auto;

 width: 924px;

 border: 0px solid #000;

 background:url(../images/bg_wrapper.gif);

 background-repeat: repeat-y;



}



* html  #container { /* Für IE */

height: 100%;

}





#container2 {

float:left;

 margin-left: 22px;

 margin-top: 20px;

 width: 880px;

 border: 0px solid #000;

 background:url(../images/bg_links.gif);

 background-repeat: repeat-y;



}



* html  #container2 { /* Für IE */

height: 100%;

}











#header-produkte {

clear:both;

float: left;

width: 924px;

 

 height: 341px;

 background:url(../images/produkte_alle.jpg);

  background-repeat:no-repeat;

 background-position:120px 95px;



 border: 0px solid #000;

}



#banner{float:left;

width: 900px;

height: 195px;

margin-top:30px;

border: 0px solid #000;}



#bildbox1{float:left; width: 260px; height: 158px; margin-left:24px; margin-top: 20px; border: 1px solid #dbdbdd;}

#bildbox2{float:left; width: 260px; height: 158px; margin-left: 45px; margin-top: 20px; border: 1px solid #dbdbdd;}

#bildbox3{float:right; width: 260px; height: 158px; margin-right: 0px; margin-top: 20px; border: 1px solid #dbdbdd;}

#bildbox4{float:right; width: 571px; height: 158px; margin-right: 0px; margin-top: 20px; border: 1px solid #dbdbdd;}









#content { 

 float: right;

 color: #333;

 background: #FFFFFF; 

 min-height: 100%;  

  height: auto !important;

  height: 100%;

 

 width: 570px;

 display: inline;

 border: 0px solid #000;

 

}



* html #content { 

 width: 570px;

 display: inline;

 border: 0px solid #000;

 margin-right: 20px;

 

}



#incontent{margin: 0px 0px 20px 0px;

border: 0px solid #ccc;

line-height: 18px;

}





* html #incontent{margin: 0px 0px 20px 0px;

border: 0px solid #ccc;

line-height: 18px;

}





#incontent ul li{list-style-image: url("../images/dreieck_rot.gif");

/*background: transparent url("../images/dreieck_rot.gif") 5px 5px no-repeat;*/



margin-left: 25px; margin-bottom: 5px;}



#incontent a {color: #81197f;}

#incontent :link {color: #81197f;}

#incontent :visited {color: #81197f;}

#incontent :active {color: #81197f;}



#incontent strong{font-weight:bold;

color: #81197f;}



#incontent td{font-family:Arial, Helvetica, sans-serif;  padding-left: 3px; font-size: 11px; }

.grauelinie{border-bottom: 1px solid #bababa;}





#incontent #achtung{float: right; margin-top: -10px; margin-right: 0px; padding: 5px; width: 265px; height: 95px; border: 1px solid #81197f;}

#incontent #achtung img{margin-right: 5px;}



* html #incontent #achtung{float: right; margin-top: -1px; margin-right: 2px; padding: 5px; width: 265px; height: 95px; border: 1px solid #81197f;}



.Stil1 {

	color: #a5037c;

	font-weight: bold;

}

.Stil2 {color: #a5037c}





#links { 

 color: #333;



 min-height: 300px;  

  height: auto !important;

  height: 300x;

 width: 260px;

 float: left;

 margin-left: 3px;

 border: 0px solid #000;



}



#bildlinks{float:left; width: 225px; margin-top: 20px; margin-left: 15px; height:300px; background-image: url("../images/bg_blildlinks.gif");}





#bildlinks a {color: #a5037c;}

#bildlinks :link {color: #a5037c;}

#bildlinks :visited {color: #a5037c;}

#bildlinks :active {color: #a5037c;}









#merkzettel{float:left; width: 200px; margin-top: 20px; margin-left: 15px; margin-bottom: 25px;padding: 5px; height:80px; background-image: url("../images/bg_blildlinks.gif"); border: 1px solid #a5037c;}

#merkzettel a {color: #a5037c;}

#merkzettel :link {color: #a5037c;}

#merkzettel :visited {color: #a5037c;}

#merkzettel :active {color: #a5037c;}



#merkzettel strong{font-weight:bold; color: #a5037c;}







#footer {

position:relative;

bottom:0px;

float:left;

 width: 100%;

 

 clear: both;

 color: #fff;

 /*margin-top: -160px; */



}



#infooter{width: 914px; height: 23px; margin: 0 auto; border: 0px solid #000;  background:url(../images/bg_footer.gif);

 text-align: center;}





#infooter .column { width:270px; float:left;  }

#infooter .column p { margin:0px;}

#infooter a { color:#FFFFFF; }



#infooter .column2 { width:270px; float:left;  padding-top:0px; padding-left: 35px;}











div.clear {

clear:left;

}

.tel{margin-top: 20px; margin-left: 20px;}









/* 

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 {

margin-top: 20px;

	font-size: 1em;

	padding-right: 10px;

	padding-left: 0px;

		

}





/* 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 : 120%;



}









/* 

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: 3px;

	padding-bottom: 3px;

	padding-right: 2px;

	padding-left: 0px;

	

	

}

 .forminfo 

{

	width: 360px;

	margin-bottom: 15px;

	background-color: #FFCC33;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-right: 2px;

	padding-left: 0px;

	font-weight: normal;

	border: 5px dashed #990000;

}



/*

Verhalten von br-Tags

*/

.formgen br

{

clear : both;

}





/* 

--------- FORMULAR-OBJEKTE ------------ 

*/





/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield

{

	width: 250px;

	height: 150px;

	margin-left: 0px;

	border: 1px solid #cccccc;

	background-color: #cccccc;

}





/* Textfeld */

.formgen .formtext

{

	width: 250px;

	margin-left: 0px;

	margin-bottom: 4px;

	font-size: 1em;

	background-color: #cccccc;

	border: 1px solid #cccccc;

}



.formgen input:focus, .formgen input:hover,

.formgen select:focus, .formgen select:hover, 

.formgen textarea:focus, .formgen textarea:hover {

	border-bottom-color: #000000;

	background-color: #d9b9d3;	

}







/* Label */

.formgen label {

	width: 220px;

	clear: left;

	float: left;

	height: 20px;

	

	

	

}





/* Aussehen der Select-Ausgabe */

.formgen .formselect

{

	width: 100px;

	background-color: #33FF33;

	margin-left: 0px;

	color: #000000;

}





/* Sende-Button */

.formgen .formsubmit

{

	width: 250px;

	margin-left: 220px;

	text-align: center;

	background-color: #cccccc;

	border: 1px solid #cdcdcd;

	

	color: #000000;

}







/* Fieldsetbeschriftung */

.formgen legend {

	color: #FFFFFF;

	background-color: #990000;

	width: 250px;

}

.formgen .fieldset {

	margin-bottom: 10px;

}



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





/* Markierung der Labels bei Fehler */

.formgen .formerror {

	

	border-bottom-width: 1px;

	color: #990000;

}



.formgen .formcaptcha

{

	border: 2px solid #990000;

	vertical-align: top;

	float: left;

	margin-right: 10px;

}



.formgen .formreq {

	color: #006633;

}



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







/* Diese CSS-Angaben stammen aus der originalen main.css */

/* download

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

#incontent .download {

background-color: #e6e6e6;

width: 570px;}



#incontent .download-hdl p, 

#incontent .download-file p, 

#incontent .download-desc p { 

  width:100%; /* IE6 Hack */

	margin: 0;

	

}



#incontent .download-hdl p { 

	padding-left: 5px;

	background-col or: #e6e6e6;

	font-weight: bold;

	color: #81197f;

}



#incontent .download-file { 

	margin-left:10px;

	border-left: 0px solid #e6e6e6;

	border-right: 0px solid #e6e6e6;

}



#incontent .download-desc { 

	margin-bottom:0px;

	padding-left: 0px;

	background-col or:#e6e6e6;

	border-left: 0px solid #e6e6e6;

	border-right: 0px solid #e6e6e6;

	border-bottom: 0px solid #e6e6e6;

}



#incontent .download-without-desc { 

	margin-bottom: 0px;

	border-top: 0px solid #e6e6e6;

}









.tableLine

{

    font-family:      Verdana,Arial,sans-serif;

    font-style:       normal;

    font-size:        9px;

    BORDER-TOP:       #A6A6A6 1px solid; 

    BORDER-LEFT:      #A6A6A6 1px solid; 

    BORDER-BOTTOM:    #A6A6A6 1px solid;

    BORDER-RIGHT:     #A6A6A6 1px solid;

}

.row_0 {

    background-color:        #FFFFFF;

}

.row_1 {

    background-color:        #E1E8F1;

}



.grau2{background-color:#e5e5e8;}



#topmarke{float: right; margin-right: - 20px;}