* {
margin:0;
padding:0;
}

body {
font-family:Verdana, Helvetica, sans-serif;
font-size:7pt;
background-color:#f4f4f4;
}
br {
line-height:3px;
}
/*#############      ################
############# GRID ################
#############      ################*/
#wrapper {
width:1000px;
margin:0 auto;
}

/*############# LOGIN ################*/
#loginbar {
width:1000px;
color:#FFFFFF;
height:27px;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/loginbar.png) no-repeat;
text-align:right;
margin:0 0 5px;
}

a.loginbar:link,a.loginbar:visited {
background-color:inherit;
color:#FFFFFF;
text-decoration:none;
}

a.loginbar:active,a.loginbar:hover {
background-color:inherit;
color:#FFFFFF;
text-decoration:underline;
}

.logincomplete {
color:#FFFFFF;
text-align:right;
padding:10px 15px 0 0;
}

.loginincomplete {
color:#FFFFFF;
text-align:right;
padding:4px 15px 0 0;
}

.logininput {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/login/logininput.png) no-repeat;
width:114px;
height:18px;
font-family:Verdana, Helvetica, sans-serif;
font-size:7pt;
color:#b4b4b5;
border:0;
vertical-align:top;
margin-left:6px;
padding:5px 0 0 2px;
}

.loginsubmit {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/login/submit.png) no-repeat;
width:18px;
height:18px;
border:0;
margin-left:6px;
vertical-align:top;
}

#cs_messages_navmsgs {
color:#FFFFFF;
}

/*############# HEADER ################*/
#header {
width:988px;
height:214px;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/header.jpg);
margin:0 6px 5px;
}
/*############# Naviagtion ################*/
#navigation {
width:463px;
height:24px;
padding-top:188px;
margin:0 auto 2px;

}

/*############# CONTENT ################*/
#contentcontainer {
width:988px;
color:#333;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/contentfooter.png) bottom no-repeat;
padding-bottom:22px;
margin:0 6px;
}

#outer {
border-left:solid 184px transparent;
border-right:solid 184px transparent;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/bg.gif) bottom;
}

#inner {
width:100%;
margin:0;
}
/*############# LEFT ################*/
#left {
width:184px;
float:left;
position:relative;
margin-left:-184px;
font-size:7pt;
}
.voteline {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/left/voteline.png) no-repeat bottom;
width:184px;
}
.leftrow1 {
height:26px;
width:184px;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/left/row1.png) no-repeat;
}
.leftrow2 {
height:26px;
width:184px;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/left/row2.png) no-repeat;
}
.teamsheet {
padding:1px 2px 0px 0;
}
.navbodyl {
width:184px;
font-size:7pt;
padding:0 0 0 9px;
}
/*############# RIGHT ################*/
#right {
width:184px;
float:right;
position:relative;
margin-right:-184px;
font-size:7pt;
}

.shoutline {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/right/shoutline.png) no-repeat bottom;
width:184px;
}

.countdown {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/right/6years.png) no-repeat;
height:20px;
text-align:center;
padding-top:39px;
}


.navbodyr {
width:184px;
font-size:7pt;
padding:0 9px 0 0;
}
.button_send {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/senden.png) no-repeat;
width:54px;
height:14px;
border:0;
}

/*############# CENTER ################*/
#center {
position:relative;
background:#313131;
padding-top:3px;
border-top:2px #40acff solid;
min-height:1000px;
}
/*############# FOOTER ################*/
#footer {
display:block;
clear:both;
width:988px;
height:40px;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/footer.png) no-repeat;
color:#FFF;
font-size:7pt;
margin:5px 6px 0;
padding:24px 0 0 8px;
}

a.footer:link,a.footer:visited {
background-color:inherit;
color:#FFF;
font-size:7pt;
text-decoration:none;
}

a.footer:active,a.footer:hover {
background-color:inherit;
color:#FFF;
font-size:7pt;
text-decoration:underline;
}



/*############# Clansphere ################*/
a:link,a:visited {
background-color:inherit;
color:#000;
text-decoration:none;
}

