/* Der IE soll das Element breiter darstellen, da margin und
   padding hier von der Breite abgezogen werden! */

* html {
	width:                 10.5em;
}

p {
	margin-top:            5px;
	margin-bottom:         10px;
}
br {
	margin-top:            2px;
	margin-bottom:         2px;
}
img.previewimage {
	border:                1px solid #FF7F00;
}
img.leftimage {
	margin-right:          10px;
	margin-bottom:         10px;
}
img.rightimage {
	margin-left:           10px;
	margin-bottom:         10px;
}
img.rightbimage {
	border:                1px solid #B3004D;
	margin-left:           10px;
	margin-bottom:         10px;
}

h1 {
	margin:                0px;
	font-size:             1.4em;
	color:                 #EF4F11;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	line-height:           1.3;
	letter-spacing:        1.4px;
	margin-top:            12px;
	padding-bottom:        6px;
}
h2 {
	margin:                0px;
	font-size:             1.3em;
	color:                 #B3004D;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	font-variant:          small-caps;
	line-height:           1.2;
	letter-spacing:        1.3px;
	padding-top:           6px;
	padding-bottom:        3px;
}
h3 {
	font-size:             1.3em;
	color:                 #B3004D;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	font-style:            italic;
	font-variant:          small-caps;
	line-height:           1.2;
	letter-spacing:        1.3px;
	padding-top:           6px;
	padding-bottom:        3px;
}
h4 {
	font-size:             1.2em;
	color:                 #B3004D;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	font-style:            italic;
	font-variant:          small-caps;
	line-height:           1.0;
	letter-spacing:        1.1px;
	padding-top:           2px;
	padding-bottom:        2px;
	margin:                0px;
}
h5 {
	font-size:             1.2em;
	color:                 #5B6D16;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	font-style:            italic;
	line-height:           1.0;
	letter-spacing:        1.1px;
	padding-top:           2px;
	padding-bottom:        2px;
	margin:                0px;
}

.subnavigation1, .subnavigation2, .subnavigation3, .subnavigation4 {
	display:               none;
	width:                 140px;
	padding:               3px;
	margin-left:           12px;
	margin-top:            1px;
	margin-bottom:         3px;
	font-size:             9px;
	font-weight:           bold;
	font-family:           Arial, Helvetica, sans-serif;
}
.subnavigation1 {
	color:                 #B3004D;
}
.subnavigation2 {
	color:                 #0E980A;
}
.subnavigation3 {
	color:                 #0B7A08;
}
.subnavigation4 {
	color:                 #0D670C;
}

img.firstpageimage, img.rightpageimage, img.leftpageimage {
	border:                1px solid #B3004D;
	margin-top:            0px;
}
img.rightpageimage {
	margin-left:           10px;
}
img.leftpageimage {
	margin-right:          10px;
}

td {
	font-size:             10px;
	color:                 #000000;
	font-family:           Arial, Helvetica, sans-serif;
	text-decoration:       none;
}

table.table_smart {
	background-color:      #f9f9f9;
	border-collapse:       collapse;
	border:                1px solid #5B6D16;
	margin-top:            10px;
	margin-bottom:         5px;
	font-size:             1.0em;
}
td.table_smart, td.table_smart_nowrap, th.table_smart {
	font-size:             1.0em;
	color:                 #000000;
	font-family:           Arial, Helvetica, sans-serif;
	border-collapse:       collapse;
	padding:               5px;
}
td.table_smart_nowrap {
	white-space:           nowrap;
}
th.table_smart {
	color:                 #5B6D16;
	background-color:      #eeffee;
}
td.table_fill {
	background-color:      #5B6D16;
}

hr, hr.hr200, hr.green {
	width:                 100%;
	height:                1px;
	color:                 #5B6D16;
	border-top:            1px solid #5B6D16;
	border-bottom:         0px solid #FFFFFF;
	border-left:           0px solid #FFFFFF;
	border-right:          0px solid #FFFFFF;
}
hr.hr200 {
	width:                 200px;
	text-align:            left;
}
hr.green {
	color:                 #5B6D16;
}

#greenbox, #redbox, #redboxright, #redboxleft, #redbox600 {
	padding:               5px;
	margin-top:            5px;
	margin-bottom:         5px;
}
#greenbox {
	border:                1px solid #01776B;
}
#bluebox {
	padding:               5px;
	margin-top:            5px;
	margin-bottom:         5px;
	border:                1px solid #152A52;
}
#redbox, #redboxright, #redboxleft, #redbox600 {
	border:                1px solid #B3004D;
	background-color:      #FFCC99;
	color:                 #5B6D16;
}
#redbox600 {
	width:                 600px;
}
#redboxright {
	float:                 right;
	margin-left:           5px;
}
#redboxleft {
	float:                 left;
	margin-right:          5px;
}

