/* CSS File - Style Sheet */

@import url('layout.css');
@import url('elements.css');

/* Body Bereich - Body area */
body, td, th {
font-family : sans-serif;
font-size : 12px;
color : #51565b;
line-height : 1;
}
body {
background : #989898;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
}

/* Links */
a {
font-size : 12px;
color : #51565b;
font-weight : bold;
}
a:link {
text-decoration : underline;
}
a:hover {
text-decoration : underline;
color : #27bcee;
}
a:active {
text-decoration : underline;
color : #27bcee;
}
a.headmenu {
font-family : sans-serif;
font-size : 12px;
color : #6E6E6E;
font-weight : bold;
text-decoration : none;
text-shadow : 1px 1px 1px #ffffff;
}
a.headmenu:active {
font-family : sans-serif;
font-size : 12px;
color : #6E6E6E;
font-weight : bold;
text-decoration : none;
text-shadow : 1px 1px 1px #ffffff;
}
a.headmenu:hover {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
font-weight : bold;
text-decoration : none;
text-shadow : 1px 1px 1px #ffffff;
}
a.header2 {
font-family : sans-serif;
font-size : 12px;
color : #cccccc;
text-decoration : none;
line-height : 2.0em;
padding : 2px 1px 4px 4px;
}
a.header2:active {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
text-decoration : none;
background : -moz-linear-gradient(
center top,
rgba(255, 255, 255, .1) 0%,
rgba(0, 0, 0, .1) 100%
);
background : -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(0, 0, 0, .1)),
to(rgba(200, 200, 200, .1))
);
filter :  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');
-ms-filter : "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";
-moz-user-select : none;
-webkit-user-select : none;
-khtml-user-select : none;
user-select : none;
line-height : 2.0em;
padding : 2px 1px 4px 4px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
a.header2:hover {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
text-decoration : none;
background : -moz-linear-gradient(
center top,
rgba(255, 255, 255, .1) 0%,
rgba(0, 0, 0, .1) 100%
);
background : -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(0, 0, 0, .1)),
to(rgba(200, 200, 200, .1))
);
filter :  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');
-ms-filter : "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";
-moz-user-select : none;
-webkit-user-select : none;
-khtml-user-select : none;
user-select : none;
line-height : 2.0em;
padding : 2px 1px 4px 4px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
a.readmore {
font-family : sans-serif;
font-size : 11px;
color : #51565b;
font-weight : bold;
font-style : italic;
text-decoration : none;
}
a.readmore:active {
font-family : sans-serif;
font-size : 11px;
color : #51565b;
font-weight : bold;
font-style : italic;
text-decoration : none;
}
a.readmore:hover {
font-family : sans-serif;
font-size : 11px;
color : #27bcee;
font-weight : bold;
font-style : italic;
text-decoration : none;
}
a.sign_in {
font-family : sans-serif;
font-size : 12px;
color : #51565b;
font-weight : bold;
text-decoration : none;
border-bottom : 1px dotted #51565b;
}
a.sign_in:active {
font-family : sans-serif;
font-size : 12px;
color : #51565b;
font-weight : bold;
text-decoration : none;
border-bottom : 1px dotted #51565b;
}
a.sign_in:hover {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
font-weight : bold;
text-decoration : none;
border-bottom : 1px dotted #51565b;
}
a.css_button {
font-family : sans-serif;
font-size : 12px;
color : #51565b;
font-weight : bold;
text-decoration : none;
}
a.css_button:active {
font-family : sans-serif;
font-size : 12px;
color : #51565b;
font-weight : bold;
text-decoration : none;
}
a.css_button:hover {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
font-weight : bold;
text-decoration : none;
}
a.footerlink {
font-family : sans-serif;
font-size : 12px;
color : #cccccc;
font-weight : normal;
text-decoration : underline;
}
a.footerlink:active {
font-family : sans-serif;
font-size : 12px;
color : #cccccc;
font-weight : normal;
text-decoration : underline;
}
a.footerlink:hover {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
font-weight : normal;
text-decoration : underline;
}
a.footerlink_small {
font-family : sans-serif;
font-size : 11px;
color : #cccccc;
font-weight : normal;
text-decoration : underline;
}
a.footerlink_small:active {
font-family : sans-serif;
font-size : 11px;
color : #cccccc;
font-weight : normal;
text-decoration : underline;
}
a.footerlink_small:hover {
font-family : sans-serif;
font-size : 11px;
color : #27bcee;
font-weight : normal;
text-decoration : underline;
}
a.copyright {
font-family : sans-serif;
font-size : 12px;
color : #cccccc;
font-weight : normal;
text-decoration : underline;
}
a.copyright:active {
font-family : sans-serif;
font-size : 12px;
color : #cccccc;
font-weight : normal;
text-decoration : underline;
}
a.copyright:hover {
font-family : sans-serif;
font-size : 12px;
color : #27bcee;
font-weight : normal;
text-decoration : underline;
}
a.headh1 {
font-family : sans-serif;
font-size : 16px;
color : #27bcee;
text-decoration : none;
}
a.headh1:active {
font-family : sans-serif;
font-size : 16px;
top : 10px;
color : #27bcee;
text-decoration : none;
}
a.headh1:hover {
font-family : sans-serif;
font-size : 16px;
top : 10px;
color : #27bcee;
text-decoration : underline;
}
a.catline {
font-family : sans-serif;
font-size : 14px;
color : #27bcee;
text-decoration : none;
font-weight : normal;
}
a.catline:active {
font-family : sans-serif;
font-size : 14px;
color : #27bcee;
text-decoration : none;
font-weight : normal;
}
a.catline:hover {
font-family : sans-serif;
font-size : 14px;
color : #27bcee;
text-decoration : underline;
font-weight : normal;
}
a.forumtag {
font-family : sans-serif;
font-size : 14px;
color : #27bcee;
text-decoration : underline;
font-weight : normal;
}
a.forumtag:active {
font-family : sans-serif;
font-size : 14px;
color : #27bcee;
text-decoration : underline;
font-weight : normal;
}
a.forumtag:hover {
font-family : sans-serif;
font-size : 14px;
color : #27bcee;
text-decoration : underline;
font-weight : normal;
}
a.topicby {
overflow : hidden;
color : #51565b;
font-size : 11px;
font-weight : normal;
text-decoration : none;
background : #dfdfdf;
padding : 1px 4px 1px 3px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
a.topicby:active {
overflow : hidden;
color : #ffffff;
font-size : 11px;
font-weight : normal;
text-decoration : none;
background : #27bcee;
padding : 1px 4px 1px 3px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
a.topicby:hover {
overflow : hidden;
color : #ffffff;
font-size : 11px;
font-weight : normal;
text-decoration : none;
background : #27bcee;
padding : 1px 4px 1px 3px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
a.pmbubble {
color : #ffffff;
font-size : 9px;
font-weight : normal;
text-decoration : none;
}
a.pmbubble:active {
color : #ffffff;
font-size : 9px;
font-weight : normal;
text-decoration : none;
}
a.pmbubble:hover {
color : #ffffff;
font-size : 9px;
font-weight : normal;
text-decoration : none;
}
a.disclink {
font-family : sans-serif;
font-size : 16px;
color : #27bcee;
text-decoration : none;
font-weight : normal;
}
a.disclink:active {
font-family : sans-serif;
font-size : 16px;
color : #27bcee;
text-decoration : none;
font-weight : normal;
}
a.disclink:hover {
font-family : sans-serif;
font-size : 16px;
color : #27bcee;
text-decoration : underline;
font-weight : normal;
}
a.toplinks {
color : #ffffff;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background : #FFA92F;
padding : 2px 5px 2px 5px;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
-moz-box-shadow : 0 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow : 0 1px 2px rgba(0,0,0,0.6);
text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
border-bottom : 1px solid rgba(0,0,0,0.25);
}
a.toplinks:active {
color : #f1f1f1;
}
a.toplinks:hover {
color : #f1f1f1;
}

/* Überschriften - Headlines */
h1 {
font-weight : normal;
font-size : 18px;
color : #27bcee;
}
h2 {
font-weight : normal;
font-size : 18px;
color : #27bcee;
padding-left: 6px;
}
h3 {
font-weight : normal;
font-style : italic;
font-size : 12px;
color : #27bcee;
}
h4, h5 {
font-weight : bold;
font-style : normal;
font-size : 12px;
color : #51565b;
margin-top : 15px;
margin-bottom : 5px;
}

/* Schrifteffekte - Font styles */
.blue {
color : #27bcee;
font-size : 12px;
font-weight : bold;
}
.blue_small {
color : #1DACC0;
font-size : 10px;
font-weight : normal;
}
.news_blue {
font-weight : normal;
font-size : 18px;
color : #27bcee;
}
.discussion_blue {
font-weight : normal;
font-size : 16px;
color : #27bcee;
}
.cat_head {
color : #27bcee;
font-size : 12px;
font-weight : normal;
line-height : 2.0em;
}
.datetime {
color : #cccccc;
font-size : 11px;
font-weight : normal;
line-height : 1.2em;
padding-right : 2px;
}
.right {
color : #009900;
font-weight : normal;
}
.false {
color : #990000;
font-weight : normal;
}
.headmenu {
color : #5C5C5C;
font-weight : normal;
font-size : 12px;
}
.user {
color : #009900;
font-weight : normal;
}
.mod {
color : #ff6633;
font-weight : normal;
}
.admin {
color : #990000;
font-weight : normal;
}
.footertext {
color : #cccccc;
font-weight : normal;
text-shadow: 1px 1px 0px #000;
}
.footertext_small {
color : #cccccc;
font-size : 11px;
font-weight : normal;
line-height : 2.0em;
text-shadow: 1px 1px 0px #000;
}
.small_text {
font-size : 11px;
font-weight : normal;
}
.head_line {
margin-top : 3px;
margin-bottom : 3px;
}
.spacer {
line-height : 1.5em;
}

/* Linien - Lines */
#line {
clear : both;
margin-top : 5px;
margin-bottom : 5px;
padding : 0;
width : 100%;
height : 1px;
border-bottom: 1px solid #cccccc;
}
#nav_line {
clear : both;
padding : 0;
margin-top : 15px;
margin-bottom : 5px;
width : 100%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#com_line {
clear : both;
padding : 0;
margin-top : 10px;
margin-bottom : 5px;
width : 100%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#blog_line {
clear : both;
padding : 0;
margin-top : 4px;
margin-bottom : 0;
width : 100%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#pm_line {
clear : both;
padding : 0;
margin-top : -3px;
margin-bottom : 8px;
width : 100%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#news_line {
clear : both;
margin-top : -10px;
margin-bottom : 10px;
padding : 0;
width : 100%;
height : 1px;
border-bottom: 1px solid #cccccc;
}
#gb_line {
clear : both;
padding : 0;
margin-top : -3px;
margin-bottom : 0;
width : 100%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#posts_line {
clear : both;
padding : 0;
width : 100%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#disc_line {
clear : both;
padding : 0;
margin-top : 10px;
margin-bottom : 10px;
width : 96%;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#msg_line {
clear : both;
padding : 0;
margin-top : 20px;
margin-bottom : 20px;
width : 500px;
height : 1px;
border-bottom : 1px solid #cccccc;
}
#stat_line {
clear : both;
margin-top : 30px;
margin-bottom : 15px;
padding : 0;
width : 720px;
height : 2px;
border-bottom: 1px solid #cccccc;
}

