/**
 * CSS styles for the "TC Corporate Fashion" project 
 */

/**
 * Allgemeines 
 */
body {
	margin: 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	overflow-y:scroll;
}


select, option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
}

/*
option{
	background-color: #ffffff;
}
*/

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	text-align: left;
	vertical-align: top;
}

input[type=text] {
	texct-align:center;	
}

label {
	cursor:pointer;
	cursor:hand;
}

p {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input[type=checkbox] {
	position:relative;
	top:2px;
}

a img {
	border-width: 0px !important;
}

/**
 * Color Picker Elements
 */
.color {
	width: 18px !important;
	height: 18px !important;
	border: 1px solid #CACACA !important;
	cursor: pointer !important;
	cursor: hand !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 12px !important;
	display: inline !important;
	-moz-user-select: none !important; 
	-webkit-user-select: none !important; 
	-khtml-user-select: none !important;
	user-input:disabled;
	position: relative !important; 
	top: -1px !important;
}

.fake_color_box {
	width: 12px !important;
	height: 12px !important;
	border: 1px solid #CACACA !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 12px !important;
	display: inline !important;
	-moz-user-select: none !important; 
	-webkit-user-select: none !important; 
	-khtml-user-select: none !important;
	user-input:disabled;
	position: relative !important; 
	top: -1px !important;
	display: block !important;
}

.color_box {
	width: 12px !important;
	height: 12px !important;
	border: 1px solid #CACACA !important;
	margin: 0px !important;
	padding: 0px !important;
}

.mootools_color_picker{
	width: 18px !important;
	height: 18px !important;
	border: 1px solid #CACACA !important;
	cursor: pointer !important;
	cursor: hand !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 12px !important;
	display: box !important;
	-moz-user-select: none !important; 
	-webkit-user-select: none !important; 
	-khtml-user-select: none !important;
	user-input:disabled;
	position: relative !important; 
	top: -1px !important;
}

/**
 * TEXTE
 */
.header_logininfo {
	font-size: 10px;
	color: #7A7A7A;
}

.headline {
	font-size: 15px;
	color: #b72937;
}

.bigHeadline {
	font-size: 28px;
	line-height: 35px;
	color: #333333;
}

.subline {
	font-size: 13px;
	color: #000000;
	font-weight:bold;
}

.smallText {
	color: #000000;
	font-size: 10px;
	line-height: 13px;
}

.materialGroupCompanyText {
	font-family: Arial;
	text-align:center; 
	vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
}

/**
 * LINKS
 */
a { text-decoration:underlined; }
a:link { color: #7A7A7A; }
a:hover { color: #b72937; }
a:visited { color: #7A7A7A; }
a:visited:hover { color: #b72937; }
a:active { color: #b72937; }

.red_link { text-decoration:none; }
.red_link:link { color: #B72937; }
.red_link:hover { color: #B72937; }
.red_link:visited { color: #B72937; }
.red_link:visited:hover { color: #B72937; }
.red_link:active { color: #B72937; }

.submenue a { text-decoration:none; }
.submenue a:link { color: #99999; }
.submenue a:visited { color: #99999; }
.submenue a:hover { color: #B72937; }
.submenue a:visited:hover { color: #B72937; }
.submenue a:active { color: #B72937; }

.submenue_active a { text-decoration:none; }
.submenue_active a:link { color: #B72937; }
.submenue_active a:visited { color: #B72937; }
.submenue_active a:hover { color: #B72937; }
.submenue_active a:visited:hover { color: #B72937; }
.submenue_active a:active { color: #B72937; }

a.linkVersalien { text-decoration:none; font-size:13px; }
a.linkVersalien:link { color: #b72937; }
a.linkVersalien:visited { color: #b72937; }
a.linkVersalien:hover { color: #b72937; }
a.linkVersalien:visited { color: #b72937; }
a.linkVersalien:active { color: #b72937; }

.faq a { text-decoration:none; }
.faq a:link { color: #333333; }
.faq a:visited { color: #333333; }
.faq a:hover { color: #999999; }
.faq a:visited:hover { color: #999999; }
.faq a:active { color: #999999; }

.a_delete{ font-size:11px; }

.main_navie_link {
	font-size: 14px;
	text-decoration:none;
	font-size: 13px;
}

.footer_link {
	text-decoration:none;
	font-size: 10px;
	padding-left: 12px;
	padding-right: 12px;
}


/**
 * FORMULARE
 */

.form_text {
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.form , input[type="text"] {
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #cccccc;
	text-align:left;
	width:200px;
	height:17px;
}


.button {
	font-size: 12px;
	padding: 5px 15px 5px 15px;
	border-width: 0px;
	text-transform: uppercase;
	background-color: #B72937;
	color: #FFFFFF;
}


textarea {
	resize: none;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #cccccc;
	text-align:left;
}

/**
 * Classes
 */
.text_error{
	color: #ff0000;
}

input.text_error, select.text_error { border: 1px solid #ff0000 !important; }

.text_error_big_text { 
	color: #ff0000; 
	font-size:18pt; 
}
.text_error_big_symbol { 
	color: #ff0000; 
	font-size:34pt; 
}

.text_success{
	color: #00aa00;
}

.pdf_cfs_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.pdf_anschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 19px;
}