/*
 * Werkzeugforum Ratgeber
 * content.css
 * Inhaltsdesign
 */

.head_sheet                                        { font: bold 0.8em/1.4em verdana; color: #333333; }
.text_attribute                                { font: bold 0.6em/1.4em verdana; color: #FF9933; text-transform: capitalize; }
.text_attributeinactive                { font: bold 0.6em/1.4em verdana; color: #CCCCCC; text-transform: capitalize; }
.text_attribute_servant        { font: normal 0.8em/1.8em verdana; color: #333333; text-transform: capitalize; }
.head_info                                        { font: normal 0.6em/1.4em verdana; color: #808080; }
.text_info                                                { font: bold 0.6em/1.4em verdana; color: #333333; }
.text_element_title                        { font: normal 0.8em/1.4em verdana; color: #333333; }

a.element_title:link, a.element_title:visited        { text-decoration: none; color: #333333; }
a.element_title:hover, a.element_title:active        { text-decoration: none; color: #CCCCCC; }

.buttonhide        { border: 0;  }

/* ERROR Setup */

.error                        { width: 500px; border: 1px #FF5F32 solid; background: #FFFFFF; text-align: center; margin-left: 31px; margin-bottom: 20px; float: left; }
.text_error        { font: bold 0.8em/1.4em verdana; color: #FF5F32; }


/* AFFIRMINATION Setup */

.affirmation                                { width: 500px; border: 1px #8DC63F solid; background: #FFFFFF; margin-left: 31px; margin-bottom: 20px; float: left; }
.affirmation_textbox        { width: 450px; margin-top: 12px; float: left; }

.text_affirmation                { font: bold 0.8em/1.4em verdana; color: #8DC63F; }
.image_affirmation                { border: 0; margin-left: 5px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; float: left; }


/* SEARCH Setup (3.12.06)*/

.search_box {
            margin-top: 20px;
            margin-left: 31px;
            margin-right: 31px;
}

.search_text {
             width: 400px;
}

.attribute				{ width: 200px; float: left; }
.attribute_servant	{ width: 340px; padding-left: 10px; float: right; }
.attribute_input		{ width: 320px; height: 18px; border: 1px #CCCCCC solid; border-bottom: 1px #333333 solid; background: #FFFFFF; font: none 0.8em/1.4em verdana; color: #000000; padding-left: 5px; margin-top: 3px; margin-bottom: 3px; }
.attribute_file		{ width: 320px; background: #FFFFFF; font: none 0.8em/1.4em verdana; color: #000000; margin-bottom: 5px;
								border-left: 1px #CCCCCC solid;
								border-bottom: 1px #333333 solid;
								border-right: 1px #CCCCCC solid;
								border-top: 1px #CCCCCC solid; }
.attribute2                                { width: 200px; float: left; }
.attribute_servant2        { width: 500px;}
.attribute_input2                { width: 360px; height: 16px; border: 1px #CCCCCC solid; border-bottom: 1px #333333 solid; background: #FFFFFF; font: none 0.8em/1.4em verdana; color: #000000; padding-left: 5px; margin-top: 3px; margin-bottom: 3px; margin-right: 10px; float:left; }
.attribute_file2                { width: 320px; background: #FFFFFF; font: none 0.8em/1.4em verdana; color: #000000; margin-bottom: 5px;
                                                                border-left: 1px #CCCCCC solid;
                                                                border-bottom: 1px #333333 solid;
                                                                border-right: 1px #CCCCCC solid;
                                                                border-top: 1px #CCCCCC solid; }

/* HOME Setup */

.teaser                                        { width: 564px; line-height: 0; margin-bottom: 15px; float: left; }
.teaser_start                                        { width: 564px; line-height: 0; margin-bottom: 15px; float: left;margin-top: -20px; }
.benefit                                { width: 544px; border-bottom: 1px #CCCCCC solid; margin-left: 20px; margin-bottom: 15px; float: left; }
.benefit_image                { margin-right: 5px; float: left; }

.head_benefit                { font: bold 0.8em/1.4em verdana; color: #333333; }
.text_benefit                        {  font: normal 0.8em/1.4em verdana; color: #333333; padding-right: 10px;}
.text_benefithover        { font: bold 0.8em/1.4em verdana; color: #333333; }


/* SHEET Container  */

.sheet                                                        { width: 564px; margin-bottom: 1px; float: left; }
.sheet_header                                { width: 554px; border-bottom: 1px #333333 solid; padding-left: 10px; float: left; }
.sheet_content                                { width: 554px; border-bottom: 1px #EFEFEF solid; padding-left: 10px; float: left; }
.sheet_content_dummy        { visibility: hidden; float: left; } /* R */


.image_preview                { border: 1px #CCCCCC solid; margin-top: 5px; margin-bottom:  5px; float: left; }


/* COMMAND Containter */

.commando                { width: 564px; border-top: 1px #CCCCCC solid; margin-top: 24px; padding-top: 5px; float: left; }

.button                        { height: 25px; background: #FFFFFF; font: bold 0.8em/1.4em verdana; color: #000000; margin-right: 5px; padding-bottom: 2px; float: left;
                                                border-left: 1px #CCCCCC solid;
                                                border-bottom: 1px #CCCCCC solid;
                                                border-right: 1px #CCCCCC solid;
                                                border-top: 1px #CCCCCC solid; }
.button_image        { margin-right: 5px; float: left; }


/* ELEMENT Container */

.element_status                { width: 25px; height: 25px; float: left; }
.element_title                        { width: 460px; border-right: 3px #EFEFEF solid; padding-top: 3px; float: left; }
.element_command        { margin-left: 5px; margin-bottom: 1px; float: right; }
.status_image                        { margin-bottom: 1px; }
.element_preview                { width: 75px; margin-bottom: 1px; float: left; }
.element_info                        { width: 433px; border-left: 1px #EFEFEF solid; margin-left: 10px; margin-bottom: 1px; padding-left: 10px; float: left; }


/* NEW PRODUCT Container */

.addelement_info                { width: 564px; margin-bottom: 1px; float: left; }
.addelement_select,
.addcat_select                        { width: 282px; float: left; }
.selected                                        {width: 195px; border:1px #EFEFEF solid; border-bottom: 1px #CCCCCC solid; padding-left: 5px; float: left; }
.text_addelement                { font: normal 0.8em/1.4em verdana; color: #333333; }

.addelement_input        { width: 200px; height: 18px; border: 1px #CCCCCC solid; background: #FFFFFF; font: none 0.8em/1.4em verdana; color: #000000; padding-left: 5px; margin-top: 3px; margin-bottom: 3px; }


/* NEW CATEGORY Container */

.addcat_frame                { width: 282px; border-top: 1px #CCCCCC solid; padding-top: 15px; float: left; }
.addcat_row                        { border-bottom: 1px #333333 solid; width: 275px; float: left; }
.text_addcat                        { font: normal 0.8em/1.4em verdana; color: #333333; }
.checkbox_addcat        { float: left; }

.addcat_input                { width: 200px; height: 16px; font: none 0.8em/1.4em verdana; color: #000000; padding-left: 5px; margin-top: 3px;
                                                                border: 1px #CCCCCC solid;
                                                                border-bottom: 1px #333333 solid;
                                                                background: #FFFFFF; }

/* FORMULAR Setup */

.form_pri                                        { width: 544px; background: #EFEFEF; margin-left: 20px; float: left; }
.form_sec                                        { width: 544px; background: #FFFFFF; margin-left: 20px; float: left; }
.form_head                                { width: 150px; padding-top: 4px; padding-left: 10px; float: left; }
.form_servant                        { width: 380px; float: right; }

.input_form,
.textarea_form,
.input_form_anrede,
.input_form_strasse,
.input_form_hausnr,
.input_form_plz,
.input_form_ort                        { width: 370px; height: 16px; border: 1px #CCCCCC solid; font: none 0.8em/1.4em verdana; color: #000000; padding-left: 5px; margin-top: 3px; margin-bottom: 3px;
                                                                        border-bottom: 1px #333333 solid;
                                                                        background: #FFFFFF; }
.input_form_anrede        { width: 100px; padding-left: 0px; }
.input_form_strasse        { width: 317px; margin-right: 6px; padding-left: 0px; }
.input_form_hausnr        { width: 50px; text-align: center;  padding-left: 0px; }
.input_form_plz                        { width: 50px; text-align: center; margin-right: 6px; padding-left: 0px; }
.input_form_ort                        { width: 317px; padding-left: 0px; }
.textarea_form                        { height: 200px; }

.head_form                                { font: bold 0.6em/1.4em verdana; color: #333333; }


/* GALLERY */

table.gallery_table{
	border-width: 2px;
	border-color: #000000;
	border-style: solid;
}

table.gallery_table td{
	border-width: 1px;
	border-color: #000000;
	/*border-style: solid;*/
	border-collapse: collapse;
	padding:  5px;
	margin: 0px;
	vertical-align: top;
}

table.gallery_table th.content{
	width: 500px;
}

table.gallery_table td.content{
	width: 500px;
}