/* Beitragsformatierungen - Post styles */
.topic-post {
height : 100px;
overflow : auto;
}
.post-content {
padding : 30px;
}

/* Navigation */
#navigation a {
font-size : 11px;
background : #f9f9f9;
margin : 0;
padding : 4px 7px;
font-weight : normal;
text-decoration : none;
border : 1px solid #cccccc;
}
#navigation a:visited {
font-size : 11px;
font-weight : normal;
text-decoration : none;
}
#navigation a:hover, #navigation a:active {
font-size : 11px;
text-decoration : none;
}
.current {
font-size : 11px;
font-style : normal;
font-weight : normal;
background : #f9f9f9;
padding : 4px 7px;
color : #606057;
border : 1px solid #cccccc;
}
.pages {
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #606057;
background : #f9f9f9;
padding : 4px 7px;
float : right;
margin : -6px 0 0;
border : 1px solid #cccccc;
}
div.bottombar {
height : 10px;
}
.current_main {
margin-bottom: 8px;
overflow : hidden;
color : #51565b;
font-size : 11px;
font-weight : bold;
text-decoration : none;
background : #dfdfdf;
padding : 1px 4px 1px 3px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
.pages_main {
font-size : 11px;
padding : 0px 0px;
margin-bottom: 8px;
float : right;
}
.clear_main {
clear : right;
}

/* Notifications */
#info_message {
display : none;
width : 100%;
height : 51px;
position : absolute;
top : 0;
position : fixed;
z-index : 50000;
margin : 0;
padding : 0;
}
.center_auto {
margin : 0 auto;
width : 950px;
padding : 15px 25px;
}
#info_message .message_area {
float : left; 
width : 98%;
}
#info_message .message_area span.link_ribbon {
color : #999999;
text-decoration : underline;
cursor : pointer;
}
#info_message .button_area {
float : left;
width : 11px;
height : 10px;
margin-top : 3px;
}
.error_bg {
background : url('../images/notification/error_bg.png') 0 0 repeat-x;
}
.error_bg .message_area {
font : bold 14px sans-serif;
color : #a20510;
text-shadow : 0 1px 0 #ffffff;
}
.error_bg .button_area {
background : url('../images/notification/error_close.png') 0 0 no-repeat;    
cursor : pointer;
}
.error_bg .info_more_descrption {

-moz-box-shadow : 0 0 5px #b2495b;
-webkit-box-shadow : 0 0 5px #b2495b;
box-shadow : 0 0 5px #b2495b;
}
.succ_bg {
background : url('../images/notification/succ_bg.png') 0 0 repeat-x;
}
.succ_bg .message_area {
font : bold 14px sans-serif;
color : #0d9a95;
text-shadow : 0 1px 0 #ffffff;
}
.succ_bg .button_area {
background : url('../images/notification/succ_close.png') 0 0 no-repeat;    
cursor : pointer;
}
.info_bg {
background : url('../images/notification/succ_bg.png') 0 0 repeat-x;
}
.info_bg .message_area {
font:bold 14px sans-serif;
color : #0d9a95;
text-shadow : 0 1px 0 #ffffff;
}
.info_bg .button_area {
background : url('../images/notification/succ_close.png') 0 0 no-repeat;    
cursor : pointer;
}
.warn_bg {
background : url('../images/notification/error_bg.png') 0 0 repeat-x;
}
.warn_bg .message_area {
font : bold 14px sans-serif;
color : #a39709;
text-shadow : 0 1px 0 #ffffff;
}
.warn_bg .button_area {
background : url('../images/notification/error_close.png') 0 0 no-repeat;    
cursor : pointer;
}
.clearboth {
clear : both;
}
.info_more_descrption {
display : none;
width : 950px;
height : 300px;
background : #ffffff;
margin : 0 auto;
padding : 10px;
background : #fbfbfb;
overflow : auto;
}
.succ_bg .info_more_descrption {    
-moz-box-shadow : 0 0 5px #56a25e;
-webkit-box-shadow : 0 0 5px #56a25e;
box-shadow : 0 0 5px #56a25e;
}

