/*
do not remove
cc license
framework by bleekk
www.bleekk.com
*/


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

/******************************************************************/
body, html {
/*        background: #055670 url('img/background.jpg') repeat-x top left;
*/
        background: #FFFFFF ;
        margin: 0px;
        padding: 0;
        font-family: Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #777;
}

.clear {
        clear:both;
        }

p {
        color: #333;
        margin: 0;
        padding: 5px;
}

.row {
        width: 1000px;
        margin: 0 auto;
        background: transparent;
        }

.header-bg {
       /* background: transparent url('img/header-bg.jpg') no-repeat top center;*/
	/*background: transparent url('img/1.jpg') no-repeat top center;*/
        color: #fff;
        display: block;
        float: left;
        height: 300px;
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        text-align: left;
        width: 1000px;
        z-index: 100;
        }
#xo-main-logo {
         position: relative;
         top: 55px;
         background: transparent no-repeat top left;
         left: 50px;
         color: #fff;
}

.header-bg a {
        background: transparent;
        font-size: 1.5em;
        color: #fff;
        left: 50px;
        top: 55px;
        }

.header-bg a:hover {
        background: transparent;
        font-size: 1.5em;
        color: #ddd;
        left: 50px;
        top: 55px;
        }

.header-bg span {
        font-size: 1.2em;
        color: #fff;
        display: block;
        margin: 55px 0 0 50px;
        width: 50%;
        }
	
/* Banner */
#banner {
        clear: both;
        /* Use relative pos to ensure the banner ad img/flash is relative to the header */
        position: relative;
        display: block;
        z-index: 100;
        width: 100%;
        height: 300px;
	margin: 0px 0 0 0;
        background: transparent;
        color: #fff;
}

#banner.commercial {
        height: 300px;
        background: transparent;
}
body.theme-dialog #banner {
	height: 48px;
	padding-top: 6px;
	padding-left: 10px;
}

#banner-ad {
	position:	absolute;
	top:		50px;
	right:		20px;
	width:		480px;
	height:		72px;
	background:	transparent;
	padding:	6px;
}

#banner-ad object, #banner-ad img {
    display: block;
}

/*============== Styles in userbar.html =================*/

#xo-userbar {
        position: relative;
        top: 250px;
        height: 20px;
        line-height: 30px;
        padding: 5px 0 5px 0;
        right: 35px;
        text-align: right;
        float: right;
        color: #fff;
}

#xo-pcstevenuserbar{
	position: absolute;
	top: 250px;
	height: 20px;
	line-height: 30px;
	padding: 5px 0 5px 0;
	right: 300px;
	text-align: right;
	float: right;
	color: #fff;
}
#xo-userbar form {
        display: inline;
        padding: 0;
}
#xo-userbar button {
        margin: 0;
        background: transparent none;
        padding: 0;
        color: #333;
        border: 0 none transparent;
}
#xo-userbar button img {
        width: 22px;
        height: 22px;
}
#xo-userbar button:hover {
         border: 0 !important;
 }
#xo-userbar img {
        width: 26px;
        height: 26px;
}
#xo-userbar a {
        color: #fff;
        background-color: inherit;
        text-decoration: none;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
}
#xo-userbar a:hover {
        color: #333;
        background-color: inherit;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
}
#xo-uname {
        font-weight: bold;
        font-size: 1.1em;
}


.topmenu {
        background: #048ebb url('img/bg-t.jpg') repeat-x scroll left top;
        width: 1000px;
        height: 40px;
        line-height: 40px;
        margin: 0px 0 0 0;
        padding: 0px 0 0 0px;
        float: left;
        }

.topmenu ul {
        padding: 0px;
        margin: 0px;
        text-align: center;
        height: 40px;
        }

.topmenu li {
        background: transparent;
        display: inline;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        font-size: 1.2em;
        height: 40px;
        line-height: 40px;
        }

.topmenu li a {
        background: transparent;
        margin: 0px;
        padding: 0px 20px 0px 20px;
        font-size: 1.2em;
        height: 40px;
        line-height: 40px;
        color: #fff;
}

.topmenu li a:hover {
        background: transparent;
        margin: 0px;
        padding: 5px 20px 5px 20px;
        font-size: 1.2em;
        height: 40px;
        line-height: 40px;
        color: #333;
}

.topmenu a {
        color: #fff;

        }

.topmenu a:hover {
        color: #333;

        }

.topmenu ul li {
        color: #fff;

}

.topmenu ul li:hover {
        /*background: url("img/bg-hover.jpg") repeat-x scroll top left transparent; */
        color: #333;

}

.topmenu ul li:hover a {
        color: #333;
}

.topmenu ul li a {
        color: #fff;
}

.topmenu ul li a:hover {
        color: #333;
}

.content {
        background: #dfdfdf;
	border-top: 3px solid #FFFFFF;
        margin: 0px;
        padding: 0px;
        color: #333;
}

