@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */

@font-face {
  font-family: "Bad-Films";
  src: url("../font/badfilms.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body{
font-family: 'Oswald', sans-serif;
width:100%;
overflow-x:hidden;
text-align:center;
top:0px;
padding:0px;
background-image:url("../bg.png");
background-repeat: repeat-x;
background-position: 10px 8px;
background-color:#DED7C2;
}
.blink{z-index:20;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out; 
    -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */
    animation:blink normal 1.5s infinite ease-in-out; /* Opera */
}
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #4B4947;
  border: 1px solid #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c8aa88;
  border:1px solid #333;

}
::-webkit-scrollbar-thumb:active {
  background: #d3ae7c;

}
::-webkit-scrollbar-track {
  background: none;
  border: 0px none #ffffff;
  border-radius: 100px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

.body{
border:0px;margin-left: auto; margin-right:auto;
width:1024px;
}
hr.sep-2{
	height: 6px;
	background: url(../hr-11.png) repeat-x 0 0;
    border: 0;
}
/* Nav Titel */
.nav_title{
font-family: 'Lobster';
font-size: 22px;
padding-left:50px;
text-shadow: 1px 1px 0 #555;
padding-right:20px;padding-top:7px;
}		

			
/* Hyperlinks */
a, a.visited{
cursor:pointer;
text-decoration:none;
color:#534E4B;
}

a:hover{
transition: color .3s;
color: #555;
cursor:pointer;
text-shadow: 1px 1px 0 #7A7A7A;
}
a.com_box{
cursor:pointer;
text-decoration:none;
color:#EDC993;
}
a.com_box:hover{
cursor:pointer;
text-decoration:none;
color:#FFF;
}

a.nav, a.nav:visited{
cursor:pointer;
text-decoration:none;
color:#DED7C2;
}
a.nav:hover{
color: #555;
cursor:pointer;
text-shadow: 1px 1px 0 #7A7A7A;
}


a.nav_userlink, a.nav_userlink:visited{
color: #ABAC1E;
cursor:pointer;
text-shadow: 1px 1px 0 #333;
}
a.nav_userlink:hover{
cursor:pointer;
text-decoration:none;
color:#CCC;
}

.navbox{
position:absolute; margin-left:785px;
color:#FFF;
}
.img_opacity{
opacity: 0.5;
filter: alpha(opacity=50);
}
.img_opacity:hover{
opacity: 1;
filter: alpha(opacity=100);
}

.threads_row{
width:100%;
border:1px dotted #222;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color:#FFF;
margin-top:3px;
}
.threads_row:hover{
transition: box-shadow .3s;
-webkit-box-shadow: inset 0px 0px 15px 0px #CCC);
-moz-box-shadow: inset 0px 0px 15px 0px #CCC;
box-shadow: inset 0px 0px 15px 0px #CCC;
}
pre {
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */border: 2px solid grey;
	border-left: 20px solid green;
	border-radius: 5px;
	padding-left: 15px;
	overflow:auto;
	white-space:nowrap;
 /* Fixed line height */
}

.head{
font-family: 'Great Vibes';
font-style: normal;
font-size:30px;
color:#373635;
text-shadow: 1px 1px #FFF;
}
.board_messsage
	{
	padding:20px;
	border:1px dotted #222;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);"
	}
.boardcat{
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color:#FFF;
padding:3px;
border: 1px dotted #777;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.boardsubcat{
margin-left:10px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
padding:3px;
}

.tab_boardsubcat:hover{
transition: box-shadow .3s;
-webkit-box-shadow: inset 0px 0px 15px 0px #CCC);
-moz-box-shadow: inset 0px 0px 15px 0px #CCC;
box-shadow: inset 0px 0px 15px 0px #CCC;
}
.thread_fixed{
background-color:#EDE9DE;
}
.box
	{
	margin-left:30px;
	padding:20px;
	border:1px dotted #222;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);"
	}
.datebox
{
	background-color:#00B0FF;
	color:#FFF;
	padding:5px;
	width:50px;
	text-align:center;
	border:1px dotted #222;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.75);"
}
.cat_logo
{
	background-color:#ccc;
	padding:5px;
	width:50px;
	text-align:center;
	border:1px dotted #222;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.75);"
}
.profilbox{
border:1px solid #555;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
cursor:pointer;
height:180px;
}
.h1{
font-size:16px;
color: #91C316;text-shadow: 1px 2px #000;
}
.submit_button,.button{
border:1px solid #555;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
padding:8px;
margin-left:10px;
font-family: 'Oswald', sans-serif;
background: rgba(164,179,87,1);
background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1)));
background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -o-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
background: linear-gradient(to bottom, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
}
input[type=text],input[type=number],input[type=password]{border-radius: 5px;padding:5px;width:300px;}
select{border-radius: 5px;padding:5px;width:314px;}
input[type=submit],button,input[type=button]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 5px;padding:5px;width:150px;}