/* MessageBox */
#twitter-container {
padding : 10px;
padding-left : 0;
width : 500px;
font-size : 12px;
font-family : sans-serif;
color : #51565b;
}
#profil-container {
padding : 5px;
padding-left : 0;
width : 350px;
font-size : 12px;
font-family : sans-serif;
color : #51565b;
}
label {
font-size : 16px;
display : block;
}
.counter {
color : #999999;
float : right;
font-family : Georgia,serif;
font-size : 32px;
font-weight : bold;
height : 40px;
overflow : hidden;
}
.submitButton {
color : #51565b;
font-size : 14px;
height : 32px;
width : 115px;
-moz-border-radius : 6px;
-khtml-border-radius :  6px;
-webkit-border-radius :  6px;
border-radius : 6px;
border : 1px solid #51565b;
background : #f5f5f5;
cursor : pointer;
float : right;
}
.submitButton:hover {
background-position : bottom;
border-color : #27bcee;
color : #51565b;
}
.inact,.inact:hover {
background : #f5f5f5;
border : 1px solid #eeeeee;
color : #aaaaaa;
cursor : auto;
}
.latest {
color :  #51565b;
}
ul.statuses {
margin : 10px 0;
}
ul.statuses li {
position : relative;
border-bottom : 1px dashed #D2DADA;
padding : 15px 15px 15px 10px;
list-style : none;
font-size : 12px;
}
ul.statuses li:first-child {
border-top : 1px dashed #D2DADA;
}
ul.statuses li:hover {
background-color : #F7F7F7;
}
h3.timeline {
margin-top : 20px;
color : #51565b;
font-size : 20px;
font-weight : normal;
}
div.tweetTxt {
float : left;
width : 100%;
overflow : hidden;
}
ul.statuses a img.avatar {
float : left;
margin-right : 10px;
border : 1px solid #446600;
}
div.date {
line-height : 18px;
font-size : 11px;
color : #51565b;
}
li a, li a:visited {
color : #007bc4;
text-decoration : none;
outline : none;
}
li a:hover {
text-decoration : underline;
}