.leftcolumn {
        width: 170px;
        background: transparent;
        margin: 10px 5px 10px 5px;
        float: left;
}

.rightcolumn {
        width: 170px;
        background: transparent;
        margin: 10px 5px 10px 5px;
        float: left;
}

.centercolumn {
        background: transparent;
        margin: 5px;
        padding: 5px;
        float: left;
}

.dreispalten-layout {width:620px;}
.zweispalten-layout {width:789px;}

/* FOOTER */
.footer {
        background: #048ebb;
        border-top: 2px solid #FFFFFF;
	width: 1000px;
        height: 40px;
        line-height: 40px;
        color: #222;
        text-align: center;
        margin: 0 0 0px 0;
        padding: 0px 0 0px 0;
}

.footer a {
        color: #ddd;
}

.footer a:hover {
        color: #fff;
}

/*Content*/
.page-content {
        margin: 5px 0 5px 0;
        padding: 0px;
        float: left;
}

/* Blöcke */
.centerblock-left {
        width: 300px;
        margin: 10px 5px 5px 0;
        padding: 0 5px 0 0;
        overflow: hidden;
        float: left;
}

.centerblock-right {
        width: 300px;
        margin: 10px 0 5px 5px;
        padding: 0 0 0 5px;
        overflow: hidden;
        float: left;
}

.centerblock-center {
        margin: 10px 0 5px 0;
        overflow: hidden;
        float: left;
        display: block;
        color: #333;
}

.left-block-container {
        background: transparent;
        border: none;
        margin: 0 0 10px 0;
        padding: 0px;
        height: 100%;
}

.left-block-title {
        background: url("img/titlebg.png") no-repeat scroll left center #50A3CB;
        border-radius: 10px 0 10px 0;
		/*pcsteven*/
		/*color: #055570;*/
        color: #FFFFFF;
        font-size: 1.1em;
        font-weight: bold;
        height: 22px;
        line-height: 20px;
        padding: 0px 0px 0px 30px;
        text-align: left;
}

.left-block-content {
        background: #ededed;
        border-radius: 0 10px 0 0;
        padding: 10px;
        color: #333;
        height: 100%;
}

.left-block-content a {
        background: transparent;
        color: #055670;
        text-decoration: none;
}

.left-block-content a:hover {
        background: transparent;
        color: #666;
        text-decoration: none;
}

.right-block-container {
        background: transparent;
        border: none;
        margin: 0 0 10px 0;
        padding: 0px;
        height: 100%;

}

.right-block-title {
        background: #048ebb url(img/title-bg.png) no-repeat scroll left center;
        border-radius: 10px 0 10px 0;
        color: #fafafa;
        font-size: 1.1em;
        font-weight: bold;
        height: 22px;
        line-height: 20px;
        padding: 0px 0px 0px 30px;
        text-align: left;
}

.right-block-content {
        background: #ededed;
        border-radius: 0 10px 0 0;
        padding: 10px;
        color: #333;
        height: 100%;
}

.right-block-content a {
        background: transparent;
        color: #048ebb;
        text-decoration: none;
}

.right-block-content a:hover {
        background: transparent;
        color: #666;
        text-decoration: none;
}

/*block-title und block-content*/
.block-title {
        background: #048ebb;
        border-radius: 10px 0 10px 0;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        margin: 10px 0 0 0;
        padding: 2px 5px 2px 5px;
}

.block-content {
        padding: 10px;
        background: #faf4ea;
        border-radius: 0px 10px 0px 0;
        color: #333;
}

.block-content a {
        background: transparent;
        color: #048ebb;
        text-decoration: none;
}

.block-content a:hover {
        background: transparent;
        color: #333;
        text-decoration: none;
}

/* END Blöcke */

/* hypertext links */
a {
        text-decoration: none;
        border: none;
        color: #048ebb;
}
a:hover {
        background: none;
        color: #333;
}

/* titles */
h1, h2, h3 {
        margin: 0;
        font-weight: bold;
        color: #333;
}
h1 {
        font-size: 1.3em;
}
h2 {
        font-size: 1.2em;
}
h3 {
        font-size: 1.1em;
}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

/*listing*/
ul { margin: 0px; padding: 0 0 0 15px;}
li { margin:0px; list-style: square;}

/* block main menu */
#mainmenu {        font-size: 12px;}
#mainmenu a {
          display: block;
          margin: 0;
          padding: 3px;
	  border-bottom: 1px dotted #ddd;
          color: #048ebb;
}
#mainmenu a:hover { color: #666; }
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {
        margin: 0;
        padding: 0 0 0 10px;
        color: #055670;
}
#mainmenu a.menuSub:hover {
        background-color: transparent;
        margin: 0;
        padding: 0 0 0 10px;
        color: #666;
}