.nostyle{
background: transparent;
-webkit-appearance: none; box-shadow: none !important; 
-webkit-autofill: color: #fff !important; 
border:0px;
-webkit-appearance: none;
border-radius: 0px;
background: rgba(0, 0, 0, 0);border: none;outline: none;
}
.appearance (@value: none) {
    -webkit-appearance:     @value;
    -moz-appearance:        @value;
    -ms-appearance:         @value;
    -o-appearance:          @value;
    appearance:             @value;
}
.progress-bar {
    background-color: #555;
    height: 25px;
    padding: 1px;
    width: 300px;       
    border-radius: 5px;           
}

.progress-bar span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;    
}

.green span {
      background-color: #a5df41;
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}
.orange span {
      background-color: #fecf23;
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}
.lightblue span {
      background-color: #45B9FF;
      background-image: linear-gradient(top, #45B9FF, #fd9215);  
}
.darkblue span {
      background-color: #005782;
      background-image: linear-gradient(top, #005782, #fd9215);  
}
.purble span {
      background-color: #E068FD;
      background-image: linear-gradient(top, #E068FD, #fd9215);  
}
.red span {
      background-color: #e81c37;
      background-image: linear-gradient(top, #e81c37, #f57394);  
} 
.stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    animation: animate-stripes 3s linear infinite;             
}
@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #333 !important;
}
.login_submit{
width:20px;
margin-left:10px;
font-weight:bold;
margin-top:-3px;
border-radius: 0px;
padding:0px;
font-size:16px;
color:#EDC993;
background-color:#534E4B;
border: 1px solid #EDC993;
}
.bigbox{
background-color:#FFF;
min-width:20px;
border:1px solid #555;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
padding:20px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.paging{
background-color:#FFF;
text-align:center;
min-width:20px;
border:1px solid #555;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
padding:2px;
}
.paging_aktiv{
background-color:#CCC;
text-align:center;
min-width:20px;
border:1px solid #555;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
padding:2px;
}
hr.sep-2 {
	height: 6px;
	background: url(../../hr-11.png) repeat-x 0 0;
    border: 0;
}
.sendeplan_box{
width:100%;
color:#444;
background-color:#EEE;
border: 1px solid #ccc;
background-image:url("../semi_grey.png");
margin-bottom:10px;
border-radius: 5px;
padding:10px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.teambox{
width:260px;
height:260px;
padding:10px;
color:#333;
border: 1px solid #ccc;
background-image:url("./../img/design/semi_grey.png");
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
border-radius: 20px;
}
.quote{
	padding:10px 20px 0px 10px;
	background-color      : #D8D8D8;
	box-shadow            : 1px 1px 3px #555;
	-webkit-box-shadow    : 1px 1px 3px #555;
	-moz-box-shadow       : 1px 1px 3px #555;
	min-height:50px;
}
.quote_legend
{
margin-top:-20px;
}
.login_input{
width:150px !important;
border:1px solid #555;
margin-top:-3px;
margin-left:5px;
height:17px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
padding:5px;
background-color:#EEE;
}

.board_autorbox{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 18%, rgba(225,225,225,1) 24%, rgba(225,225,225,1) 19%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 18%,rgba(225,225,225,1) 24%,rgba(225,225,225,1) 19%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 18%,rgba(225,225,225,1) 24%,rgba(225,225,225,1) 19%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
}
.board_botbox
{
background: rgb(201,247,173); /* Old browsers */
background: -moz-linear-gradient(left, rgba(201,247,173,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 46%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(201,247,173,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 46%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(201,247,173,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 46%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9f7ad', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}