/* User Menu */
.usermenu {
display : inline-block;
list-style : none;
list-style-position : inside;
padding-left : 0px;
quotes : none;
border-spacing : 0;
font-size : 12px;
outline : 0;
background-image : -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(240, 240, 240));
background-image : -moz-linear-gradient(top, rgb(249, 249, 249), rgb(240, 240, 240));
background-image : -o-linear-gradient(top, rgb(249, 249, 249), rgb(240, 240, 240));
background-image : -ms-linear-gradient(top, rgb(249, 249, 249), rgb(240, 240, 240));
background-image : linear-gradient(top, rgb(249, 249, 249), rgb(240, 240, 240));
filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#f0f0f0');
-webkit-border-radius : 0.2em;
-moz-border-radius : 0.2em;
border-radius : 0.2em;
border : 1px solid #cecece;
-webkit-box-shadow:
inset 0px 1px 0px #fff,
0px 1px 2px rgba(0,0,0,.06);
-moz-box-shadow:
inset 0px 1px 0px #fff,
0px 1px 2px rgba(0,0,0,.06);
box-shadow:
inset 0px 1px 0px #fff,
0px 1px 2px rgba(0,0,0,.06);
}
.usermenu li {
float : left;
list-style : none;
position : relative;
border-right : 1px solid #d8d8d8;
border-left : 1px solid #ffffff;
}
.usermenu li:first-child {
border-left : none;
}
.usermenu li:last-child  {
border-right : none;
}
.usermenu li a {
font-family : sans-serif;
font-size : 12px;
font-weight : bold;
color : #51565b;
text-shadow : 0px 1px 0px #ffffff;
display : block;
padding : 0 10px;
line-height : 2.5em;
}
.usermenu li:hover a {
color : #343434;
}

/* Star Rating */
.rabidRating .wrapper {
cursor : pointer;
float : left;
background : #cccccc;
}
.rabidRating .wrapper {
overflow : hidden;
}
.rabidRating span, .rabidRating .wrapper {
display : block;
width : 105px;
height : 28px;
}
.rabidRating span {
position : relative;
top : 0;
left : 0;
text-indent : -999em;
}
.rabidRating .ratingStars {
display : block;
background : url('../images/stars.png') no-repeat center;
}
.rabidRating .ratingFill {
background-color : #27bcee;
}
.rabidRating .ratingVoted {
cursor : default;
background-color : #27bcee;
}
.rabidRating .ratingActive {
background-color : #ffa800;
}
.rabidRating .ratingText {
color : #51565b;
}
.rabidRating .ratingText.ratingError {
color : #990000;
}
.rabidRating .ratingText.loading {
background : url('../images/loading.gif') no-repeat;
text-indent : -999em;
}