* {margin:0;padding:0;}
body,html {height:100%;width:100%;}
body{color:#fff;font-family:Helvetica,sans-serif,Arial;background:#000 url('./../../images/BodyBg.jpg') no-repeat center 25px;letter-spacing:0.01em;}
a:link, a:visited {color:#F49AC0;text-decoration:none;}
a:active {color:#F49AC0;text-decoration:none;}
a:hover {color:#fff;text-decoration:none;}
a.text:link, a.text:active, a.text:visited {color:#F49AC0;text-decoration:underline;margin:0;}
a.text:hover {color:#fff;text-decoration:underline;margin:0;}
a img {border-width:0;}
button, .buttonRow input {text-align:center;background:#F49AC0;color:#000;border:0;font-size:9px;font-family:Arial Black;width:138px;cursor:pointer;white-space:nowrap;}

.CLR, .clearingItem {clear:both;float:none;}
.ofRow {left:0;top:0;position:absolute;text-align:center;height:25px;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;width:100%}
.Success {color:#1a1;margin-bottom:10px;}

/*OPAC BG*/
#rightFrame,#bannerFrame,#contentFrame, #mainNavi li, #mainNavi li ul {background:transparent url('./../../images/opac.png');}

/*BASIC LAYOUT*/
#mainContainer {margin:auto;width:1050px;margin-bottom:10px;}
#topFrame {background:transparent url('./../../images/csdlogo.png') no-repeat left;width:100%;height:155px;margin-top:30px;}
#leftMidFrame {float:left;width:700px;min-height:635px;}
#rightFrame {float:left;margin: 0 0 0 10px;min-height:635px;width:190px;padding:0 0 0 20px;color:#fff;font-size:11px;}
#rightFrame h2 {color:#F49AC0;border:1px solid #F49AC0;border-width:0 0 1px 0;font-family:Arial Black;font-size:21px;height:24px;margin:40px 0 15px 0;}
#bannerFrame {border:1px solid #F49AC0;border-width:4px 0 2px 0;height:190px;}
#contentFrame {min-height:390px;padding:20px 10px 10px 10px;color:#fff;}
#contentFrame p {margin: 10px 0;}
#contentFrame img {margin: 0 15px 15px 0;}
#contentFrame h1#pageTitle {margin: 0 0 20px 0;color:#F49AC0;font-family:Arial Black;font-size:21px;height:24px;}
#footer {width:920px;color:#F49AC0;font-size:13px;font-family:Arial Black;margin-bottom:30px;padding: 10px 0 0 3px;border:2px solid #F49AC0;border-width:2px 0 0 0;}

/*NAVI*/
#topNavi {font-family:Arial Black;list-style:none;height:18px;float:right;margin: 0 130px 0 0;}
#topNavi li {background:transparent url('./../../images/NaviLine.png') no-repeat;float:left;padding-left:14px;margin-right:10px;}
#topNavi li.first {background-image:none;}
#topNavi li.last {margin-right:0;}
#topNavi li span {color:#F49AC0;font-size:12px;}
#topNavi li span:hover {color:#FFF;}

#mainNavi {font-family:Arial Black;list-style:none;float:right;}
#mainNavi li {float:left;padding:12px;margin-right:2px;}
#mainNavi li.last {margin-right:0;}
#mainNavi li span {color:#fff;font-size:14px;}
#mainNavi li span:hover {color:#F49AC0;}

#mainNavi li ul {display:none;position:absolute;float:none;margin-top:12px;}
#mainNavi li:hover ul {display:block;}
#mainNavi li ul li {background:none;float:none;}

/*NEWS*/
div.startPageNewsContainer div.date {font-style:italic;font-weight:bold;margin-bottom:5px;}
div.startPageNewsContainer a.newsTitle {color:#fff;font-weight:bold;}
div.startPageNewsContainer a.newsTitle:hover {color:#F49AC0;font-weight:bold;}
div.startPageNewsContainer div a {color:#eee}
div.startPageNewsContainer div a:hover {color:#F49AC0}

div.newsContainer span.date {font-weight:bold;font-size:14px;}
div.newsContainer h1 {margin-bottom:15px;}
div.newsContentText a.newsThumbnail {float:left;margin:0 10px 10px 0;}

/*NEWSLETTER*/
div.newsletterStart label {width:50px;float:left;}
div.newsletterStart div.formRow {height:20px;}
div.newsletterStart div.buttonRow {text-align:center;padding-left:50px;}
div.newsletterStart div.buttonRow button {margin-right:2px;}
#sName {width:138px;border:0;}
#se-mail {width:138px;border:0;}


/*KONTAKT*/
#cmsContactForm div.left {float:left;}
#cmsContactForm div.right {float:right;}
#cmsContactForm div.formRow {height:25px;}
#cmsContactForm div.formRow label {float:left;width:100px;}
#cmsContactForm div.formRow input {width:200px;border:0;}
#cmsContactForm #textArea {height:144px;}


/*ERRORPAGE*/
#errorContainer {width:400px;margin:auto;margin-top:10px;border:1px solid rgb(207,217,227);background-color:#999;text-align:center;}
#errorContainer h1 {background:rgb(207,216,226);color:#142F5D;text-align:center;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
.error, .Error {color:#C41029;margin:15px;font-weight:bold;font-size:small;}
.errorText {color:#C41029;font-weight:bold;}

/*LOGIN*/
#loginForm div.formRow {height:25px;}
#loginForm div.formRow label {float:left;width:100px;}
#loginForm div.formRow input {width:200px;border:0;}