body{margin:0px;padding:0px; text-align: center; background-image:url(../websitepics/bg_top.gif);background-repeat:repeat-x;}
div#bodycontainertop {width: 100%; text-align: center; margin:0px; padding:0px; background-image:url(../websitepics/bg_content_bottom.gif); background-position: bottom; background-repeat:repeat-x; }
div#sitecontainer {width:1000px; margin:0px auto; text-align:left; clear: both;}

div#logo {width:1000px; text-align:left; padding-top: 10px; padding-left: 0px; }

div#navcontainer {width: 1000px; padding-top: 10px; height: 85px;  }
div#nav1 {font-family:verdana,arial; font-size:10pt; padding-left: 10px;  }
div#nav1directwrapper {border-bottom: 1px #BABABA dashed; padding-bottom: 3px; display:inline;}
A.nav1a { color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav1a:Visited { color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav1a:Active {color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav1a:Hover {color: #8E97D1; text-decoration: none; font-weight: bold;  }

A.nav1ina { color: #000000; text-decoration: none; font-weight: normal;}
A.nav1ina:Visited { color: #000000; text-decoration: none; font-weight: normal;}
A.nav1ina:Active {color: #000000; text-decoration: none; font-weight: normal;}
A.nav1ina:Hover {color: #8E97D1; text-decoration: none; font-weight: normal;  }

div#nav2 {font-family:verdana,arial; font-size:10pt; padding-left: 10px; padding-top: 9px; }
div#nav2directwrapper {border-bottom: 1px #BABABA dashed; padding-bottom: 3px; display:inline; }

A.nav2a { color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav2a:Visited { color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav2a:Active {color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav2a:Hover {color: #8E97D1; text-decoration: none; font-weight: bold; }

A.nav2ina { color: #000000; text-decoration: none; font-weight: normal;}
A.nav2ina:Visited { color: #000000; text-decoration: none; font-weight: normal;}
A.nav2ina:Active {color: #000000; text-decoration: none; font-weight: normal;}
A.nav2ina:Hover {color: #8E97D1; text-decoration: none; font-weight: normal; }

div#nav3 {font-family:verdana,arial; font-size:10pt; padding-left: 10px; padding-top: 9px; }
div#nav3directwrapper {border-bottom: 1px #BABABA dashed; padding-bottom: 3px; display:inline; }

A.nav3a { color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav3a:Visited { color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav3a:Active {color: #8E97D1; text-decoration: none; font-weight: bold; }
A.nav3a:Hover {color: #8E97D1; text-decoration: none; font-weight: bold; }

A.nav3ina { color: #000000; text-decoration: none; font-weight: normal;}
A.nav3ina:Visited { color: #000000; text-decoration: none; font-weight: normal;}
A.nav3ina:Active {color: #000000; text-decoration: none; font-weight: normal;}
A.nav3ina:Hover {color: #8E97D1; text-decoration: none; font-weight: normal; }

A.teaser { color: #FFFFFF; text-decoration: none; font-weight: normal;}
A.teaser:Visited { color: #FFFFFF; text-decoration: none; font-weight: normal;}
A.teaser:Active {color: #FFFFFF; text-decoration: none; font-weight: normal;} 
A.teaser:Hover {color: #FFFFFF; text-decoration: none; font-weight: normal; } 

div#contentcontainer {width:1000px; font-family:verdana,arial; font-size:10pt; color: #797979;   }
div#minheight {width: 1px; height: 400px; float: left;}
div.content50li {width: 340px; padding-left: 9px; padding-top: 15px; padding-bottom: 20px; text-align: left; line-height: 1.8; float: left; }
div.content50re {width: 420px; padding-left: 10px; padding-top: 15px; padding-bottom: 20px; text-align: left; line-height: 1.8; float: left; }
div.content100li {width: 770px; padding-left: 9px; padding-top: 15px; padding-bottom: 20px; text-align: left; line-height: 1.8; float: left; }
div.content100li_address {width: 970px; padding-left: 9px; padding-top: 15px; padding-bottom: 20px; text-align: left; line-height: 1.8; float: left; }
div.content100zen {width: 770px; padding-left: 9px; padding-top: 15px; padding-bottom: 20px; text-align: center; line-height: 1.8; float: left; }
div#endcontentfloat {width: 1px; height: 1px; clear: both;}


/* TEASING */
div.teaser { width: 215px; padding-left: 5px; padding-top: 35px; padding-bottom: 20px; text-align: left;  float: left; }
div.teaser_topbox_top { width: 205px; height: 24px; padding-left: 10px; padding-top: 3px; background-image:url(../websitepics/bg_teaser_topbox_top.gif);background-repeat:no-repeat; font-family: Times New Roman; font-weight: normal; font-size:12pt; color: #FFFFFF; letter-spacing: 0.1em;}
div.teaser_box_top { width: 205px; height: 24px; padding-left: 10px; padding-top: 3px; background-image:url(../websitepics/bg_teaser_box_top.gif);background-repeat:no-repeat; font-family: Times New Roman; font-weight: normal; font-size:12pt; color: #FFFFFF; letter-spacing: 0.1em;}
div.teaser_topbox_middle { width: 195px; height: 100px; padding-left: 10px; padding-top: 5px; padding-right: 10px; color: #FFFFFF; background-image:url(../websitepics/bg_teaser_topbox_middle.gif); background-repeat:no-repeat; overflow: hidden; font-size: 8pt; line-height: 1.5em;}
div.teaser_box_middle { width: 195px; height: 100px; padding-left: 10px; padding-top: 5px; padding-right: 10px; color: #FFFFFF; background-image:url(../websitepics/bg_teaser_box_middle.gif); background-repeat:no-repeat; overflow: hidden; font-size: 8pt; line-height: 1.5em;}
div.teaser_box_bottom { width: 205px; padding-left: 10px; padding-bottom: 10px; color: #FFFFFF; background-image:url(../websitepics/bg_teaser_box_bottom.gif); background-repeat:no-repeat;}


/* ADRESSEN */ 

div.portraitbild {
	float: left;	
	padding-right: 20px;
}
div.adressdaten {
	float: left;	
	
}

/* TEXTILE */
h1 {font-size:18pt;color: #797979; font-weight: normal; font-family: Times New Roman; line-height: 1.3;  }
h2 {font-size:15pt;color: #797979; font-weight: normal; font-family: Times New Roman; line-height: 1.3;  }
h3 {font-size:12pt;color: #797979; font-weight: normal; font-family: Times New Roman; line-height: 1.3; }

A { color: #8E97D1; text-decoration: none; font-weight: bold;}
A:Visited { color: #8E97D1; text-decoration: none; font-weight: bold;}
A:Active {color: #8E97D1; text-decoration: none; font-weight: bold;}
A:Hover {color: #ADB7F0; text-decoration: none; font-weight: bold; }


ul {margin: 0; padding-left: 15px; padding-right: 10px; text-align: left;}

div#footercontainer {width:100%;height: 58px; clear:left;background-image:url(../websitepics/bg_footer.gif);background-repeat:repeat-x; text-align: center; clear: both; }
div#footer {width:1000px; height: 58px; clear:left; margin:0px auto; text-align:left; font-family:verdana,arial; font-size:9pt;  }
div#footer_nav {width:450px; padding-left: 10px; padding-top: 20px; float:left; }
div#footer_anmeldung {width:450px; padding-left: 20px; padding-top: 10px; float:left; }

A.service_nav_a { color: #000000; text-decoration: underline; font-weight: bold; padding-right: 15px;}
A.service_nav_a:Visited { color: #000000; text-decoration: underline; font-weight: bold; padding-right: 15px;}
A.service_nav_a:Active {color: #000000; text-decoration: underline; font-weight: bold; padding-right: 15px;}
A.service_nav_a:Hover {color: #000000; text-decoration: underline; font-weight: bold; padding-right: 15px;}

A.service_nav_ina { color: #000000; text-decoration: none; font-weight: normal; padding-right: 15px; }
A.service_nav_ina:Visited { color: #000000; text-decoration: none; font-weight: normal; padding-right: 15px; }
A.service_nav_ina:Active {color: #000000; text-decoration: none; font-weight: normal; padding-right: 15px; }
A.service_nav_ina:Hover {color: #000000; text-decoration: underline; font-weight: bold; padding-right: 15px;}

div#login_benutzer {float: left; padding-right: 5px;}
div#login_passwort {float: left; padding-right: 5px;}
div#login_submit {float: left;}

span.login_status { color: #FF0000; font-size: 8pt; }
/* forms */

.submit {
	border: 1px solid #A1A1A1;
	background-color: #AAAAAA;
	color: #FFFFFF;	
}


/* Addon output Tables etc */

div#rex-addon-output {
font-size:9pt;
}
table.rex-table {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: #F6F6F6 none repeat scroll 0 0;
border-collapse:collapse;
border-spacing:1px;
clear:both;
width:100%;
}

table.rex-table th A { color: #797979; text-decoration: none; font-weight: bold;}
table.rex-table th A:Visited { color: #797979; text-decoration: none; font-weight: bold;}
table.rex-table th A:Active { color: #797979; text-decoration: none; font-weight: bold;}
table.rex-table th A:Hover { color: #797979; text-decoration: none; font-weight: bold; }



table.rex-table-mrgn {
margin-bottom:10px;
}
table.rex-table caption, table.rex-table th, table.rex-table td {
border-color:#e2e2e2 #e2e2e2 #e2e2e2 #e2e2e2;
border-style:solid solid solid solid;
border-width:1px 1px 1px 1px;
padding:5px;
}

td.lgrey { border: 0px; }

table.rex-table caption {
background-color:#D6E1E4;
border-bottom:0 none;
font-weight:bold;
text-align:left;
}
body#rex-page-module table.rex-table caption {
border:0 none;
}
table.rex-table tr.rex-trow-actv td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E7E6E3 none repeat scroll 0 0;
}
table.rex-table th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D7D6D3 none repeat scroll 0 0;
border-bottom:0 none;
text-align:left;

}
table.rex-table th.rex-icon, table.rex-table td.rex-icon {
text-align:center;
width:29px;
}
table.rex-table th.rex-icon, table.rex-table td.rex-icon, table.rex-table th.rex-prio, table.rex-table td.rex-prio {
}
table.rex-table th.rex-colz, table.rex-table td.rex-colz {
width:153px;
}






/* Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */

/*
.flLeft {float:left; padding:0px; margin:0px 20px 0px 0px;}

.flRight {float:right;padding:0px;margin:0px 0px 0px 20px;}







h3 {font-size:9pt;color: #74B74A; font-weight: normal;}

hr {}

div#content p {}

div#content A { color: #4C4C4C; text-decoration: underline; }

div#content A:Visited { color: #4C4C4C; text-decoration: underline; }

div#content A:Active {color: #4C4C4C; text-decoration: underline; }

div#content A:Hover {color: #4C4C4C; text-decoration: underline; }


div#popup_textile_container A, div#popup_download_container A { color: #4C4C4C; text-decoration: underline; }

div#popup_textile_container A:Visited, div#popup_download_container A:Visited { color: #4C4C4C; text-decoration: underline; }

div#popup_textile_container A:Active, div#popup_download_container A:Active  {color: #4C4C4C; text-decoration: underline; }

div#popup_textile_container A:Hover, div#popup_download_container A:Hover  {color: #4C4C4C; text-decoration: underline; }




li.infobox { list-style-type: square; color: #74B74A; list-style-position: outside; }

p.infobox_neg_einruecken {text-indent: -12px;}

/*  PopUp CSS */

div#popupsitewrapper { color: #4C4C4C; font-family:verdana,arial; font-size:9pt; }
div#popup_close { margin-top: 15px; }
div#popup_download_container {text-align: left; padding-left: 10px; padding-right: 10px;}
div#popup_textile_container {text-align: justify; padding-left: 10px; padding-right: 10px;}
div#popup_print_mainframe {text-align: justify; padding-left: 10px; padding-right: 10px;}

/*  Start Forms */


form#search-form {display: inline; }
input#search-input {font-size:7pt; width: 115px; height:13px;}

.inlineclass {display: inline; }

.button_hide {display: inline; background-color: #FFFFFF; color: #FFFFFF; border: 0px; cursor: pointer; }

.formwrap {

   padding: 0px 0px 0px 0px;

   margin: 0px 0px 0px 0px;

}

.form {

   padding: 0px 0px 10px 0px;

   margin: 0px 0px 0px 0px;

   text-align: left;

}

/* Rahmenfarbe angeben für Opera */

fieldset {

   border: 0px solid #8A5E3B;

   padding: 0px 0px 0px 0px;

   margin: 0px 0px 0px 0px;

}

legend {

   border: 1px solid #8A5E3B;

}

Label {

   font:9pt verdana, arial, helvetica, sans-serif;

   padding:0px;

   margin-left: 0px;

}

.inpt {

   width: 350px;

   border: 1px solid #97989C;

   background-color: transparent;

   color: #000000;

   font-family: Verdana, Arial, Sans-Serif;

   font-size: 9pt;

   padding: 1px 1px 1px 3px;

   margin: 0px 0px 5px 0px;   

}

.txt {

   width: 350px;

   border: 1px solid #97989C;

   background-color: transparent;

   color: #000000;

   font-family: Verdana, Arial, Sans-Serif;

   font-size: 9pt;

   padding: 1px 1px 1px 3px;

   margin: 0px 0px 5px 0px;   

}

input.inpt:focus, textarea.txt:focus {

   color: #000000;

   font-family: Verdana, Arial, Sans-Serif;

}

.map24_senden {cursor: pointer; border: 0px; background-color: #FFFFFF;}

.senden {

   width: 150px;   

   font-size: 9pt;

   margin: 5px 0px 0px 0px;

   padding: 3px 0px 3px 0px;

   background-color: #eee;

   color: #333;

   text-align: center;

   border: solid 1px #999;

   cursor: pointer;

}

select,

input[type=checkbox],

input[type=radio],

input[type=button],

input[type=submit] {

   cursor: pointer;

}

.formerror {

	color: red;

}

fieldset.kontaktformular {border: 0px; padding: 25px 5px 5px 5px; display: inline; } 
fieldset.kontaktformular div.to_the_left {width: 100px; float:left; padding-bottom: 0px; }
fieldset.kontaktformular div.to_the_right {width: 300px; float:left; padding-bottom: 0px; }
fieldset.kontaktformular input {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;   font-size: 9pt;}
fieldset.kontaktformular textarea {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;  font-size: 9pt; }
fieldset.kontaktformular textarea.textarea_form_warning {border:1px solid #A1A1A1; border-left: 1px solid #FF0000; font-size: 9pt; background-color: #CECECE; color: #FF0000; font-family:verdana,arial; width: 300px;   } 
fieldset.kontaktformular input.submit {font-family:verdana,arial;background-color:#AAAAAA; color:#FFFFFF; font-size: 9pt; border:1px solid #A1A1A1; font-size: 9pt; }
fieldset.kontaktformular input.text_form_warning {border:1px solid #A1A1A1; border-left: 1px solid #FF0000; background-color: #CECECE; font-size: 9pt; color: #FF0000; font-family:verdana,arial; width: 300px;   }

.kontaktformpflichtfeld {color: #0A0A0A;}

fieldset.ethikpreis {border: 0px; padding: 25px 5px 5px 5px; display: inline; } 
fieldset.ethikpreis div.to_the_left {width: 130px; float:left; padding-bottom: 15px; padding-right: 10px;}
fieldset.ethikpreis div.to_the_right {width: 290px; float:left; padding-bottom: 15px; padding-right: 35px; }
fieldset.ethikpreis input {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;   font-size: 9pt;}
fieldset.ethikpreis textarea {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;  font-size: 9pt; }
fieldset.ethikpreis textarea.textarea_form_warning {border:1px solid #A1A1A1; border-left: 1px solid #FF0000; font-size: 9pt; background-color: #CECECE; color: #FF0000; font-family:verdana,arial; width: 300px;   } 
fieldset.ethikpreis input.submit {font-family:verdana,arial;background-color:#AAAAAA; color:#FFFFFF; font-size: 9pt; border:1px solid #A1A1A1; font-size: 9pt; }
fieldset.ethikpreis input.text_form_warning {border:1px solid #A1A1A1; border-left: 1px solid #FF0000; background-color: #CECECE; font-size: 9pt; color: #FF0000; font-family:verdana,arial; width: 300px;   }
fieldset.ethikpreis select {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;   font-size: 9pt;}

fieldset.userlogin {border: 0px; padding: 25px 5px 5px 5px; display: inline; } 
fieldset.userlogin div.to_the_left {width: 90px; float:left; padding-bottom: 15px; padding-right: 10px;}
fieldset.userlogin div.to_the_right {width: 170px; float:left; padding-bottom: 15px; padding-right: 0px; }
fieldset.userlogin input {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 190px;   font-size: 9pt;}
fieldset.userlogin textarea {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;  font-size: 9pt; }
fieldset.userlogin textarea.textarea_form_warning {border:1px solid #A1A1A1; border-left: 1px solid #FF0000; font-size: 9pt; background-color: #CECECE; color: #FF0000; font-family:verdana,arial; width: 300px;   } 
fieldset.userlogin input.submit {font-family:verdana,arial;background-color:#AAAAAA; color:#FFFFFF; font-size: 9pt; border:1px solid #A1A1A1; font-size: 9pt; }
fieldset.userlogin input.text_form_warning {border:1px solid #A1A1A1; border-left: 1px solid #FF0000; background-color: #CECECE; font-size: 9pt; color: #FF0000; font-family:verdana,arial; width: 300px;   }
fieldset.userlogin select {border:1px solid #A1A1A1; background-color: #CECECE; color: #3E3E3E; font-family:verdana,arial; width: 300px;   font-size: 9pt;}


/*  End Forms */ 


/* Slide Choice JQUERY - Adressausgabe*/
#nav a.activeSlide { text-decoration: underline;}


/* Slide Choice JQUERY - Bildergalerie*/

#slideshow { left: 20px }
#navgal { width: 360px; margin-right: 15px; padding: 0px; }
#navgal li { float: left; margin: 8px; list-style: none }
#navgal a { padding: 2px; display: block; border: 1px solid #ccc; }
#navgal a.activeSlide { background: #8E97D1 }
#navgal a:focus { outline: #8E97D1; }
#navgal img { border: none; display: block }






/* Newsletter Form der Website*/
span.warning {}
/*li.clearfix {list-style-type: none; color: #4C4C4C; }*/

/* JQuery */

a.external {
31 background-image: url(images/external.png);
32 background-repeat: no-repeat;
33 background-position: center right;
34 padding-right: 12px
35}
36
37div.step-one, div.step-two, div.step-three {
38 background-repeat: no-repeat; background-position: center left; margin-top: 20px;
39 height:43px; vertical-align: middle; padding: 25px 0 0 50px }
40div.step-one { background-image: url(images/1.gif) }
41div.step-two { background-image: url(images/2.gif) }
42div.step-three { background-image: url(images/3.gif) }
43
44img.logo { float: right; border:none; margin: 10px 10px 0 0 }
45
46
47pre { margin-top: 10px }
48pre { font-size: small; padding: 15px; background-color: #eee; border: 1px solid #ddd; border-left-width: 5px; overflow-x: auto; }
49pre.normal { background-color: transparent; border: none; border-left-width: 0; overflow-x: auto; }
50code { padding: 0; font-size: 108%; font-style: normal; }
51code.method { font-size: 150%; display: block; margin-top: 20px }
52code.inline { background-color: #ffc }
53
54/* syntax highlighting with Chili */
55.jscom, .mix htcom { color: #4040c2; }
56.com { color: green; }
57.regexp { color: maroon; }
58.string { color: teal; }
59.keywords { color: blue; }
60.global { color: #008; }
61.numbers { color: #880; }
62.comm { color: green; }
63.tag { color: blue; }
64.entity { color: blue; }
65.string { color: teal; }
66.aname { color: maroon; }
67.avalue { color: maroon; }
68.jquery { color: #00a; }
69.plugin { color: red; }
70
71.php .tag { color: purple; }
72.php .com { color: green; }
73.php .const1 { color: maroon; }
74.php .const2 { color: maroon; }
75.php .function { color: #e17100; }
76.php .global { color: maroon; }
77.php .keyword { color: blue; }
78.php .mlcom { color: gray; }
79.php .name { color: maroon; }
80.php .number { color: #880; }
81.php .string1 { color: teal; }
82.php .string2 { color: teal; }
83.php .value { color: gray; }
84.php .variable { color: #e15c03; }
85
86.css .mlcom { color: #4040c2; }
87.css .color { color: black; }
88.css .string { color: teal; }
89.css .attrib { color: blue; }
90.css .value { color: navy; }
91.css .number { color: #880; } 



/* Newsletter himself*/



*/
