/* Falsh Rahmen im FF enfternen */
:focus {outline: 0;}
:object {outline: none;}

/* ########## Main styling ########## */
/* TAB STYLING */
.tab_container {
	float:left;
	font-weight: bold;	
	text-decoration: none;	
}

.tab_container a:link{
	font-weight: bold;
	text-decoration: none;
}
.tab_container a:hover{
	font-weight: bold;
	text-decoration: none;	
}
.tab_container a:visited{
	font-weight: bold;
	text-decoration: none;
}

.tab_container_l {
	width:10px; 
	height:20px; 
	float:left;
	padding-top:5px;
	background:url(pics/style20/tab-on-l.gif) top right no-repeat;
}

.tab_container_l_act {
	background:url(pics/style20/tab-off-l.gif) top right no-repeat;
}

.tab_container_r {
	min-width:10px; 
	height:20px;  
	float:left; 
	text-align:center; 
	padding-top:5px;
	padding-right:10px;
	background:url(pics/style20/tab-on-r.gif) top right no-repeat;	
}

.tab_container_r_act {
	background:url(pics/style20/tab-off-r.gif) top right no-repeat;
}


.tab_content {
	background:url(pics/style20/topbg.gif) repeat-x;
	border: 1px solid #EEEEEE;
}


/* ########## Modules styling ########## */
.inhalt {
	margin:0;
	padding:10px;
	padding-top:8px;
}

.modul_container {
	width: 720px;
	background-repeat: no-repeat;
	background-color: #fff;
	color:#000000;
	float:none;
	clear:both;
}

.module_header {
	width: 100%;
	height:23px; 
	background-color: #344A7A;
	background-image:url(pics/style20/module_bg.jpg); 
	border:0px solid #DDDDFF;
}

.module_header_symbols {
	float:right; 
	padding-top:2px; 
	padding-right:2px;
}

.module_content {
	padding:5px;
}

#merkzettel {
	margin:5px; 
	background-image:url(pics/notice.jpg); 
	background-repeat: no-repeat; 
	width:600px; 
	height: 230px; 
	padding-left:100px; 
	padding-top:30px; 
	vertical-align:top;
}

#auswertung_grundstoff {
	background-color:#0000BB;
	border:0px;
	font-size:18px;
	padding-top:2px;
	padding-bottom:3px;
	text-align:center;
	color:#FFFFFF
}

#auswertung_zusatzstoff {
	background-color:#0000BB;
	border:0px;
	font-size:18px;
	margin-top:20px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	color:#FFFFFF;
}

.auswertung_question_kat {
	clear:both; 
	float:left;
	margin-top:5px; 
	margin-right:5px; 
	background-image:url(pics/style20/auswertung_question_kat_bg.jpg); 
	width:300px; 
	height:18px;
	vertical-align:top;
	padding:0 0 0 3px;
}

.auswertung_question_icon {
	float:left; 
	margin-right:3px; 
	width:25px; 
	height:18px; 
	font-size:14px; 
	font-weight:bold; 
	text-align:center; 
	color:#FFFFFF;
	margin-top:5px; 
}

.userbar_topnav {
	width:720px;
	border:2px solid #344A7A;
	margin-bottom:5px; 
	float:none;
}

.warning {
	text-align:center; 
	vertical-align:top; 
	margin-bottom:5px; 
	background-color: #FF0000; 
	border:2px solid #FF0000; 
	color: #FFFFFF;
}

.warning_ok {
	text-align:center; 
	vertical-align:top; 
	width:720px; 
	margin-bottom:5px; 
	background-color: #00CC00; 
	border:2px solid #00CC00; 
	color: #FFFFFF;
}

.warning_x {
	float:left;
	font-size:18px;
	margin-top:3px;
	font-weight:bold;
	color: #FF0000;
}

/* ########## Fragebogen styling ########## */
.fb_container {
	float:none; 
	background-color:#fafddb; 
	width:720px; 
	border:2px solid #377791; 
	color: black;
	margin-bottom:12px;
}

.fb_header {
	background-color:#377791;
	color: #FFFFFF;
}

.fb_header_result {
	float:right; 
	padding-right: 5px;
	padding-top: 2px; 
	text-align:right;
}

.fb_header_notice {
	float:right; 
	padding-right:10px; 
	padding-top: 7px; 
	vertical-align:top; 
	text-align:right;
}

.fb_header_lanswitch {
	float:right; 
	padding-right:10px; 
	padding-top: 12px; 
	vertical-align:top; 
	text-align:right;
}

.fb_header_spicken {
	width: 130px;
	float:right; 
	padding-top: 7px; 
	padding-right: 7px; 
	vertical-align:top; 
	text-align:right;
}

.fb_comment {
	float:none;
	clear:both; 
	margin: 5px;
	padding: 5px; 
	vertical-align:top; 
	text-align:left;
	border: 1px solid #f00;
	background-color: #ff0;
}

.fb_header_text {
	vertical-align:top; 
	padding-top: 10px; 
	padding-left: 10px; 
	padding-bottom: 10px;
}

.fb_frage {
	min-height:60px; 
	height:auto !important; 
	height:80px;  
	vertical-align:top; 
	font-size:15px; 
	color: black; 
	padding:10px;
	font-weight: bold;
}

.fb_frage_infotext {
	padding-left:10px;
	font-size:12px;
}

.fb_frage_pic {
	float:left; 
	background-color:#fafddb; 
	border:0px; 
	padding:10px;
}

.fb_frage_vortext {
	margin-top:10px; 
	margin-left:10px; 
	vertical-align:top; 
}

.fb_frage_antwort {
	margin-top:10px; 
	padding-left:10px;
	padding-right:5px;
	min-height: 60px;
	height: auto !important;
	height: 60px;	
	vertical-align:top; 
}

.fb_frage_result {
	float:left; 
	padding-right:10px;
	padding-top:1px;
	padding-left:1px;
	height:65px;
}


/* ########## button styling für Single Mode nach argetp21 ########## */
input.calc_taste{
	width:50px;
	height:50px;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #000000;
}

/* ########## checkbox styling ########## */
.altCheckboxOff {
	padding: 0px 2px; /* NS 6 problem */
	padding-left: 40px;
	background-image: url(pics/unchecked.gif);
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}
.altCheckboxOn {
	padding: 0px 2px; /* NS 6 problem */
	padding-left: 40px;
	background-image: url(pics/checked.gif);
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

.CheckboxSpicken {
	float:left;
	display:none;
	height:65px;
	padding-top:1px;
}


/* ########## Module contacts styling ########## */
.showcontact {
	line-height:12px;
}

.showcontact tr{
	font-size:11px;  
}

.showcontact_td1{
	padding-right: 15px;
	color: #000; 
	font-weight: bold;
}
.showcontact_td2{
	color: #000;
}

.editcontact_input{
	width:180px; 
	margin: 0px 5px 0px 0px; 
	padding: 1px;
	float:left;
	border: 1px solid #AAA;;
}