#container {
	width:                 100%;
	height:                100%;
	margin-left:           auto;
	margin-right:          auto;
   padding:               0px;
}

#redright {
	font-weight:           bold;
	color:                 #B3004D;
	text-align:            right;
	margin-right:          5px;
}

#selectcontent {
	background-color:      #FFF6F6;
}

ul {
	list-style-image:      url(../images/x_dot.gif);
	list-style-position:   outside;
	margin-top:            2px;
	margin-bottom:         2px;
	padding-top:           6px;
	padding-bottom:        6px;
}
ol {
	list-style-position:   outside;
	margin-top:            2px;
	margin-bottom:         2px;
}
li {
	margin-bottom:         6px;
}

* html {
	height:                1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding-top:           1em;
}

.topempty {
	position:              absolute;
	top:                   0px;
	left:                  0px;
	height:                15px;
	width:                 100%;
	background-color:      #FFFFFF;
	margin:                0px;
}
.topline {
	position:              absolute;
	top:                   15px;
	left:                  0px;
	height:                2px;
	width:                 100%;
	background-color:      #E77300;
	margin:                0px;
}
.topwhite {
	position:              absolute;
	top:                   17px;
	left:                  0px;
	height:                58px;
	width:                 100%;
	background-color:      #FFFFFF;
	margin:                0px;
}
.topgreen {
	position:              absolute;
	top:                   105px;
	left:                  0px;
	height:                6px;
	width:                 100%;
	background-color:      #5B6D16;
	margin:                0px;
}
.leftwhite {
	position:              absolute;
	top:                   75px;
	left:                  0px;
	height:                36px;
	width:                 170px;
	background-color:      #FFFFFF;
	margin:                0px;
}
.leftsmallwhite {
	position:              absolute;
	top:                   111px;
	left:                  0px;
	height:                2px;
	width:                 100%;
	background-color:      #FFFFFF;
	margin-left:           170px;
}
.rightorange {
	position:              absolute;
	top:                   111px;
	right:                 0px;
	height:                2px;
	width:                 440px;
	background-color:      #FF7F00;
	margin:                0px;
}
.orangebottom {
	position:              absolute;
	bottom:                17px;
	left:                  0px;
	height:                19px;
	width:                 100%;
	background-color:      #FF7F00;
	margin:                0px;
	z-index:               2;
}
.whitebottom {
	position:              absolute;
	bottom:                36px;
	left:                  0px;
	height:                2px;
	width:                 100%;
	background-color:      #FFFFFF;
	margin:                0px;
	z-index:               2;
}
.copyright {
	position:              absolute;
	bottom:                0px;
	left:                  0px;
	height:                17px;
	width:                 100%;
	background-color:      #FFFFFF;
	color:                 #5B6D16;
	margin:                0px;
	font-size:             8px;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	letter-spacing:        1.2px;
	text-align:            center;
	padding-top:           2px;
	border-top:            2px solid #E77300;
	z-index:               2;
}

.header {
	position:              absolute;
	top:                   15px;
	left:                  0px;
	height:                463px;
	width:                 780px;
	margin:                0px;
}

.headkaffee {
	position:              absolute;
	top:                   19px;
	right:                 349px;
	width:                 83px;
	height:                54px;
	margin:                0px;
}
.headschreiner {
	position:              absolute;
	top:                   19px;
	right:                 263px;
	width:                 61px;
	height:                54px;
	margin:                0px;
}
.headland {
	position:              absolute;
	top:                   19px;
	right:                 132px;
	width:                 106px;
	height:                54px;
	margin:                0px;
}
.headtextil {
	position:              absolute;
	top:                   19px;
	right:                 10px;
	width:                 97px;
	height:                54px;
	margin:                0px;
}

.headline {
	position:              absolute;
	top:                   75px;
	left:                  180px;
	width:                 auto;
	height:                30px;
	margin:                0px;
}

.schriftgroesse {
	position:              absolute;
	top:                   89px;
	right:                 10px;
	width:                 auto;
	height:                14px;
	margin:                0px;
}

.bigpicture {
	position:              absolute;
	top:                   113px;
	right:                 0px;
	width:                 270px;
	height:                350px;
	margin:                0px;
	z-index:               1;
}

.impressum {
	position:              absolute;
	bottom:                21px;
	left:                  5px;
	width:                 70px;
	height:                14px;
	margin:                0px;
	z-index:               2;
}

.administration {
	position:              absolute;
	bottom:                23px;
	right:                 5px;
	width:                 12px;
	height:                12px;
	margin:                0px;
	z-index:               2;
}

.logo {
	position:              absolute;
	top:                   25px;
	left:                  10px;
	height:                77px;
	width:                 150px;
	margin:                0px;
}

