/**********************************************************
 * sceleton 
 **********************************************************/

#header { margin: 30px 0px 30px 0px; position: relative; border: 1px solid #000000; }
#logo {   }
#mainmenu { background-color: #feab7f; }
#main {  }
#bottom { min-height: 60px; position: relative; color: #000000; text-align: center; background: #feab7f; }

/**********************************************************
 * misc 
 **********************************************************/

html { height: 100%; margin: 0; padding: 0; overflow-y: scroll; }
body { height: 100%; margin: 0; padding: 0px 0px 60px 0px; text-align: justify; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #000000; background-color: #ff8040; }
h1, h2, h3, h4 { margin: 0; padding: 0px 0px 15px 0px; font-family: "Times New Roman", Times, serif; }
h1 { font-size: 19px; font-weight: bold; }
h2 { font-size: 19px; font-weight: bold; }
h3 { font-size: 19px; font-weight: bold; }
h4 { font-size: 16px; font-weight: bold; }

.main-title { min-height: 60px; position: relative; color: #000000; /*460404;*/ text-align: center; background: #feab7f; }
.main-title h1,
.main-title h2 { padding: 20px 0px 0px 0px; }
.main-content { min-height: 210px; padding: 30px 30px 30px 30px; position: relative; background: #ffffff; }
.main-content h1 { font-size: 22px; }
.main-content h2 { font-size: 22px; }
.main-content h3 { font-size: 22px; }

.teaser { padding: 0px 0px 0px 0px; text-align: center; }
.teaser h1 { font-size: 74px; font-weight: normal; color: #620606; }
.teaser h1.maximus-bt { color: #620606; font-family: Maximus BT; font-size: 88px; font-weight: normal; }
.teaser h3  { font-size: 40px; color: #000000; }
.teaser h4 { font-size: 24px; color: #000000; }
 
p { padding: 0px 0px 15px 0px; margin: 0px; }
a,
a:active,
a:visited,
a:hover { text-decoration: underline; font-weight: bold; color: #ff8040; outline: none; }
#logo a { outline: none; }
ul { margin: 0px; padding-left: 10px; list-style-position: outside; }
li { padding-bottom: 10px; }
td { padding: 0px 20px 0px 0px; }

.copyright { font-size: 11px; }
#em-hide { display: none; }

/**********************************************************
 * menus 
 **********************************************************/

/* top-menu */
.mainmenu-wrapper { position: relative; left: 50%; float: left; }
.mainmenu { position: relative; left: -50%; float: left; }
/* level 1 */
.mainmenu ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-position: outside; }
.mainmenu ul li { margin: 0; padding: 0; float: left; width: auto; }
.mainmenu ul li a { padding: 6px 20px 6px 20px; display: block; border-right: 1px solid #000000; font-size: 15px; font-weight: bold; text-decoration: none; color: #000000; background-color: #ffffff; /*#fff0e8;*/ outline: none; }
.mainmenu ul li:first-child a { border-left: 1px solid #000000; }
.mainmenu ul li a:hover { background-color: #feab7f; }
.mainmenu ul li.active > a { background-color: #000000; color: #ffffff; }
/* level 2 and above */
.mainmenu ul ul { width: 150px; left: -5000px; position: absolute; margin: 0; padding: 0; border: 1px solid #000000; z-index: 1000; list-style: none; list-style-type: none; list-style-position: outside; }
.mainmenu ul li li { width: 148px; clear: both; }
.mainmenu ul li li a { padding: 6px 20px 6px 20px; border-top: 1px solid #000000; border-left: none; border-right: none; border-bottom: none; font-size: 15px; }
.mainmenu ul li li:first-child a { border: none; }
.mainmenu ul li li a:hover {  }
.mainmenu ul li li.active > a {  }
.mainmenu ul li:hover ul ul { left: -5000px; }
.mainmenu ul li:hover ul { left: auto; margin: 0px 0px 0px -1px; }

/* bottom-menu */
.bottommenu-wrapper { position: relative; left: 50%; float: left; }
.bottommenu { position: relative; left: -50%; float: left; }
.bottommenu ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-position: outside; }
.bottommenu ul li { margin: 0; padding: 0; float: left; width: auto; }
.bottommenu ul li a { padding: 6px 0px 0px 20px; display: block; font-size: 14px; text-decoration: none; color: #000000; outline: none; }
.bottommenu ul li:first-child a { padding-left: 0px; }
.bottommenu ul li a:hover { text-decoration: underline; }

/**********************************************************
 * bootstrap 
 **********************************************************/

.container { margin-bottom: 20px; /*overflow: hidden;*/ }
.dropdown:hover .dropdown-menu {
    display: block;
 }

/**********************************************************
 * responsive 
 **********************************************************/

/* xs */
@media screen and (max-width: 767px) {
	.container { width: 90%; }
	.mainmenu ul li a { padding: 6px 10px 6px 10px; font-size: 13px; }
}

/* sm */
@media screen and (min-width: 768px) {
	.container { width: 90%; }
}

/* md */
@media screen and (min-width: 992px) {
	.container { width: 980px; }
	.mainmenu ul li a { padding: 6px 20px 6px 20px; font-size: 15px; }
}

/* lg */
@media screen and (min-width: 1200px) {
	
}

/* small phone (iphone4...), landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
	
}
/* small phone (iphone4...), portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {
	
}