@charset "UTF-8"; /* yaml_HandwerkDesign.css */
@import url(yaml_ihm_base.css);

body {
	background: rgb(219, 215, 209); /* WARM YELLOW */
	color: rgb(127,116,93); /* TEXTFARBE */
	font-size: 13px;
	line-height: 18px;
}

  #col1 { float: left; width: 170px;  margin:0; }
  #col2 { float: right; width: 155px;  margin:0; }
  #col3 { width: auto; margin: 0 165px 0 185px; }
  #col2_content { padding-right: 5px; }
  #fairSwitch { width: 160px; }
  #keywordToSearch { width: 116px; }
  #youarehere { padding-left: 185px; } /* dieselbe 185 wie bei col3-margin-left 4 Zeilen höher */
  #copyright { width: 160px; }
  #footerMenu {margin-left: 30px; }
  .mainMenu ul li { width: 172px; }
  .mainMenu ul li:hover > .menuLevelExtra1 > ul { left: 172px; width: 175px; }
  .mainMenu ul li:hover .menuLevelExtra1 ul li .menuDeco { width: 175px; }
  .menuLevelExtra1 ul li a { width: 143px; } /* = 170 - 32 (32 siehe Menü) = 138 */
  .submenuHintExtra1 { background-position: right 6px; right: 2px; }
  .navigationBlockSpace { margin-bottom: 25px; }
  
  #languageMenu {
	margin-left: -10px;
	width: 170px;
  }
  #languageMenu li a { margin-left: 18px; display: block; margin-bottom: 5px; line-height: 20px; }
  
  #bylineDecoImage { width: 340px; height: 430px; }
  
#header {
	height: 100px;
}

#homeLink { left: 23px; width: 210px; bottom: 0; height: 80px; }

#innerPage { background: none; }
#main {
	background: url(navigationBG_HandwerkDesign.jpg) 170px 0 repeat-y;
	margin: 10px 0;
}

#col1_content,
#col1_content a,
#col1_content a:visited,
#col1_content input
{ color: rgb(127,116,93); } /*TEXTFARBE */

#col1_content {text-transform: uppercase;}
#crossrefsMenu {text-transform: none;}

a:link,
a:visited,
a:active { color: rgb(0, 138, 204); } /* MINT */
#col3_content a, #col3_content a:visited {text-decoration: underline;}
a:focus,
a:hover,
a:active { color: rgb(216, 46, 35); text-decoration:underline; background: transparent; } /*WARMYELLOW*/
  
h2, .leadText { font-size: 18px; line-height: 25px; }
h3 { font-size: 14px; line-height: 18px; }

.mainMenu ul li a,
.mainMenu ul li a:visited {
	/*font-weight: bold;*/
	/*font-size: 0.95em;*/
	font-weight: normal;
	line-height: 20px;
	padding: 0px 14px 5px 18px; /* left(18) + right(14) = 32 (s. o.)  */
}
  
.menuLevel1 { font-size: 12px; line-height: 20px; }
.menuLevel1 ul li a, .menuLevel1 ul li a:visited { padding-bottom: 10px; }
.menuLevel2 { font-size: 11px; line-height: 20px; }
.menuLevel2 ul li a, .menuLevel2 ul li a:visited { padding-bottom: 10px; }
.menuLevel3 { font-size: 11px; line-height: 10px; }
.menuLevel3 ul li a, .menuLevel3 ul li a:visited { padding-bottom: 10px; }

#youarehere, #footer, #footerMenu {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #9f9786;
}
#youarehere, #footerMenu { text-transform: uppercase; }

#keywordSearch { height: 30px; margin-top: 10px; margin-left: 8px; }
#keywordToSearch { background: #f5f5f3; border: none; }