/* block user menu */
#usermenu {        font-size: 12px;}
#usermenu a {
          border-bottom: 1px dashed #DDDDDD;
	  display: block;
          color: #055670;
}
#usermenu a:hover { color: #666; }
#usermenu a.menuTop {}
#usermenu a.highlight { background-color: transparent; }



/* tables and cells */
table { width: 100%; }
table td {
          padding: 0;
          border-width: 0;
          vertical-align: top;
        background: transparent;
}

/*table.odd #profile-form-searchform {
        width: 100%;
}*/

table.profile-form {
        background: #fff;
        /*width: 100%;*/
}

.block form {
	margin:0;
	padding:0 0 0 8px;
}

select {
	background-color:#FFFFFF;
	border:2px inset #F8F8F8 !important;
	color:#333333;
	font-size:1.0em;
	max-width:100%;
}

th {
        background: #048ebb;
        border: none;
        height: 20px;
        line-height: 20px;
        vertical-align : middle;
          color: #fff;
        font-size: 1.2em;
        font-weight: bold;
}
.outer {
        background: #fff;
        margin: 5px 0 0 0;
        color: #333;
}
.head {
        background-color: #FFF8EC;
        margin: 0;
        padding: 3px;
        color: #333;
}
.even {
        background-color: #fffbf4;
        padding: 3px;
        color: #000;
        margin: 0;
}
.odd {
        background-color: #fffbf4;
        padding: 3px;
        color: #333;
        margin: 0;
}
.foot {
          background-color: #fff;
          font-weight: bold;
}
tr.even td {
          background-color: #fafafa;
}
tr.odd td {
          background-color: #fafafa;
}

/* Artikel (für zB das news, smartsection modul)*/
.item {
         margin-bottom: 0px;
		 /*pcsteven*/
		 /*border: 0px solid #eee;*/
         border: 0px solid #eee;
         padding: 5px;
}
.itemHead {
          padding: 3px;
          color: #fff;
          font-size: 1.0em;
}
.itemInfo {
          text-align: right;
          padding: 3px;
          background-color: inherit;
}
.itemTitle a {
          font-size: 1.0em;
          font-weight: bold;
          color: #055670;
}
.itemPoster {
          font-size: .9em;
          font-style:italic;
}
.itemPostDate {
          font-size: .9em;
          font-style:italic;
}
.itemStats {
          font-size: .9em;
          font-style:italic;
}
.itemBody {padding-left: 5px;}
.itemText {
          margin-top: 5px;
          margin-bottom: 5px;
          line-height: 1.5em;
}
.itemText:first-letter {
          font-size: 1.3em;
          font-weight: bold;
}
.itemFoot {
          text-align: right;
          padding: 3px;
          background-color: #f9f9f9;
}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

/* Forum */
.comTitle {
          font-weight: bold;
          margin-bottom: 2px;
}
.comText {padding: 2px;}
.comUserStat {
          font-size: 10px;
          font-weight:bold;
          border: 1px solid #eee;
          background-color: #fff;
          margin: 2px; padding: 2px;
}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {
          margin-left: 2px;
          margin-top: 10px;
          color: #055670;
          font-weight:bold;
          font-size: .8em;
}
.comUserRank {margin: 2px;}
.comUserRankText {
          font-size: .8em;
          font-weight:bold;
}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {
          font-weight: normal;
          font-style: italic;
          font-size: .8em
}
.comDateCaption {
          font-weight: bold;
          font-style: normal;
          font-size: .8em
}
.signature {
          font-size:.8em;
          font-style:italic;
}

/* core nachrichten */
.errorMsg {
          background-color: #FFCCCC;
          text-align: center;
          border-top: 1px solid #efffdd;
          border-left: 1px solid #efffdd;
          border-right: 1px solid #aaa;
          border-bottom: 1px solid #aaa;
          font-weight: bold;
          padding: 10px;
}
.confirmMsg {
          background-color: #fff;
          color: #333;
          text-align: center;
          border-top: 1px solid #eee;
          border-left: 1px solid #eee;
          border-right: 1px solid #aaa;
          border-bottom: 1px solid #aaa;
          font-weight: bold;
          padding: 10px;
}
.resultMsg {
          background-color: #c1c1c1;
	  font-weight: bold;
          color: #333;
          text-align: center;
          border-top: 1px solid #ccc;
          border-left: 1px solid #ccc;
          border-right: 1px solid #666;
          border-bottom: 1px solid #666;
          padding: 10px;
}

/* codes and quotes */
.xoopsCode {
        background-color: #fff;
        border: 1px inset #555;
        font-family: "Courier New",Courier,monospace,verdana,arial;
        max-height: 200px;
        overflow: auto;
}
.xoopsQuote {
        background-color: #fff;
        border: 1px inset #555;
        font-family: "Courier New",Courier,monospace,verdana,arial;
        font-style:italic;
        padding: 0 6px 6px 6px;
}