a:active,a:hover {
background-color:inherit;
color:#696969;
}

span, div {
  margin: 0;
  padding: 0;
  color:#000;
font-family:Verdana, Helvetica, sans-serif;
}
hr {
  border: 1px solid #888888;
}
img {
border:0;
}

form {
display:inline;
}

td {
  background-color: inherit;
  color: #000000;
  font-size: 8pt;
  vertical-align: top;
  line-height: 1.5;
}

textarea {
width:90%;
}

ul {
margin:0;
}

input, textarea, select {
  background-color: #EEEEEE;
  border: 1px solid #002200;
  color: #002200;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 8pt;
  margin: 2px;
  padding-left: 3px;
}
.form:focus {
  background-color: #FFFFFF;
}
.forum {
color:inherit;

border-spacing:1px;
background-color:#f4f4f4;
margin:auto;
}

.headb {
background-color:#f4f4f4;
color:#64bafd;
font-size:9pt;
font-weight:700;
text-align:left;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/longdotline.gif) bottom no-repeat;
padding:2px 6px 2px 2px;
}

.bottom {
background-color:#eee;
color:inherit;
text-align:left;
padding:4px 6px 4px 8px;
}
.newshead {
background-color:#f4f4f4;
color:inherit;
font-size:9pt;
text-align:left;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/longdotline.gif) bottom no-repeat;
padding:0 2px 3px;
}

a.newslink:link,a.newslink:visited {
background-color:inherit;
color:#929292;
font-size:7pt;
text-decoration:none;
}

a.newslink:active,a.newslink:hover {
background-color:inherit;
color:#000;
font-size:7pt;
text-decoration:underline;
}

.left,.center,.right {
padding:1px;
}

.left,.leftb,.leftc {
text-align:left;
}

.center,.centerb,.centerc {
text-align:center;
}

.right,.rightb,.rightc {
text-align:right;
}
.leftb,.centerb,.rightb,.leftc,.centerc,.rightc {
background-color:#f4f4f4;
color:inherit;
padding:4px 6px 4px 8px;
}
.notpublic {
  background-color:#F5F5F5 !important;
  color:#CCC !important;
  font-style:italic;
}
.quote {
background-color:#EAEAEA;
border:1px solid #C4C4C4;
color:inherit;
text-align:left;
padding:6px;
}

#debug {
height:150px;
margin-bottom:20px;
overflow:auto;
padding-left:4px;
width:100%;
text-align:left;
}

#errors {
color:#C00;
}

#sql {
color:#666;
}

.h1 {
  color: inherit;
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
}
.h2 {
  color: inherit;
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
}
.h3 {
  color: inherit;
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
}

#msg_normal, #msg_success {
	width: 90%;
  color:inherit;
  margin:auto;
  border: 1px solid #888;
  margin-bottom: 10px;
  text-align:center;
}
#msg_normal div, #msg_success div {
	padding: 8px 0 8px 20px;
}
#msg_normal {
	background-color: #fff;
}
#msg_success {
	background-color: #ddffdd;
}
/*Cal*/
.calhead {
background-color:#C2C2C2;
color:inherit;
text-align:center;
padding:4px 2px;
}

.calday,.calevent,.caltoday,.calweek {
text-align:center;
padding:4px 2px;
}

.calday {
background-color:#f4f4f4;
color:inherit;
}

.calevent {
background-color:#64bafd;
color:inherit;
}

.caltoday {
background-color:#f4f4f4;
border:1px solid red;
color:inherit;
}

.calweek {
background-color:#C2C2C2;
color:inherit;
}

/*Manage*/
.manage {
  background-color: #F8F8F8;
  border: 1px solid #999999;
  margin: 5px;
  padding: 5px 0px 0px 0px;
}
.manage:hover {
  background-color:#E2E2E2;
}

/*Themebar*/
.themebar {
  border: 1px dashed #777777;
  margin: 4px 8px 4px 8px;
  padding: 4px;
}



#ajax_loading {
position:absolute;
top:20px;
right:60px;
}