#col1_content .mainMenu ul li:hover > .menuDeco > .menuDeco2 > a,
#col1_content .mainMenu ul li:hover > .menuDeco > .menuDeco2 > a:hover,
#col1_content .mainMenu ul li > .menuDeco > .menuDeco2 > a:focus
/* die Background-Farbe sollte hier die Farbe des rechten Rands des navhoverBG sein */
{ color: #fff; background: url(navdropBG_HandwerkDesign11.png) /*#359EBC*/; }

.mainMenu ul li a:active,
{ background: #6ed2b4 !important; }

.mainMenu a.selected,
.mainMenu a:visited.selected
{ color: rgb(0, 138, 204) !important; background: transparent !important; }

.menuLevel0 > ul > li,
#languageMenu li
/* Linien in Ebene 2-4 */
/*.menuLevel1 > ul > li,
.menuLevel2 > ul > li,
.menuLevel3 > ul > li*/
{
  padding-bottom: 5px;
  background-image: url(navspacer_HandwerkDesign.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
/* doppelte Linien vermeiden */
/*.menuLevel1 > ul > li:last-child {padding-bottom: 0; background: inherit;}
.menuLevel2 > ul > li:last-child {padding-bottom: 0; background: inherit;}
.menuLevel3 > ul > li:last-child {padding-bottom: 0; background: inherit;}*/

/*.menuLevel0 > ul > li >*/ .menuLevelExtra1 ul li .menuDeco2 {
	padding-top: 5px;
	background: url(subnavspacer_HandwerkDesign10.png) left top no-repeat;
}
/*.menuLevel0 > ul > li >*/ .menuLevelExtra1 ul li:first-child .menuDeco2 {padding: 0; background: none;}

.menuLevelExtra1 ul li .menuDeco
{ background: url(navdropBG_HandwerkDesign11.png) !important; }

.menuLevelExtra1 ul li a
{ background: transparent !important; }
.menuLevelExtra1 ul li {background: transparent !important;}

.menuLevelExtra1 ul li a:hover,
.menuLevelExtra1 ul li a:focus
{ background: rgb(0, 138, 204) !important; text-decoration: underline; }

.menuLevelExtra1 ul li a,
.menuLevelExtra1 ul li a:hover
{ color: white !important; }

.mainMenu, #languageMenu {
  padding-top: 5px;
  background: url(navspacer_HandwerkDesign.png) top left no-repeat;
}
#crossrefsMenu { padding-top: 0; background: transparent; }

#byline { background: url(navdropBG_HandwerkDesign10.png)/*#128EB1*/; font-size: 13px; font-family: Tahoma, Arial, sans-serif; padding: 10px 5px; }
#byline .p1, #byline .p2 { line-height: 18px; font-size: 100%; font-weight: bold; word-spacing: 0; letter-spacing: 0; }

.hinweise {
	border: none; /*3px dotted #58afc7;*/
	background: url(images/HandwerkDesign10_dot.gif);
	padding: 5px;
}
.hinweiseTitle {
	color: rgb(0, 138, 204);
	background: white;
	border: none;
	padding: 5px;
	font-size: 16px;
	line-height: 20px;
}

.hinweiseContent {
	padding: 0px 5px 5px 5px;
	line-height: 20px;
	background: white;
}

.infoBildContainer {
	margin: 10px 0 10px 0;
}

#HandwerkDesignContentTheme {
	margin-left: 0;
	margin-right: 0;
	background: Salmon left top no-repeat;
	height: 240px;
	min-width: 650px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#HandwerkDesignContentTheme.Start {
	margin-top: 0;
}

#HandwerkDesignContentTheme.Start,
#HandwerkDesignContentTheme.Konzept,
#HandwerkDesignContentTheme.Ausstellerservice,
#HandwerkDesignContentTheme.Team,
#HandwerkDesignContentTheme.Besucherservice {
	background-color: rgb(0, 138, 204); /* MINT */
}

#HandwerkDesignContentTheme.Idee,
#HandwerkDesignContentTheme.Highlights,
#HandwerkDesignContentTheme.Ausstellerverzeichnis,
#HandwerkDesignContentTheme.Presseservice,
#HandwerkDesignContentTheme.AnreiseUnterkunft {
	background-color: rgb(216, 046, 035); /* WARM YELLOW */
}