* {margin:0;padding:0;}
html,body {height:100%;}
body{font-family:Helvetica,sans-serif!important;background:#fff;font-size:12px;color:#333333;}
a:link, a:visited {color:#000;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#00305e;text-decoration:none;}
a.text:link, a.text:active, a.text:visited {color:#333;text-decoration:underline;margin:0;}
a.text:hover {color:#005F01;text-decoration:underline;margin:0;}
a img {border-width:0;}
h2{color:#333;}

.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;}

.TAC {text-align:center;}

/* 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;}

/* BODY-CONTAINERS */
body {background:url('./../../images/bg_oben.png') repeat-x;color:#4b4b4d!important;}
#mainContainer {width:1024px;margin:0 auto;min-height:100%;}
#headContainer {padding-top:25px;}
.topMenuContainer {width:375px;height:200px;padding:0 0 0 22px;display:none;position:absolute;margin-left:200px;}
.topMenuContainer.active {display:block;}
.topMenuContainer a {color:#4b4b4d;}
.topMenuContainer.dynamisch a:hover {color:#00305e;}
.topMenuContainer.klassisch a:hover {color:#b1462a;}
.topMenuContainer.optimiert a:hover {color:#4b8d2b;}
.topMenuTitle {font-size:26px;float:left;padding-top:72px;width:200px;}
.dynamicContent {display:none;}
.dynamicContent .active {display:inline;}
.dynamicContent ul {list-style-type:none;margin-left:80px;}
.dynamicContent ul li {background:url('./../../images/dot.png') no-repeat left 5px;padding-left:15px;}
.dynamicContent ul li ul {margin-left:10px;}
#contentSmallIcons img {cursor:pointer;}
#headTop .dynamisch {color:#00305e;}
#headTop .klassisch {color:#b1462a;}
#headTop .optimiert {color:#4b8d2b;}
.active {display:inline;padding-top:0!important;}
/*.activeSmall {margin-top:0!important;}*/
.smallIcon {margin-top:0;display:inline!important;cursor:pointer;margin-top:100px;}
#logo {float:right;margin:-25px 75px 0 0;}
#smallIcons {height:180px;width:100px;margin-left:93px;float:left;}
/*.bigIcons {height:160px;width:100px;margin-left:25px;float:left;}*/
.smallIconWithBeam {margin:0 7px;width:18px;float:left;}
.bigIconWithBeam {float:left;width:125px;}
.smallBeam {height:0;width:18px;margin-top:100px;display:none;position:absolute;}
.smallBeam.active {height:100px;margin-top:0;display:inline;}
.bigBeam {height:0;width:92px;margin-top:100px;}
.bigIconWithBeam.active .bigBeam {height:100px;margin-top:0;}
#headTop, #headBottom {width:1024px;}
#content {width:600px;margin:0 auto;padding:30px 0 275px;font-size:13px;color:#4b4b4d;line-height:16px;min-height:200px;}
#content p {padding:6px 0;}
#content h1 {color:#00305e;padding:10px 0;font-size:16px;font-weight:normal;}
#content h2 {color:#00305e;padding:10px 0;font-size:14px;font-weight:normal;}
#content ul {margin-left:15px;}
.siteLink {float:right;}
#footerContainer {position:absolute;height:204px;width:100%;min-width:1024px;margin:-204px auto 0;background:transparent url('./../../images/bg_footer.png') repeat-x;}
#footerTop {z-index:-50;background:transparent url('./../../images/bg_unten.png') repeat-x;margin:-100px auto 0;position:absolute;height:100px;width:100%;}
#footerText {z-index:50;position:absolute;width:100%;text-align:center;margin:-50px auto 0;font-size:11px;padding:30px 0 10px;text-align:center;}
#printButton {z-index:51;position:absolute;float:right;margin:-65px 0 0 15px;}
#printButton a {display:block;font-size:10px;text-align:center;}
#printButton img {height:30px!important;width:30px!important;}
#switchToMobile {margin:0 auto -16px;width:150px;}
#switchToMobile a {color:#fff;font-size:14px;}
#switchToMobile a:hover {color:#bbc3cc;}
#footer {overflow:hidden;z-index:1;margin:0px auto 0;width:850px;height:190px;padding:15px 50px 0;}
#footer h1 {color:#bbc3cc;font-weight:normal;font-size:14px;line-height:12px;}
#footer h2 {color:#fff;font-weight:normal;}
#footer #rightContent {float:right;margin-top:-30px;width:260px;color:#fff;font-size:14px;}
.rightContent {float:left;width:80px;margin-bottom:15px;}
.rightContentWide {float:left;width:140px;margin-bottom:15px;margin-right:15px;}
#footer #rightContent #domaincheck {}
#footer #rightContent #social {}
#footer #rightContent #marktplatz {}
#footer #rightContent #facebook {}
#social img {margin:3px; height:16px; width:16px;}
#facebook img {margin:3px; height:44px; width:72px;margin-top:10px;}
#marktWindow {text-align:center;float:left;position:absolute;width:120px;height:60px;overflow:hidden;margin:10px 0 0 5px;}
#marktItem {float:left;width:120px;height:45px;padding:0px;font-size:10px;}
#marktItem img {width:120px;height:45px;}
#marktItemClone {float:left;left:120px;width:120px;height:45px;padding:0px;font-size:10px;position:absolute;}
#marktItemClone img {width:120px;height:45px;}
.marketRandomLink {color:#fff!important;}
.marketRandomLink:hover {color:#bbc3cc!important;}
#marktArrowLeft {float:left;cursor:pointer;margin:9px 0 0 -20px;padding:8px 5px;}
#marktArrowLeft:hover {background:url('./../../images/arrow_white_left_dark.png') no-repeat center;}
#marktArrowRight {float:right;cursor:pointer;margin:9px -10px 0 0;padding:8px 5px;}
#marktArrowRight:hover {background:url('./../../images/arrow_white_right_dark.png') no-repeat center;}}


/* NAVIGATIONS */
.topMenuTitle {float:left;}
#topMenu-9, #topMenu-16, #topMenu-20 {float:left;list-style-type:none;font-size:15px;line-height:16px;}
#topMenu-9 li, #topMenu-16 li, #topMenu-20 li {background:url('./../../images/dot.png') no-repeat left 5px;padding-left:15px;}

#rootMenuContainer {width:605px;margin:0 auto;}
#root {list-style-type:none;}
#root li {float:left;display:block;height:20px;padding:0;}
#root li.active, #root li:hover {background:url('./../../images/menu_highlight.png') repeat-x;}
#root li.active.hasChilds, #root li.hasChilds:hover {background:#fff;}
#root li.active.hasChilds ul li.active, #root li.hasChilds ul li:hover {background:#fff;}
#root li a {color:#4b4b4d;font-size:13px;white-space:nowrap;}
#root li a span {cursor:pointer;display:block;height:20px;line-height:20px;padding:0 19px;float:left;background:transparent url('./../../images/menu_strich.png') no-repeat left;}
#root li a .rightColNavi {min-width:0 !important;width:1px;position:absolute;float:left;display:inline;padding:0;background:transparent url('./../../images/menu_strich.png') no-repeat right;}
#root li ul {display:none;}
#root li:hover ul {display:block;}

#root li ul {position:absolute;margin-top:20px;list-style-type:none;width:auto;}
#root li ul li {float:none;}
#root li ul li {background:#E8ECF0;}
#root li ul li ul {margin:0 0 0 115px;display:none;}
#root li:hover ul li ul {display:none;}
#root li:hover ul li:hover ul {display:block;}

#root li.news span {min-width:40px;}
#root li.news ul li span {min-width:40px;}
#root li.kontakt span {min-width:55px;}
#root li.kontakt ul li span {min-width:55px;}

#root li ul li.last.active, #root li ul li.last:hover {background:url('./../../images/menu_highlight.png') repeat-x;}
#root li ul li ul li.last.active, #root li ul li ul li.last:hover {background:url('./../../images/menu_highlight.png') repeat-x;}

#root li.hasChilds:hover a span {background:transparent url('./../../images/menu_strich2.png') no-repeat left;}
#root li.hasChilds ul li a span {background:transparent url('./../../images/menu_strich2.png') no-repeat left;}
#root li.hasChilds ul li.last a span {background:transparent url('./../../images/menu_strich.png') no-repeat left;}
#root li.hasChilds ul li ul li a span {background:transparent url('./../../images/menu_strich2.png') no-repeat left;}
#root li.hasChilds ul li.last ul li a span {background:transparent url('./../../images/menu_strich2.png') no-repeat left;}
#root li.hasChilds ul li.last ul li.last a span {background:transparent url('./../../images/menu_strich.png') no-repeat left;}

#root li a .rightColNavi {background:transparent !important;}
#root li.hasChilds ul li a .rightColNavi {background:transparent !important;}
#root li.last a .rightColNavi {background:transparent url('./../../images/menu_strich.png') no-repeat right !important;}

#root li ul li.dynamic ul, #root li ul li.classic ul, #root li ul li.optimised ul {margin:0 0 0 108px;}

.sitemapContainer {float:left;height:125px;}
#sitemap {float:left;list-style-type:none;width:auto;font-size:12px;line-height:12px;margin-top:10px;margin-right:15px;}
#sitemap li {margin-top:3px;white-space:nowrap;}
#sitemap li a {color:#fff;}
#sitemap li a:hover {color:#bbc3cc;}
#sitemap li ul {margin-left:10px;list-style-type:none;}
#sitemap-9 {list-style-type:none;width:auto;margin-left:9px;font-size:12px;}
#sitemap-9 li a {color:#bbc3cc;}
#sitemap-9 li a:hover {color:#fff;}
#sitemap-16 {list-style-type:none;width:auto;margin-left:9px;font-size:12px;}
#sitemap-16 li a {color:#bbc3cc;}
#sitemap-16 li a:hover {color:#fff;}
#sitemap-20 {list-style-type:none;width:auto;margin-left:9px;font-size:12px;}
#sitemap-20 li a {color:#bbc3cc;}
#sitemap-20 li a:hover {color:#fff;}
#footer .topMenuTitleLink {color:#bbc3cc;font-size:13px;}
#footer .topMenuTitleLink:hover {color:#fff;}
#footer #sitemapContainer {width:560px;}


/* NEWS */
#newsBox {margin:30px auto 0;height:130px;width:800px;background:transparent url('./../../images/newsbox_1px.png') repeat-x;}
#newsBoxContent {float:left;position:absolute;width:800px;height:130px;overflow:hidden;}
#newsBoxFadeLeft  {position:relative;float:left;height:130px;width:214px;z-index:50;background:transparent url('./../../images/newsbox_transparans_left.png') no-repeat;}
#newsBoxArrowLeft {float:left;padding:50px;margin:02px 0 0 0px;cursor:pointer;}
#newsBoxArrowLeft:hover {background:url('./../../images/arrow_left_dark.png') no-repeat center;}
#newsBoxFadeRight {position:relative;float:right;height:130px;width:214px;z-index:50;background:transparent url('./../../images/newsbox_transparans_right.png') no-repeat;}
#newsBoxArrowRight {float:right;padding:50px;margin:02px 0px 0 0;cursor:pointer;}
#newsBoxArrowRight:hover {background:url('./../../images/arrow_right_dark.png') no-repeat center;}
.newsBoxDummy {float:left;width:200px;height:130px;}
.startPageNewsContainer {float:left;width:360px;height:90px;padding:20px;font-size:10px;overflow:hidden;}
#newsBoxShuttle {z-index:5;float:left;position:absolute;height:130px;}
.startPageNewsContainer div a {color:#4b4b4d;}
.startPageNewsContainer div a:hover {color:#00305e;}
.startPageNewsContainer div {padding:5px;}
.newsContentText img {float:left;margin-right:10px;}
.newsLink {float:right;margin-right:50px;margin-bottom:20px;}
.newsDate a {font-size:12px;color:#4b4b4d;}
.newsDate a:hover {color:#00305e;}
.newsTitle a {font-size:12px;color:#4b4b4d;}
.newsTitle a:hover {color:#00305e;}
.newsInfo a {color:#4b4b4d;}
.newsInfo {position:absolute;margin-left:300px;top:110px;}
.newsPic img {width:110px;height:40px;padding:25px 10px 35px 0;float:left;}
#newsNews {z-index:2;position:absolute;margin:15px 0 0 220px;font-size:16px;}

/* RESOURCES */
.ResourceContainer {margin-top:30px;}
.ResourceContainer img {float:left;margin:10px 10px 10px 0;}

/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:100px;}
input, textarea, button, select {border:1px solid #d3d3d3;background:#fafafa;width: 160px;}
input:focus, textarea:focus, button:focus, select:focus {border:1px solid #00305e;background:#fff;}
input:hover, textarea:hover, button:hover, select:hover {border:1px solid #00305e;background:#fff;}
div.buttonRow input, div.buttonRow button {color:#202020;width:130px;font-weight:bold;cursor:pointer;}
div.buttonRow input:hover, div.buttonRow button:hover {color:#00305e;width:130px;}

/* APPLICATION FORM */
.uploadField {margin-top:15px;}

/* CONTACT FORM */
#cmsContactForm div.left    {float:left;width:280px;}
#cmsContactForm div.left p  {font-weight:normal;}
#cmsContactForm div.right   {float:left;width:300px;}
#cmsContactForm div.right p {font-weight:normal;}
#cmsContactForm #textArea   {width:300px;height:206px;}
#cmsContactForm #sSkills     {width:300px;height:206px;}

div.leftColumn.width_2, div.middleColumn.width_2, div.rightColumn.width_2 {float:left;width:310px;margin-right:5px;}
div.leftColumn.width_3, div.middleColumn.width_3, div.rightColumn.width_3 {float:left;width:200px;margin-right:5px;}

/* DOMAINCHECK */
#domaincheck span {font-size:10px;display:block;margin:5px 0;line-height:11px;display:block;}
#domaincheck .sDomainName {width:75px;margin:0;padding:3px 2px;border-style:solid;border-color:#7C8389;border-width:1px 0 1px 1px;font-size:12px;float:left;color:#7C8389;}
#domaincheck .sDomainName:hover {}
#domaincheck .btnDomainCheck {width:50px;margin:0;padding:2px;border-style:solid;border-color:#7C8389;border-width:1px 1px 1px 0;font-size:12px;float:left;cursor:pointer;color:#7C8389;}
#domaincheck .btnDomainCheck:hover {color:#00305e;}
#cmsDomainOrder {margin-top:20px;}
#domainRequest {width:400px;margin-bottom:30px;}
#domainRequest th {padding:5px;}
#domainRequest td {border-top:1px solid #718295;padding:5px;}
#domainRequest .domainName {padding-right:20px;}
#cmsDomainOrder .btnDomainOrder {margin:10px 0;}

#langSwitch {position:absolute;margin:1px 0 0 650px;width:60px;height:20px;}
#langSwitch ul {list-style:none;}
