/* ############## Basislayout ############### */
html, body { height: 100%; }

body { font: normal 11px verdana,sans-serif; text-align:left;}

body {
	margin: 0;
	background: #fff ;
	text-align: left;
}




body.main {
	margin-left: 10px!important;
}


a { color: #ff6600; text-decoration: none;}
a:hover { color: #ff6600; text-decoration: underline;}

#servicenavi { 
	position: relative;
	left: -30px;
	top: -9px;	
	z-index: 70; 
	margin-left: 0px; 
	margin-right: auto; 
	height: 55px;  
	_height: 55px;  	
	width: 198px; 
	text-align: left;
        font-size: 8pt; 
        color:#000000; 
        font-family:verdana,Helvetica; 
        font-weight:none;
}
html>body  #servicenavi  { box-sizing: content-box; }      

.servicenavi {
	border-right: 1px solid #375474;
	width: 196px!important; 	
	_width: 196px!important; 	
}

#topnavi { 
	position: relative;
	left: -30px;
	top: -9px;	
	z-index: 50; 
	margin-left: 0px; 
	margin-right: auto; 
	height: 93px;  
	_height: 93px;  	
	width: 660px; 
	text-align: left;
        font-size: 8pt; 
        color:#000000; 
        font-family:verdana,Helvetica; 
        font-weight: none;
}
html>body  #topnavi  { box-sizing: content-box; }      

.topnavi {
	border-right: 1px solid #375474;
	width: 660px!important; 	
	_width: 660px!important; 	
}



#topback {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 185px;
	margin-right: auto;
	height: 16px;
	background: #fef0e7;
	width: 630px;
	text-align: center;
}



* * body #content { /* für IE Mac und PC (z-index Problem im MacIE) */
        position: relative;
/*   z-index: -1;*/
}

/* Neudefinition für neue Seite */


