* {margin:0;padding:0;}
html,body {height:100%;}
body{font-family:Arial,sans-serif;font-size:12px!important;color:#808080!important;background:#fff url('../../images/bg.png');}
a:link, a:visited {color:#ffffff;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
a:hover {color:#000000;text-decoration:none;}
a img {border-width:0;}
h1 {color:#48aa9a;font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:lighter;}
h2{color:#48aa9a;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;  font-weight:lighter;s}
.contentContainer a {color:#999;}
.contentContainer a:link {color:#999;}
.contentContainer a:visited {color:#999;}
.contentContainer a:hover {color:#000;}

.smartphoneOnly{display:none;}

*::-moz-selection {
     background-color: #48AA9A;
	color:#FFFFFF;
}
*::selection {
     background-color: #48AA9A;
	color:#FFFFFF;
}

iframe {max-width: 100%;}

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

/*
.leftColumn.width_2 {float:left;width:475px;}
.rightColumn.width_2 {float:right;width:475px;}
.width_3 {float:left;width:325px;margin-right:5px;}*/

.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

/* ERRORPAGE */
#errorContainer {margin:auto;margin-top:0px;text-align:center;background:url('../../images/nav_bg.png')repeat-x;}
#errorContainer h1 { color:#fff;text-align:center; height:58px;padding-top: 12px;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
.error, .Error {color:#48AA9A;margin:15px;font-weight:bold;font-size:14px;text-transform: uppercase;}
.errorText {color:#C41029;font-weight:bold;}
#errorContainer a {font-size:18px;}
#errorContainer img { padding-top:20px;}

/* BODY-CONTAINERS */
#mainbody {min-height: 100%; background:url('../../images/nav_bg.png') 0 0px repeat-x;}
#mainContainer {width:996px;margin:0 auto;min-height:100%;}
#header {height:120px;}
#logo { width:374px; height:120px; float:left;}
#logo img {padding-top:20px;}
#welcomebox {width:622px; float:right;height:120px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; font-weight:lighter; font-size:17px; background:url('../../images/anfuehrungszeichen.png') no-repeat 0 32px;color:#808080;text-align: center;}
#welcomebox p {margin:28px 35px 0 0;line-height:2;}
#header a img {float:left;}
#content {color:#999;font-size:12px;line-height:18px;padding-bottom:80px;min-height: 100%;}
#content ul {padding-left:15px;}
#content p {margin:10px 0;}
.contentContainer {margin-bottom:30px;}
#footer {width:100%;height:55px;position:absolute;margin-top:-55px; background:url('../../images/footer_bg.png');}
#footerContent {width:996px;margin:0 auto;font-size:12px;text-align:center;padding-top:26px; color:#FFFFFF;word-spacing:5px;}
#footerContent .blue {color:#30488E;font-weight:bold;}


#navi{height:45px; text-align:center; padding-top:16px;}
#randombox {height:275px;background:url('../../images/random_bg.png') no-repeat;}
#randomboxline { margin:20px 0px;}

/* NAVIGATIONS */
#root {list-style-type:none;text-transform:uppercase;}
#root li {float:left;}
#root li a {color:#fff;font-size:13px;padding:0 15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#root li a:hover {color:#59d3bf;-moz-transition: all 1s ease-in 0s;}


/* #root li ul {position:absolute;margin-top:15px;display:none;padding-top:5px;}
#root li:hover ul {display:block;}
#root li ul li {display:block;float:none;padding-left:30px;}
#root li ul li a {display:block;border-bottom:1px solid #F79720;padding:5px;border-right:0 none;background:#fff;} */

/* NEWS */
.newsContainer {margin-bottom:30px;}
.newsContainer h1 {margin-bottom:10px;}
.newsContainer .newsThumbnail {float:left;margin:0 10px 10px 0;}

.newsLink {text-align:right;display:block;color:#30488E!important;margin-top:10px;}
.newsLink:hover {text-align:right;display:block;color:#F79720!important;}

/* FORMS */
div.formRow { height: 55px;margin-bottom: 10px;}
div.formRow label {float: left;    font-weight: bold; margin: 10px 0 0;font-size: 13px;}
input, textarea, button, select {  background-color: white; border: 1px dashed #999999;color: #666666;cursor: pointer;float: right;font-size: 16px;line-height: 24px;min-height: 40px;text-shadow: 0 1px 0 #FFFFFF;width: 380px;}
input:focus, textarea:focus, button:focus, select:focus {border:1px dashed #48AA9A;background:#fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, -3px -3px 0 0 #F6F6F6, 3px 3px 0 0 #F6F6F6, 3px 0 0 0 #F6F6F6, 0 3px 0 0 #F6F6F6, 3px -3px 0 0 #F6F6F6, -3px 3px 0 0 #F6F6F6;}
div.buttonRow input, div.buttonRow button {width:130px;cursor:pointer;margin-left: 15px;    margin-top: 20px;font-size: 12px;}
div.buttonRow input:hover, div.buttonRow button:hover {color:#48AA9A!important;width:130px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, -3px -3px 0 0 #F6F6F6, 3px 3px 0 0 #F6F6F6, 3px 0 0 0 #F6F6F6, 0 3px 0 0 #F6F6F6, 3px -3px 0 0 #F6F6F6, -3px 3px 0 0 #F6F6F6;}
.buttonRow { }

/*LOGOUT*/
div.formRowLogout {height: 55px;margin-bottom: 10px;width: 510px;}
div.formRowLogout label {float: left;font-weight: bold; margin: 10px 0 0;font-size: 15px; width:120ppx;}
.buttonRowLogout {width:508px;}


/* CONTACT FORM */
#cmsContactForm div.left    {float:left;width:475px;}
#cmsContactForm div.left p  {font-weight:bold;font-size: 15px;}
#cmsContactForm div.right   {float:right;width:475px;}
#cmsContactForm div.right p {font-weight:bold;font-size: 15px;}
#cmsContactForm #textArea   {height: 300px;width: 470px;}

#dynBanner { position:relative; width:976px; height:255px; margin: 10px; }
#dynBanner img { position:absolute; left:0; top:0; margin-top:10px; transition: all 0.2s ease;}
#dynBanner img.hidden{opacity: 0; display:none;} 

/* HEADER */
#slideBox {width:976px;}

#shuttle {margin-top:10px;}
.box {width:976px;height:292px;float:left;}
.box .title {font-size:24px;color:#04539C; font-weight:bold;}
.box .title a { color:#04539C!important; }
.box .text a {font-size:14px; color:#5E5E5E!important;}
.box .text a:hover { text-decoration:none; }
.box .img {float:right; height:100px; }


/*
* {margin:0;padding:0;}
html,body {height:100%;}
body {line-height:1.3;font-family:Arial;font-size:16px;color:#000;}

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.contentContainer p {margin:20px 0;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#ff0000;color:#000;}
*::selection {background-color:#ff0000;color:#000;}

.ofRow {position:absolute;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

#mainWrapper {position: relative;min-height: 100%;height: auto !important;height: 100%;}
#contentWrapper {padding-bottom: 240px;}

/* ERRORPAGE 
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS 
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}
#header {position:relative;width:100%;height:315px;margin:0;padding:25px 0 0 0;box-sizing:border-box;background:#ddd;z-index:5;}
#header-content {position:relative;width:1100px;height:290px;margin:0 auto;padding:0;background:#cfcfcf;}
#header-content #logo {position:relative;height:280px;margin:5px 0 0 0;padding:0;}
#content {position:relative;width:1100px;margin:0 auto;padding:40px 0 40px 0;box-sizing:border-box;}
#footer {position:absolute; bottom: 0; width:100%;height:240px;background:#ddd;margin:0px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;width:1100px;height:240px;margin:0 auto;padding:0;background:#cfcfcf;}

/* NAVIGATIONS 
#navigation {position:absolute;top:220px;right:0;list-style:none;margin:0;padding:0;}
#navigation li {position:relative;float:left;margin:0 0 0 10px;padding:0;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:bold;font-size:16px;text-transform:uppercase;color:#646464;padding:3px 5px;}
#navigation li.active > a {color:#009900;}
#navigation li:hover > a {text-decoration:none;color:#ff0000;}
/* SUBNAVIGATIONS 
#navigation li ul .rightColNavi {display:none;}
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#ddd;width:120px;padding:10px 0 0;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;}
#navigation li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#000;padding:5px 10px;}
#navigation li ul li ul {left:120px;top:0;padding:0;}
#navigation li:hover > ul {display:block;}

/* NEWS 
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0;}
.newsContentText {position:relative;float:left;width:630px;font-size:16px;margin:0;padding:0 10px 0 0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}

/* CONTACTFORM 
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#646464;background:#fff;border:1px solid #666;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
/* BUTTONROW 
.buttonRow input   {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#000;text-decoration: none;}
*/