html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {background: #9ca6ac url(../images/back_content.gif) repeat-y center top; text-align: center; color: #6e7d86; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px;}

a {text-decoration: none; margin: 0; padding: 0; border: 0;}
img {border: 0; margin: 0; padding: 0;}


/* CONTAINER */
/* ---------------------------------------------------------------------------------------- */

#webyepLogin {position: fixed; top: 0; left: 0; z-index: 100;}
#container {position: relative; margin: 0 auto; width: 936px; text-align: left;}
#headContainer {position: fixed; top: 0; left: 0; height: 193px; width: 100%; z-index: 4; overflow: visible;}
#head {position: relative; top: 0; margin: 0 auto; width: 930px; height: 67px; background: #fff; z-index: 5;}
#naviTop {position: relative; top: 0; margin: 0 auto; width: 930px; z-index: 3;  background: #fff; height: 25px; border-bottom: 3px solid #fff;}
#headImage {position: relative; top: 0; margin: 0 auto; width: 930px; z-index: 3; height: 123px; background: #fff;}
#subnaviOuterContainer {position: fixed; top: 240px; left: 0; width: 100%; z-index: 1;}
#subnaviInnerContainer {width: 930px; position: relative; top: 0; margin: 0 auto;}
#content {width: 556px; padding-top: 235px; overflow: auto; height: 100%; position: relative; z-index: 2; float: left; margin-left: 210px;}
#marginContainer {position: relative; top: 7px; margin: 0 auto; width: 930px; text-align: left; clear: both; z-index: 10;}
#footer {clear: both; width: 936px; height: 20px; color: #b7bec3; font-size: 0.91em; padding-bottom: 40px;}
#naviBottomContainer {position: fixed; bottom: 0; left: 0; height: 31px; overflow: auto; width: 100%; z-index: 10}


/* HEAD */
/* ---------------------------------------------------------------------------------------- */

#head img {width: 930px; height: 67px;}
#headImage img {width: 930px; height: 120px; display: inline;}


/* SUBNAVI */
/* ---------------------------------------------------------------------------------------- */

#subnaviContainer {width: 180px;}
#subnaviContainer ul {list-style: none; padding: 0; margin: 0 0 0 13px; color: #939ea5; float: left;}
#subnaviContainer ul li {margin: 0; padding: 0; float: left; clear: both;}
#subnaviContainer ul li .bullet {float: left; width: 12px; height: 20px;}
#subnaviContainer ul li .bulletOn {float: left; width: 12px; height: 20px; color: #ff0099;}
#subnaviContainer ul li a {height: 1%; margin: 0; padding: 0 0 10px 8px; width: 165px; display: block;}

#subnaviContainer ul li a:link, 
#subnaviContainer ul li a:active, 
#subnaviContainer ul li a:visited {background: url(../images/navigation/icn_subnavi.gif) no-repeat 0 10px; color: #939ea5;}
#subnaviContainer ul li a:hover {background: url(../images/navigation/icn_subnavi.gif) no-repeat 0 10px; color: #ff0099;}

#subnaviContainer ul li a.on:link, 
#subnaviContainer ul li a.on:active, 
#subnaviContainer ul li a.on:visited,
#subnaviContainer ul li a.on:hover {background: url(../images/navigation/icn_subnavi_over.gif) no-repeat 0 10px; color: #ff0099;}


/* CONTENT */
/* ---------------------------------------------------------------------------------------- */

#contentContainer {text-align: left; padding: 5px 21px 40px 0;}

#content h1 {margin: 0; padding: 0 0 1em 0; color: #ff0099; font-weight: normal; font-size: 100%;}
#content h2 {margin: 0; padding: 0; color: #b7bec3; font-weight: normal; font-size: 100%;}

#contentContainer p {margin: 0 25px 0 0; padding: 0 0 1em 0;}
#contentContainer p.mehr {clear: both;}

#contentContainer a {text-decoration: none;}
#contentContainer a:link, 
#contentContainer a:active, 
#contentContainer a:visited {color: #ff9900;}
#contentContainer a:hover {text-decoration: underline;}

#content .imgContainer {float: left; width: 170px;}
#content .imgContainer img {width: 150px; padding-bottom: 15px; float: left;}

/* kontaktformular */

#contentContainer #kontaktform {margin: 0 0 2em 0; padding: 0; border: 0;}
#contentContainer #kontaktform input.text, 
#contentContainer #kontaktform select, 
#contentContainer #kontaktform textarea {margin: 0 0 1em 0; padding: 0;} 

#contentContainer p.formText {padding-bottom: 0.2em;}

#contentContainer #kontaktform input.text {color: #3062dc; border: 1px solid #eceeef; padding: 3px; background-color: #f6f7f8; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
#contentContainer #kontaktform textarea {color: #3062dc; border: 1px solid #eceeef; padding: 3px; background-color: #f6f7f8; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
#contentContainer #kontaktform select {color: #939ea5; background-color: #f6f7f8; padding: 2px; border: 1px solid #eceeef; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
	
input.formbutton, .hoveron, .hoveroff {margin: 0 10px 0 0; padding: 3px 6px; border: 0; overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
input.formbutton, .hoveroff {color: #fff; background: #c0c6ca;}
input.formbutton:hover, .hoveron {color: #fff; background: #ff9900;}

/* reiter */

#content #contentReiterContainer {margin: 0 0 40px 0; padding: 0 0 0 0; clear: both;}
#content #contentReiterContainer .contentReiterContent {margin: 0; padding: 20px 0 0 0; width: 440px; overflow: hidden;}

#content .contentReiterNaviHead {margin: 0; padding: 0; overflow: hidden; height: 20px; border-bottom: 1px solid #eceeef; border-left: 1px solid #eceeef;}

#content .contentReiterNavi {margin: 0; padding: 0; float: left; background: #000;}
#content .contentReiterNavi ul {list-style: none; margin: 0; padding: 0;}
#content .contentReiterNavi ul li {float: left; margin: 0; padding: 0; border: 0; font-size: 10px;}

#content .contentReiterNavi ul li a {margin: 0; padding: 0 10px 0 10px; text-decoration: none; display: block; float: left;
	border-right: 1px solid #eceeef; border-top: 1px solid #eceeef; line-height: 20px; height: 20px;} 
#content .contentReiterNavi ul li a:link, 
#content .contentReiterNavi ul li a:active, 
#content .contentReiterNavi ul li a:visited {color: #a4adb4; background: #fff;}
#content .contentReiterNavi ul li a:hover {color: #ff0099; background: #fff;}

#content .contentReiterNavi ul li a.on:link, 
#content .contentReiterNavi ul li a.on:active, 
#content .contentReiterNavi ul li a.on:visited,
#content .contentReiterNavi ul li a.on:hover {color: #ff0099; background: #eceeef;}

/* news */

#content .newsContainer {clear: both; margin-bottom: 30px; overflow: auto; height: 1%;}
#content .newsContainer .imgContainer {width: 100px;}
#content .newsContainer .imgContainer img {width: 90px;}

/* linkliste */

#content ul.linkList {list-style: none; border: 0; margin: 1em 0 1em 0; padding: 0;}
#content ul.linkList a {display: block; height: 1%; line-height: 14px; margin: 0; padding: 0 0 1em 26px; float: left;}
#content ul.linkList li a.pdf {background: #fff url(../images/icn_pdf.gif) no-repeat; clear: both;}

/* exhibitions */

.exhibitionContainer {border: 3px solid #edeff0; width: 474px; overflow: auto; margin: 0 0 30px 0;}

.exhibitionHead {background: #edeff0; margin: 0; padding: 2px 7px 5px 7px;}
#content .exhibitionHead h1 {margin: 0; padding: 0;}

.exhibitionImgContainer {margin: 0; padding: 10px; height: 150px;}
.exhibitionImgContainer img {width: auto; height: auto;}

.exhibitionNaviContainer {background: #edeff0; margin: 0; padding: 5px 7px 3px 7px; overflow: auto;}

.exhibitionNavi ul {list-style: none; margin: 0; padding: 0; border: 0; width: 187px; font-size: 10px; line-height: 15px;}
.exhibitionNavi ul li {float: left; margin: 0; padding: 0; border: 0;}
.exhibitionNavi ul li a {display: block; width: 15px; height: 15px; line-height: 15px; overflow: hidden; margin: 0; padding: 0; float: left; text-decoration: none;}
.exhibitionNavi ul li a img {display: none;}

.exhibitionNavi ul li.btnBack {margin-right: 10px;}
.exhibitionNavi ul li.btnBack a:link, 
.exhibitionNavi ul li.btnBack a:active, 
.exhibitionNavi ul li.btnBack a:visited {background: url(../images/navigation/btn_prev.gif) no-repeat;}
.exhibitionNavi ul li.btnBack a:hover {background: url(../images/navigation/btn_prev_over.gif) no-repeat;}

.exhibitionNavi ul li.btnFor {margin-left: 10px;}
.exhibitionNavi ul li.btnFor a:link, 
.exhibitionNavi ul li.btnFor a:active, 
.exhibitionNavi ul li.btnFor a:visited {background: url(../images/navigation/btn_next.gif) no-repeat;}
.exhibitionNavi ul li.btnFor a:hover {background: url(../images/navigation/btn_next_over.gif) no-repeat;}

.currentPage {background: #fff; color: #ff0099; text-align: center; width: 30px;}
.nrOfPages {background: #dbdfe1; color: #fff; text-align: center; width: 30px;}

/* bild-link boxen */

#pictContainer {margin: 0; padding: 20px 0 0 0;}
#contentContainer .pictFrame {float: left; margin: 0 20px 20px 0; background: #fff;}

#contentContainer .pictFrame span {margin: 0 0 20px 0; padding: 4px 10px 6px 10px; background: #edeff0; font-size: 10px; font-weight: normal; text-align: left; height: 30px; display: block;}
#contentContainer .pictFrame a {width: 150px; display: block; padding: 0; text-align: center;}
#contentContainer .pictFrame a:link, 
#contentContainer .pictFrame a:active, 
#contentContainer .pictFrame a:visited {border: 3px solid #edeff0; text-decoration: none; color: #a4adb4;}
#contentContainer .pictFrame a:hover {border: 3px solid #ff0099; text-decoration: none; color: #ff0099;}
#contentContainer .pictFrame a:hover span {color: #fff; background: #ff0099;}

#contentContainer .pictFrame a img {margin-bottom: 20px;}

#contentContainer .pressPict a, #contentContainer .pressPict2 a {height: 250px;}
#contentContainer .pressPict2 img {border: 1px solid #edeff0;}

/* neu */

#content #contentContainer #pictContainer .pictFrameLink {float: left; margin: 0 20px 20px 0; background: #fff; border: 3px solid #edeff0; color: #a4adb4; text-align: center;}
#content #contentContainer #pictContainer .pictFrameLink a {margin: 0; padding: 0; border: 0; display: block; width: 150px; background: #fff;}
#content #contentContainer #pictContainer .pictFrameLink a img {margin: 0; padding: 20px 0; background: #fff;}

#content #contentContainer #pictContainer .pictFrameLink p {margin: 0; padding: 0; font-size: 10px; font-weight: normal; text-align: left; }
#content #contentContainer #pictContainer .pictFrameLink p a {width: 130px; height: 30px; display: block; padding: 4px 10px 6px 10px; text-align: left; text-decoration: none;}
#content #contentContainer #pictContainer .pictFrameLink p a:link, 
#content #contentContainer #pictContainer .pictFrameLink p a:active, 
#content #contentContainer #pictContainer .pictFrameLink p a:visited {background: #edeff0; color: #a4adb4; text-decoration: none;}
#content #contentContainer #pictContainer .pictFrameLink p a:hover {background: #ff0099; color: #fff; text-decoration: none;}

#content #contentContainer #pictContainer .pictFrameLink:hover {border: 3px solid #ff0099; text-decoration: none; color: #ff0099; background: #ff0099;}
#content #contentContainer #pictContainer .pictFrameLink:hover p a {color: #fff; background: #ff0099;}

#content #contentContainer #pictContainer .WebYepLoopAddButton {float: left; clear: both; height: auto}
#content #contentContainer #pictContainer .WebYepLoopRemoveButton {float: left; height: auto}
#content #contentContainer #pictContainer .WebYepLoopUpButton {float: left; height: auto}
#content #contentContainer #pictContainer .WebYepLoopDownButton {float: left; height: auto}
#content #contentContainer #pictContainer .WebYepLoopEnabledButton {float: left; height: auto}
#content #contentContainer #pictContainer .WebYepRichTextEditButton {height: auto;}

#content #contentContainer #pictContainer .pressClippings .imgLinkContainer a {height: 210px;}
#content #contentContainer #pictContainer .pressClippings .imgLinkContainer a.WebYepImageEditButton {height: auto;}


/* MARGIN */
/* ---------------------------------------------------------------------------------------- */

#marginContainer .margin {float: right; width: 177px; text-align: left;}
#marginContainer .margin p {font-size: 10px; line-height: 15px;}

#marginContainer a {text-decoration: none;}
#marginContainer a:link, 
#marginContainer a:active, 
#marginContainer a:visited {color: #ff9900;}
#marginContainer a:hover {text-decoration: underline;}

/* linkliste */

#marginContainer ul.linkList {list-style: none; border: 0; margin: 1em 0 1em 0; padding: 0;}
#marginContainer ul.linkList a {display: block; height: 1%; line-height: 14px; margin: 0; padding: 0 0 1em 26px; float: left;}
#marginContainer ul.linkList li a.pdf {background: url(../images/icn_pdf.gif) no-repeat; clear: both;}


/* FOOTER */
/* ---------------------------------------------------------------------------------------- */

#footer ul {margin-left: 210px;}


/* NAVI BOTTOM */
/* ---------------------------------------------------------------------------------------- */

#naviBottom {position: relative; margin: 0 auto; top: 0; width: 930px; height: 28px; background: #fff; padding-top: 3px; overflow: hidden; text-align: center;}