.leftTitleRed     { font-size: 22px; font-weight: bold; font-family: times; color: #b63424; }
.leftTitleRedSmall{ font-size: 24px; font-weight: normal; font-family: times; color: #b63424; }
.leftTitleOrange  { font-size: 22px; font-weight: bold; font-family: times; color: #f6741c; }
.leftTitleYellow  { font-size: 22px; font-weight: bold; font-family: times; color: #fabb02; }
.leftTitleLemmon  { font-size: 22px; font-weight: bold; font-family: times; color: #f5e643; }
.leftTitleDefault { font-size: 22px; font-weight: bold; font-family: times; color: #ce9a26; }
.menubutton       { font-size: 20px; font-weight: bold; font-family: times; color: #ffffff; }


/* Von alter Seite */ 

unknown               { font-size:13px; color:#000000; font-family:verdana; }
input,textarea,select { font-family:verdana; font-size:12px; }

td              { font-size:11px; color:#000000; font-family:verdana,Helvetica; }

.td1	     { background-image:url(/layout/img/grafik/rot-streifen.jpg); height: 100%;} 
.td2          { background-color: #f8eae7; }

a               { font-size:12px; color:#000000; font-family:verdana,Helvetica; }
a:link          { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; } a:visited       { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; }
a:hover         { font-size:12px; color:#000000; font-family:verdana,Helvetica; }
a:active        { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; }

.link                { font-size:12px; color:#000000; font-family:verdana,Helvetica; text-decoration:none;}
a.link:link          { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; text-decoration:none;}
a.link:visited       { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; text-decoration:none;}
a.link:hover         { font-size:12px; color:#000000; font-family:verdana,Helvetica; text-decoration:none;}
a.link:active        { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; text-decoration:none;}

.tipp           { border-right:1px solid; border-top:1px solid; font-size:10px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#fffff0;  padding-right:5px;  padding-left:5px;  padding-top:5px;  padding-bottom:5px;}
.numfield       { border-right:1px solid; border-top:1px solid; font-size:10px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#fff7b4;  font-weight:bold;}
.numfieldRed    { font-size:12px; font-family:verdana,Helvetica; background-color:#FFFFFF;  color:#FF0000; font-weight:bold;}
.step           { border-right:1px solid; border-top:1px solid; font-size:12px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#fffff0;  padding-right:5px;  padding-left:5px;  padding-top:5px;  padding-bottom:5px; font-weight:bold;}
.nlheader       { font-size:14px; color:#000000; font-family:verdana,Helvetica; font-weight:bold;}
.tiny           { font-size:10px; color:#000000; font-family:verdana,Helvetica; }
a.tiny          { font-size:10px; color:#000000; font-family:verdana,Helvetica; }
a.tiny:link     { font-size:10px; color:#000000; font-family:verdana,Helvetica; }
a.tiny:visited  { font-size:10px; color:#000000; font-family:verdana,Helvetica; }
a.tiny:hover    { font-size:10px; color:#000000; font-family:verdana,Helvetica; text-decoration:underline; }
a.tiny:active    { font-size:10px; color:#000000; font-family:verdana,Helvetica; }

.tinymono           { font-size:9px; color:#000000; font-family:Courier; }
a.tinymono          { font-size:9px; color:#000000; font-family:Courier; }
a.tinymono:link     { font-size:9px; color:#000000; font-family:Courier; }
a.tinymono:visited  { font-size:9px; color:#000000; font-family:Courier; }
a.tinymono:hover    { font-size:9px; color:#000000; font-family:Courier; text-decoration:underline; }
a.tinymono:active    { font-size:9px; color:#000000; font-family:Courier; }

.action         { font-size:10px; color:#FF0000; font-family:verdana,Helvetica; }
.mustbechanged  { font-size:12px; color:#FF0000; font-family:verdana,Helvetica; line-height:13pt; text-decoration:line-through}
.oldprice       { font-size:10px; color:#FF0000; font-family:verdana,Helvetica; line-height:10pt; text-decoration:line-through}
.mandatory      { font-size:10px; color:#FF0000; font-family:verdana,Helvetica; }
.reminder       { font-size:10px; color:brown; font-family:verdana,Helvetica; }
.small          { font-size:10px; color:#000000; font-family:verdana,Helvetica; }
a.small:link     { font-size:10px; color:#CE9A26; font-family:verdana,Helvetica; }
a.small:visited  { font-size:10px; color:#CE9A26; font-family:verdana,Helvetica; }
a.small:hover    { font-size:10px; color:#FF0000; font-family:verdana,Helvetica; }
a.small:active   { font-size:10px; color:#CE9A26; font-family:verdana,Helvetica; }
.textboxHeader  { font-size:12px; color:#CE9A26; font-family:verdana,Helvetica; font-weight:bold;}
.textboxText    { font-size:11px; color:#000000; font-family:verdana,Helvetica; font-weight:none;}
.textboxTextfg  { font-size:11px; color:#CE9A26; font-family:verdana,Helvetica; font-weight:none;}
.textboxTextfgBold{ font-size:11px; color:#CE9A26; font-family:verdana,Helvetica; font-weight:bold;}
.smallbold      { font-size:10px; color:#000000; font-family:verdana,Helvetica; font-weight:bold;}
.smallwhite     { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; }
.smallwhitebold { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:bold;}
.smallfg        { font-size:10px; color:#CE9A26; font-family:verdana,Helvetica; font-weight:none;}
.smallfgbold    { font-size:10px; color:#CE9A26; font-family:verdana,Helvetica; font-weight:bold;}
.newArticle             { font-size:11px; color:#ff0000; font-family:verdana,Helvetica; font-weight:bold;}
.text           { font-size:12px; color:#000000; font-family:verdana,Helvetica; line-height:13pt; padding-right:5px; text-align:left;}
a.text          { font-size:12px; color:#000000; font-family:verdana,Helvetica; }
a.text:link     { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; }
a.text:visited  { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; }
a.text:hover    { font-size:12px; color:#000000; font-family:verdana,Helvetica; text-decoration:underline; }
a.text:active    { font-size:12px; color:#ce9a26; font-family:verdana,Helvetica; }
.textbold       { font-size:12px; color:#000000; font-family:verdana,Helvetica; line-height:13pt; font-weight:bold;}
.textwhitebold  { font-size:12px; color:#FFFFFF; font-family:verdana,Helvetica; line-height:13pt; font-weight:bold;}
.header        { font-size:12px;  color:#FFFFFF; background-image:url(/layout/gfx/header_back.gif); font-family:verdana,Helvetica; line-height:13pt; font-weight:bold;}
.headerblue    { font-size:12px;  color:#FFFFFF; background-color:#1671B1; font-family:verdana,Helvetica; line-height:17px; font-weight:bold;}
.headergreen   { font-size:12px;  color:#FFFFFF; background-color:#16B170; font-family:verdana,Helvetica; line-height:17px; font-weight:bold;}

.textfg         { font-size:12px; color:#CE9A26; font-family:verdana,Helvetica; line-height:13pt;}
.textfgbold     { font-size:12px; color:#CE9A26; font-family:verdana,Helvetica; line-height:13pt; font-weight:bold;}
.title          { font-size:24px; color:#FF0000; font-family:verdana,Helvetica;  font-weight:bold;}
.menutitle      { background-color: #f8eae7;}

.capital        { font-size:24px; color:#CE9A26; font-family:verdana,Helvetica;  font-weight:bold;}
.error          { font-size:10px; color:red; font-family:verdana,Helvetica; font-weight:bold;}

.mainmenu           { font-weight:bold; font-size:12px; color:black;    font-family:verdana,Helvetica; text-decoration:none }
a.mainmenu:link     { font-weight:bold; font-size:12px; color:black;    text-decoration:none }
a.mainmenu:visited  { font-weight:bold; font-size:12px; color:black;    text-decoration:none }
a.mainmenu:hover    { font-weight:bold; font-size:12px; color:#ce9a26;  text-decoration:none; }
a.mainmenu:active   { font-weight:bold; font-size:12px; color:black;    text-decoration:none }

.search           { font-weight:bold; font-size:12px; color:#ce9a26;    font-family:verdana,Helvetica; text-decoration:none; line-height:180%;}
a.search:link     { font-weight:bold; font-size:12px; color:#ce9a26;    text-decoration:none; line-height:180%;}
a.search:visited  { font-weight:bold; font-size:12px; color:#ce9a26;    text-decoration:none; line-height:180%;}
a.search:hover    { font-weight:bold; font-size:12px; color:black;      text-decoration:none; line-height:180%;}
a.search:active   { font-weight:bold; font-size:12px; color:#ce9a26;    text-decoration:none; line-height:180%;}

.mainmenusel        { font-weight:bold; font-size:12px; color:#ce9a26;  font-family:verdana,Helvetica; text-decoration:none }
a.mainmenusel:link     { font-weight:bold; font-size:12px; color:#ce9a26;    text-decoration:none }
a.mainmenusel:visited  { font-weight:bold; font-size:12px; color:#ce9a26;    text-decoration:none }
a.mainmenusel:hover    { font-weight:bold; font-size:12px; color:black;  text-decoration:none; }
a.mainmenusel:active   { font-weight:bold; font-size:12px; color:#ce9a26;    text-decoration:none }

.submenu           { font-weight:bold; font-size:10px; color:#ce9a26;    font-family:verdana,Helvetica; text-decoration:none }
a.submenu:link     { font-weight:bold; font-size:10px; color:#ce9a26;    text-decoration:none }
a.submenu:visited  { font-weight:bold; font-size:10px; color:#ce9a26;    text-decoration:none }
a.submenu:hover    { font-weight:bold; font-size:10px; color:black;  text-decoration:none; }
a.submenu:active   { font-weight:bold; font-size:10px; color:#ce9a26;    text-decoration:none }

.greybold          { font-size:12px; color:#ADADAD; font-weight: bold; font-family:verdana,Helvetica; text-decoration: none; }
a.greybold:link    { font-size:12px; color:#ADADAD; font-weight: bold; font-family:verdana,Helvetica; text-decoration: none; }
a.greybold:visited { font-size:12px; color:#ADADAD; font-weight: bold; font-family:verdana,Helvetica; text-decoration: none; }
a.greybold:hover   { font-size:12px; color:#000000; font-weight: bold; font-family:verdana,Helvetica; text-decoration: none; }
a.greybold:active  { font-size:12px; color:#ADADAD; font-weight: bold; font-family:verdana,Helvetica; text-decoration: none; }

.greySmall          { font-size:10px; color:#ADADAD; font-family:verdana,Helvetica; }
A.greySmall:link    { font-size:10px; color:#ADADAD; font-family:verdana,Helvetica; }
A.greySmall:visited { font-size:10px; color:#ADADAD; font-family:verdana,Helvetica; }
A.greySmall:hover   { font-size:10px; color:#ADADAD; font-family:verdana,Helvetica; }
A.greySmall:active  { font-size:10px; color:#ADADAD; font-family:verdana,Helvetica; }

.class13BoldRed { font-size:13px; color:#FF0000; font-family:verdana,Helvetica; font-weight:bold; }
.class11Bold    { font-size:11px; color:#000000; font-family:verdana,Helvetica; font-weight:bold; }
.class11        { font-size:11px; color:#000000; font-family:verdana,Helvetica; font-weight:none; }


.menu           { font-size:9px; font-family:Verdana,Arial,Helvetica; color:#000000; font-weight:bold;}
A.menu:link     { font-size:9px; font-family:Verdana,Arial,Helvetica; color:#000000; font-weight:bold; text-decoration:none; }
A.menu:visited  { font-size:9px; font-family:Verdana,Arial,Helvetica; color:#444444; font-weight:bold; text-decoration:none; }
A.menu:hover    { font-size:9px; font-family:Verdana,Arial,Helvetica; color:#800000; font-weight:bold; text-decoration:none; width:70px; background:#EFDBAB}
A.menu:active   { font-size:9px; font-family:Verdana,Arial,Helvetica; color:#335577; font-weight:bold; text-decoration:none; }

.whitelink      { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:bold; text-decoration:none; }
a.whitelink:link  { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:bold; text-decoration:none; }
a.whitelink:visited { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:bold; text-decoration:none; }
a.whitelink:hover { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:none; text-decoration:none; }
a.whitelink:active  { font-size:10px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:bold; text-decoration:none; }

.mskFieldDescription { font-size:12px; color:#000000; font-family:verdana,Helvetica; font-weight:bold;}
.mskFieldInput       { width:50px; font-size:12px; color:#000000; font-family:verdana,Helvetica; font-weight:bold; }
.mskFieldInputRed    { font-size:12px; color:#FFFFFF; font-family:verdana,Helvetica; font-weight:bold; background-color:#ff0000;}
.mskTitle            { font-size:12px;  color:#FFFFFF; background-image:url(/layout/gfx/header_back.gif); font-family:verdana,Helvetica; line-height:13pt; font-weight:bold;}
.mskButton           { font-size:12px; color:#000000; font-family:verdana,Helvetica; }
.mskButtonRed        { box-width: 150px box-height:50px font-size:12px; color:#FFFFFF; background-color:#FF0000; font-weight:bold; font-family:verdana,Helvetica; }
.mskErrorMsg         { font-size:12px; color:#FF0000; font-family:verdana,Helvetica; font-weight:bold;}
.mskMandatory        { font-size:12px; color:#FF0000; font-family:verdana,Helvetica; }
.mskHint             { font-size:12px;  color:#000000; font-family:verdana,Helvetica;}
.yourrecipe	     {  font-size:18px;  color:#000000; font-family:verdana,Helvetica; font-weight:bold }
.mskHamCalcFieldDescription { font-size:12px; color:#000000; font-family:verdana,Helvetica; font-weight:bold;}

.inputsize0 {width:130px; border-right:1px solid; border-top:1px solid; font-size:10px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#ffffff;  font-weight:none;}
.inputsize1 {width:50px; border-right:1px solid; border-top:1px solid; font-size:10px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#ffffff;  font-weight:none; text-align:right;}
.inputsize2 {width:270px; border-right:1px solid; border-top:1px solid; font-size:10px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#ffffff;  font-weight:none;}

.message {width:400px; border-right:1px solid; border-top:1px solid; font-size:13px; border-left:1px solid; border-bottom:1px solid; border-color: black; font-family:verdana,Helvetica; background-color:#fcfdbe;  font-weight:none;}

.logo    { font-size:12px; color:black; font-family:'Times New Roman',Times,serif; font-weight:bold;}
.logofg  { font-size:12px; color:#CE9A26; font-family:'Times New Roman',Times,serif; font-weight:bold;}
.logosmall    { font-size:10px; color:black; font-family:'Times New Roman',Times,serif; font-weight:bold;}
.logofgsmall  { font-size:10px; color:#CE9A26; font-family:'Times New Roman',Times,serif; font-weight:bold;}

.Lutton { background-color:#aaa; color:#fff; width:150px; border:2px solid #ddd; }

.F0EDEA  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#F0EDEA;}
.FCFAF8  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#FCFAF8;}
.F6E5AC  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#F6E5AC;}
.F8FC7E  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#F8FC7E;}
.E8AA25  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#E8AA25;}
.FC5C05  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#FC5C05;}
.FA261B  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#FA261B;}
.CE5C00  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#CE5C00;}
.060505  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#060505;}
.BC2304  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#BC2304;}
.0111A3  { font-size:11px; font-family:verdana,Helvetica; color:#0111A3; background-color:#0111A3;}
.13DB13  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#13DB13;}
.9BAA9F  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#9BAA9F;}
.C98206  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#C98206;}
.DC7405  { font-size:11px; font-family:verdana,Helvetica; color:black; background-color:#DC7405;}



