@charset "utf-8";
/* CSS Document */
*	{margin: 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;}

body	{background-color: #666666;}

h1	{display: none;}
hr	{margin-bottom: 10px; color: #ee7f00; background-color: #ee7f00; height: 1px; border: 0}

#mainContainer	{width: 950px;margin-left:auto;margin-right:auto; background-color:#f7f2ed; border: 10px solid #FFFFFF; border-top: 0px; position: relative; background-image: url(../images/mainContainer_bg.gif); background-repeat: repeat-y; min-height: 480px;}

#breadCrumbNavi	{list-style-type: none; background-color: #FFFFFF; height: 23px;}
#breadCrumbNavi li	{display: inline; line-height: 20px;}
#breadCrumbNavi li a	{font-size: 11px; color: #000000; text-decoration: none;}
#breadCrumbNavi li a span	{color: #FF0000;}
#breadCrumbNavi li a:hover	{color: #FF0000;}

#navigationArea	{background-color: #CED0C9; position: relative; margin-bottom: 20px; float: left}
#navigationArea	h2 {font-size: 0.7em; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 180px; padding-top: 4px; padding-bottom: 4px;padding-left: 10px; padding-right: 10px;}


#mainNaviList, #portfolioNaviList, #aboutNaviList, #overviewNaviList	{list-style-type: none;}

#mainNaviList	{height: 35px; background-color: #CED0C9}

#mainNaviList li a, #portfolioNaviList li a, #aboutNaviList li a, #overviewNaviList li a	{display: block; color: #000000; font-size: 0.7em; text-decoration: none; }

#mainNaviList li	{display: inline; float: right}
#mainNaviList li a	{float: left; width: 140px; background-color:#F7EFE7; text-align: center; padding-top: 6px; padding-bottom: 6px;margin-left: 10px; background-image: url(../images/mainNaviLink_bg.gif); background-position: bottom right; background-repeat: no-repeat;}
#mainNaviList li a:hover, #mainNaviList li a.activeLink 	{color: #ee7f00;}

#portfolioNaviList, .portfolioHeadline	{background-color: #00519d;}

#overviewNaviList, .overviewHeadline	{background-color: #ee7f00;}

#aboutNaviList, .aboutHeadline	{background-color: #cebf01; color: #000000!important;}

#portfolioNaviList, #aboutNaviList, #overviewNaviList	{width: 200px; margin-bottom: 10px}

#portfolioNaviList li, #aboutNaviList li, #overviewNaviList li	{position: relative}

#portfolioNaviList li a, #aboutNaviList li a, #overviewNaviList li a	{display: block; padding-top: 10px; padding-bottom: 12px; padding-left: 12px; padding-right: 30px; background-position: 170px 5px; background-repeat: no-repeat;border-bottom: 1px solid #FFFFFF;}

#portfolioNaviList li a	{background-image: url(../images/inactivePortfolioLink_bg.gif);color: #FFFFFF}
#aboutNaviList li a	{background-image: url(../images/inactiveAboutLink_bg.gif);color: #000000}
#overviewNaviList li a	{background-image: url(../images/inactiveOverviewLink_bg.gif);color: #FFFFFF}

#portfolioNaviList li.active > a	{background-image: url(../images/activePortfolioLink_bg.gif);}
#aboutNaviList li.active > a	{background-image: url(../images/activeAboutLink_bg.gif);}
#overviewNaviList li.active > a	{background-image: url(../images/activeOverviewLink_bg.gif);}

#portfolioNaviList li ul li.active > a	{background-image: none;}
#aboutNaviList li ul li.active > a	{background-image: none;}
#overviewNaviList li ul li.active > a	{background-image: none;}

/*
#portfolioNaviList li a:hover	{background-image: url(../images/activePortfolioLink_bg.gif);}
#aboutNaviList li a:hover	{background-image: url(../images/activeAboutLink_bg.gif);}
*/

#portfolioNaviList li ul {display: none; position: absolute; top: -1px; left: 200px; width: 320px; background-color: #00519d; z-index: 100; list-style-type: none; border: 1px solid #FFFFFF}

#aboutNaviList li ul	{display: none; position: absolute; top: -1px; left: 200px; width: 320px; background-color: #cebf01; z-index: 100; list-style-type: none; border: 1px solid #FFFFFF}

#portfolioNaviList li ul li a	{color: #FFFFFF; background: none;border-bottom: none;padding-top: 5px; padding-bottom: 5px;}
#aboutNaviList li ul li a	{color: #000000; background: none;border-bottom: none;padding-top: 5px; padding-bottom: 5px;}

#portfolioNaviList li ul li a:hover, #aboutNaviList li ul li a:hover	{background: none;}

#intro	{padding-bottom: 10px; margin-left: 10px; border-bottom: 1px solid #ee7f00; width: 740px}
#pageImage	{position: absolute; top: 515px; right: 12px;}
#ecke	{position: absolute; right: -10px; bottom: -10px;}
#ecke_pageImage	{position: absolute; right: 0px; bottom: 0px;}
#logo	{position: absolute; right: 1px; top: 139px; background-color: #FFFFFF; padding: 8px; padding-right: 9px;}

/*contentarea styles*/
#contentContainer	{overflow: auto; width: 750px; min-height: 830px;}

#partnerList	{width: 180px; padding: 10px; background-color: #B5C3DE; text-align: center;}
#partnerList ul	{list-style: none;}
#partnerList li a img	{display: block; width: 100px; margin-bottom: 10px; margin-left: auto; margin-right: auto; border: 1px solid #00519d; padding: 5px; background-color: #FFFFFF}

#contentarea1	{margin-left: 10px; font-size: 0.7em; padding-right: 5px; padding-bottom: 30px; min-height: 460px; width: 495px; float: left; border-right: 1px solid #FFFFFF}
#contentarea1 p, #contentarea1 ul	{}
#contentarea1 ul,#contentarea1 ol {margin-left: 18px;}
#contentarea1 ul li,#contentarea1 ol li {margin-bottom: 3px;}
#contentarea1 a	{color: #666666;}
#contentarea1 td	{vertical-align: top;}


#contentarea1 h2,#contentarea1 h3, #contentarea1 p, #contentarea1 ul,#contentarea1 ol, #contentarea1 table	{margin-bottom: 1em}
#contentarea1 h2	{padding: 3px; color: #FFFFFF; font-size: 1em; background-color: #00519d;}
#contentarea1 h3	{font-size: 1em;}

#newsArea	{margin-left: 5px; font-size: 0.7em; width: 225px; float: left;}
#newsArea h4	{color: #FFFFFF; padding: 3px; background-color:#ee7f00; margin-bottom: 10px; font-size: 1em;}
#newsArea p	{margin-bottom: 10px}
#newsArea a	{color: #ee7f00}
#newsArea ul {list-style-type: none;}
#newsArea ul li {margin-bottom: 10px;}
#newsArea ul li a.active	{color: #333333;}

#imageViewer	{padding-bottom 10px;}
#logout	{position: absolute; top: 5px; right: 5px; font-size: 11px; color: #ee7f00; text-decoration: none;}

.loginExtUserForm	{margin-top: 20px;}
.loginExtUserForm fieldset	{border: 0; clear: left; margin-bottom: 5px;}
.loginExtUserForm label	{display: block; float: left; width: 100px;}
.loginExtUserForm input {width: 350px;font-size: 1em;padding: 3px;border: 1px solid #666666;background-color: #FFFFFF;}
.loginExtUserForm .errorInput	{border: 1px solid #FF0000;}
.loginExtUserForm button	{margin-left: 100px; border: 0;	background-color: #ee7f00;padding: 3px;	text-align: center;	color: #FFFFFF;	font-weight: normal; width: 120px; margin-right: 5px;}