.navigation {
	position:              absolute;
	top:                   127px;
	width:                 auto;
	left:                  5px;
	height:                auto;
	font-size:             10px;
	color:                 #000000;
	font-family:           Arial, Helvetica, sans-serif;
	z-index:               1;
}


textarea, input, select {
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             10px;
	border:                1px solid #000000;
	background-color:      #ffffff;
	width:                 300px;
	margin-bottom:         6px
}
input.suche {
	width:                 100px;
	min-width:             100px;
	margin-bottom:         0px
}
input.fillout, select.fillout, select.fillout_mono {
	background-color:      #FDB257;
}
select.fillout_mono {
	font-family:           Courier;
}
input.fillout_half, select.fillout_half {
	background-color:      #FDB257;
	width:                 150px;
}
input.fillout_quarter, select.fillout_quarter {
	background-color:      #FDB257;
	width:                 75px;
}
input.fillout_3quarter {
	background-color:      #FDB257;
	width:                 225px;
}
textarea {
	height:                70px;
}
input.submit, input.submit_wide {
	background-color:      #B3004D;
	color:                 #ffffff;
	width:                 210px;
	min-width:             210px;
}
input.submit_wide {
	width:                 300px;
	min-width:             300px;
}
input.image {
	width:                 auto;
	min-width:             1px;
	border:                none;
}
input.radio {
	width:                 auto;
	min-width:             1px;
	border:                none;
}
input.isuche {
	width:                 6px;
	min-width:             6px;
	height:                11px;
	min-height:            11px;
	border:                none;
	margin-bottom:         0px;
}


input.admin, input.adminred, input.admingreen, input.adminsmall, input.adminmedium, input.adminbig, select.adminbig, textarea.adminbig, input.adminsmallyellow, input.adminmediumyellow, input.adminbigyellow, select.adminbigyellow, select.adminbigyellow5, select.adminsmall, select.adminsmallyellow, textarea.adminbigyellow, textarea.adminextra, textarea.adminextrayellow, textarea.adminsmallyellow {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        1.0em;
	color:            #B3004D;
	text-decoration:  none;
	border:           1px ridge #000000;
	background-color: #FFF2E6;
	height:           14pt;
	width:            100px;
	margin-top:       2pt;
	margin-bottom:    2pt;
	vertical-align:   middle;
}
input.adminsmall, input.adminsmallyellow, select.adminsmallyellow, select.adminsmall {
	width:            50px;
	color:            #000000;
}
input.adminmedium, input.adminmediumyellow {
	width:            150px;
	color:            #000000;
}
input.adminbig, select.adminbig, textarea.adminbig, input.adminbigyellow, select.adminbigyellow, select.adminbigyellow5, textarea.adminbigyellow {
	width:            200px;
	color:            #000000;
}
textarea.adminsmallyellow {
	width:            400px;
	height:           50px;
	color:            #000000;
}
textarea.adminextrayellow {
	width:            400px;
	height:           200px;
	color:            #000000;
}
textarea.adminextra {
	width:            400px;
	height:           200px;
}
input.adminsmallyellow, input.adminmediumyellow, input.adminbigyellow, select.adminbigyellow, select.adminsmallyellow, textarea.adminbigyellow, textarea.adminextrayellow, textarea.adminsmallyellow {
	background-color: #B5D43F;
}
select.adminbigyellow5 {
	height:           auto;
}
input.adminred {
	border:           1px ridge #CC0033;
	color:            #CC0033;
}
input.admingreen {
	border:           1px ridge #00CC33;
	color:            #00CC33;
}
textarea.adminbig, textarea.adminbigyellow {
	height:           60px;
}

.form_mini, .form_small, .form_wide, .form_extrawide, .form_200, .form_half {
	float:                 left;
	width:                 300px;
	margin-right:          10;
	font-size:             1.0em;
	color:                 #000000;
	font-family:           Arial, Helvetica, sans-serif;
}
.form_mini {
	text-align:            right;
	width:                 90px;
}
.form_small {
	text-align:            right;
	width:                 140px;
}
.form_half {
	text-align:            right;
	width:                 150px;
	margin-right:          5;
}
.form_extrawide {
	width:                 350px;
}
.form_200 {
	width:                 200px;
}

#error {
	width:                 500px;
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             11px;
	font-weight:           bold;
	color:                 #B3004D;
	text-decoration:       none;
	padding:               5px;
	margin-top:            5px;
	margin-bottom:         5px;
	border:                1px solid #B3004D;
}

#erfolg {
	width:                 500px;
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             11px;
	font-weight:           bold;
	color:                 #00B359;
	text-decoration:       none;
	padding:               5px;
	margin-top:            5px;
	margin-bottom:         5px;
	border:                1px solid #00B359;
}

.boldredtext, .boldgreentext {
	font-size:   1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.boldredtext {
	color:       #cc0000;
}
.boldgreentext {
	color:       #5D873A;
}