.container {
	background-color:#AEAEAE;
	color:inherit;
	margin:auto;
	clear:both;
	border-width:1px 0 0 1px;
	border-color:#AEAEAE;
	border-style:solid;

}
.container div {
	margin:0px;
	border-width:0 1px 1px 0;
	border-color:#AEAEAE;
	border-style:solid;
}
.container div div {
	border-width:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.headc {
	background-color:#FFFFFF;
	color:inherit;
	text-align:left;
}

#counter span {
  float: right;
}

#ajax_loading {
  position:absolute;
  top:20px;
  right:60px;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*############# MENUE ################*/
a.dropmenu1_a:link,a.dropmenu1_a:visited {
display:block;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/main2.png) no-repeat;
height:24px;
width:84px;
}

a.dropmenu1_a:hover,a.dropmenu1_a:active {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/main.png) no-repeat;
}

a.dropmenu2_a:link,a.dropmenu2_a:visited {
display:block;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/clan2.png) no-repeat;
height:24px;
width:78px;
}

a.dropmenu2_a:hover,a.dropmenu2_a:active {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/clan.png) no-repeat;
}

a.dropmenu3_a:link,a.dropmenu3_a:visited {
display:block;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/community2.png) no-repeat;
height:24px;
width:127px;
}

a.dropmenu3_a:hover,a.dropmenu3_a:active {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/community.png) no-repeat;
}

a.dropmenu4_a:link,a.dropmenu4_a:visited {
display:block;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/media2.png) no-repeat;
height:24px;
width:92px;
}

a.dropmenu4_a:hover,a.dropmenu4_a:active {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/media.png) no-repeat;
}

a.dropmenu5_a:link,a.dropmenu5_a:visited {
display:block;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/misc2.png) no-repeat;
height:24px;
width:82px;
}

a.dropmenu5_a:hover,a.dropmenu5_a:active {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/misc.png) no-repeat;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			26px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

.sf-menu {
	float:			left;
}
.sf-menu a {
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}

.sf-menu li li {
	text-indent:5px;
	text-decoration:none;
	font:11px Verdana, Arial, sans-serif;
	background: #f4f4f4 url(http://gfx1.moepler.com/templates/moepv4_2/img/nav/navline.png) repeat-x bottom;
	height:16px;
	color:			#000;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li li:hover{
	background:		#6ebefc;
}



/*############# MENUE END ################*/


#boardcontentcontainer {
width:988px;
color:#333;
margin:0 6px;
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/board/bgtop.gif) top no-repeat;
padding-top:17px;
}

#boardcenter {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/board/bg.gif) repeat-y ;
position:relative;
padding-top:3px;
min-height:200px;

}

#boardinner {
background:url(http://gfx1.moepler.com/templates/moepv4_2/img/board/bgbottom.gif) bottom;
padding-bottom:17px;
width:100%;
margin:0;
}

/*Kalender Tooltip Anfang*/
.tooltip a {
	color: #FFF;
	text-decoration: none;
}
.tooltip a:hover {
	color: #666;
	text-decoration: none;
}
.tooltip a span {
	display: none;
}
.tooltip a:hover span {
	position:absolute;
	/*margin-left:-170px;*/
	margin-top:10px;
	display: block;
	color: #000;
	background: #dedede;
	padding: 2px;
	text-align:left;
	font-weight:normal;
	max-width: 170px;
	width: auto;
	border: 2px solid #800;
	z-index: 99;
}

/*Formatierung der Überschriftenzeile*/
.tooltip span b {
	display: block;
	color: #fff;
	background: #800;
	padding:	1px 4px 1px 4px;
	text-align:left;
	font-weight:bold;
}
/*Formatierung des Inhaltes*/
.tooltip span i {
	display: block;
	color: #000;
	background: #c8c8c8;
	padding:	1px 4px 1px 4px;
	text-align:left;
	font-weight:normal;
}
/*Kalender Tooltip Ende*/

.tooltip {
	display: none;
	background: #dedede;
	color: #000;
	padding: 2px;
	text-align: left;
	font-weight: normal;
	max-width: 200px;
	width: auto;
	border: 2px solid #800;
	z-index: 250;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}