/*
   Site: www.wild-will-dich.de
   Date: 21.07.2009
*/

/*FARBEN
   Beige (Body bg)#f7f0e2
   Dunkelrot: (H1 H4) #A71924
   Dunkelgruen: #867c00
   Hellgruen: #d5cf85

   ---Farben Comunity---
   Tuerkis: #86afa9
   Tuerkis Hell: #dce6e4
   Grau: #878787
   Grau Hell: #dbdbdb
   Rot: #A71924
   Rot Hell: #e4badb
   Gruen: #a9b727
   Gruen Hell: #e5e9be

*/

body {
    background-color: #f7f0e2;
    font-family:Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#5b4a41;
    border:0;
    margin:0;
    padding:0;
}

#page { /* container der site */
/*    background-image: url(img/page_bg.jpg);*/
    background-image: url(img/page_bg.jpg);
    background-repeat: no-repeat;
    width: 1000px;
    margin: 0px auto;
}

#page-content { /* innerer container der site */

}

#header { /* Header container */
    height: 130px;
}

#header-content {  /*innerer Header container*/

}

/* Navigation*/
#navigation {
/*    position: absolute; top:113px;*/
    margin-left: 182px;
    margin-right: 190px;
    width: 628px;
    height: 35px;
    zoom:1;
    z-index:1000;
    position: relative;
    overflow: visible;
}

#main-navigation {
    float:right;
}

#main-navigation ul, main-navigation li {
}

#main-navigation li.main-item {
}

#main-navigation li.main-item a {
}

#main-navigation li.main-item-selected {
}

#main-navigation li.main-item-selected a {
}

#main-navigation a.sub-item {
}

#main-navigation a.sub-item a {
}

#main-navigation a.sub-item-selected {
}

#main-navigation a.sub-item-selected a {
}

#main-navigation li.main-item-selected-subitems {
}

#main-navigation li.main-item-selected-subitems a {
}

/* IE < 7 no Mac \*/
/** html #main-navigation li a {display:inline-block;}*/
/** html #info-navigation li a {display:inline-block;}*/
/* -- */


#col1 {
    float:left;
    width: 182px;
    background-image: url(img/col1_foot.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#col1-content {  /*erstes HTML div tag innerer container (linke Spalte) */
    background-image: url(img/col1_bg.png);
    background-repeat: repeat-y;
}

#quickfinder-box {
    margin: 0px;
    padding: 65px 25px 25px 10px;
}

#quickfinder-form {}

#quickfinder-select {
    width: 130px;
    height: 25px;
    padding: 3px;
}

#col2 { /*zweiter HTML div Tag (rechte Spalte) */
    float:right;
    width: 190px;
    background-image: url(img/col2_foot.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
#col2-content {  /*erstes HTML div tag innerer container (recte Spalte) */
    background-image: url(img/col2_bg.png);
    background-repeat: repeat-y;
}

#col2-content-box {
    background-image: url(img/login_bg.png);
    background-repeat: no-repeat;
    padding: 30px 40px 10px 20px;
}

#search-form {}

#search-field {
    background-color: #d5cf85;
    width: 87px;
    height: 17px;
    border: 2px solid #d5cf85;
    border-bottom: 2px solid #d3bba3;
    font-size: 12px;
    color: #333333;
    padding: 3px 2px;
    margin-bottom: 5px;
/*    float: left;*/
}

#search-button {
    display: block;
    width: 24px;
    height: 24px;
    background: url(img/but_24_search.png) no-repeat;
    float:right;
    margin-top:2px;
/*    background-color: #e5e9be;*/
/*    border: 2px solid #e5e9be;*/
/*    border-bottom: 2px solid #cccc99;    */
    
}

#login-box {
    color: #d5cf85
}

#user-field,
#password-field {
    font-size: 12px;
    height: 17px;
    border: 2px solid #fff;
    border-bottom: 2px solid #d3bba3;
    padding: 3px 2px;
    margin-bottom: 5px;
}

#admin-box {
    text-align: right;
    margin-top:15px;
}

#admin-box a {
    color: #A71924;
    font-weight: bold;
    text-decoration: none;
}
.col1-box-paper{
  width: 162px;
  background-image:url(img/col1_boxbg_paper_min.png);
  background-repeat: no-repeat;
  background-position: 0px -30px;
  margin-left: 10px;
  margin-top: 20px;
}
.col1-box-paper-cont{

}
.col1-box-paper img{
    margin: 0px 5px 0px 5px;
    float: left;
}
.col1-box-paper-txt {
/*  text-transform: uppercase;*/
    color: #453c2f;
    font-weight: bold;
    position: relative;
    top:3px;
    float: left;
}
.col1-box-paper-txt a {
    text-decoration: none;
    color: #453c2f;
}
.col1-box-paper-txt a:hover{
    text-decoration: none;
    color: #A71924;
}

#col1-box-podcasts {
    width: 142px;
    background-image:url(img/col1_boxbg_paper_plus.png);
    /*background-repeat: no-repeat;
    background-position: 0px -30px;*/
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px 10px 10px 10px;
    /*position: absolute;
    top: 630px;*/
    color: #453c2f;
    font-weight: bold;
    /*line-height: 16px;*/
}

#col1-box-podcasts ul li {
    list-style-image: url(img/podcast_bullet.gif);
    margin: 0px 0px 0px 10px;
    padding: 0;
}

#col1-box-podcasts a {
    text-decoration: none;
    color: #453c2f;
}

#col1-box-podcasts a:hover {
    text-decoration: none;
    color: #A71924;
}

/* Hall Of Fame + Letzte Aktionen*/

.col1-box-halloffame {
    width: 162px;
    margin: 10px 0px 0px 10px;
}
.col1-box-halloffame-head {
    background-image:url(img/hof_head.jpg);
    height: 90px;
    width: 162px;
    display: block;
}

.col1-box-halloffame-scorelist table {
	border-left: 1px solid #bb282e;
    border-right: 1px solid #bb282e;
    border-bottom: 1px solid #bb282e;
}

.col1-box-halloffame-scorelist td {
	padding-left: 5px;
	vertical-align: top;
    font-weight: bold;
}

.col1-box-halloffame-scorelist a {
    text-decoration: none;
}

.col1-box-halloffame-scoreentry {
	line-height: 20px;
    width: 160px;
    display: block;
/*    margin: 1px 0px 0px 0px;*/
}

.col1-box-halloffame-spacer {
    height: 1px;
    width: 160px;
    display: block;
}

.col1-box-wiki-act {
  width: 162px;
  height: 174px;
  margin-left: 20px;
}

.col1-box-wiki-info {
  width: 162px;
  height: 174px;
  margin-left: 10px;
  margin-top: 10px;
}

.score-even {
    background-image:url(img/hof_bg_even.jpg);
}

.score-odd {
    background-image:url(img/hof_bg_odd.jpg);
}

.col1-box-halloffame-scoreentry-number {
	vertical-align: top;
	padding: 0px 5px 0px 0px;
}
.col1-box-latestactions-head {
    background-image:url(img/act_list_head.jpg);
    height: 70px;
    width: 162px;
    display: block;
}

/* /Hall Of Fame + letzte Aktionen*/

#col2-content-foot {
    width: 190px;
    height: 30px;
    background-image: url(img/login_bottom.png);
    background-repeat: no-repeat;
}
.col2-nav-block{
    background: url(img/col2_nav_block_bottom.png) no-repeat bottom;
    padding: 5px 5px 10px 10px;
}
#col2-content-karte {
    margin-top:20px;
    margin-left: 10px;
/*    width: 190px;
    height: 231px;
    background-image: url(img/col2_landkarte.png);
    background-position: center;
    background-repeat: no-repeat;*/
}
#col2-twitter-box{
    margin-top:50px;
	background-image: url(img/col2-twitter.jpg);
	width: 190px;
	background-position: center;
	background-repeat: no-repeat;
}

#col2-blog-box {
    padding-left: 10px;
    width: 190px;
}

#col3 {
    margin-left:182px;
    margin-right: 190px;
}
#col3-content  { /* dritter HTML div tag innerer container ( Content ) */
    text-align: left;
    background: url(img/col3_foot.gif) no-repeat bottom #ffffff;
    padding: 15px 15px 0px 15px;
}
#col1-content, #col2-content, #col3-content{
    min-height: 700px;
    overflow: hidden;
}
* html #col1-content, * html #col2-content, * html #col3-content{
  height: 700px;
}

#content {
/*    background-color: #fff;*/
    position: relative;
    padding-bottom: 30px;
/*    z-index: 1;*/
/*    padding: 15px;*/
}

#footer {
    height: 140px;
    background-image: url(img/footer_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 40px 40px 0px 70px;
}

#footer-content {
    color: #000;
    font-size: 12px;
}

#footer-content a {
    font-weight: bold;
    text-decoration: none;
}

.footer-box {
    height: 76px;
    display:block;
    vertical-align: bottom;
    float: left;
    margin-right: 20px;
}

/*-----------------------------------------------------------------------------------------------------*/

/* Content */
h1,h2,h3,h4,h5,h6,p{
    font-weight:normal;
    padding:0;
    margin:0;
}

h1 {
    font-size:18px;
    color:#000;
    line-height:27px;
    margin-bottom:16px;
}
h1 a{
    color:#000;
    text-decoration: none;
}
h1 a:hover{
    color:#000;
    text-decoration: underline;
}
h2 {
    font-size:18px;
    color:#a71924;
    line-height:27px;
    margin-bottom:16px;
}
h2 a{
    color:#a71924;
    text-decoration: none;
}
h2 a:hover{
    color:#a71924;
    text-decoration: underline;
}

h3 {
    font-size:14px;
    font-weight:bold;
    color:#5b4a41;
    line-height:24px;
    margin-bottom:14px;
}

h4 {
    font-size:14px;
    font-weight:bold;
    color:#a71924;
    line-height: 24px;
    margin-bottom:14px;
}

h5 {
    font-size:12px;
    font-weight:normal;
    color:#000;
    line-height: 14px;
}

h6 {
    font-size:12px;
    font-weight:normal;
    color:#000;
    line-height: 13px;
}

a {
    color:#000;
    text-decoration:underline;
}

a, a:link, a:visited, a:focus, a:active {
/*    text-decoration: none;*/
}

a:hover {
/*    text-decoration: underline;*/
}

.float {float:left;}

.clear {clear:both;font-size:1px;}

.clear-left {clear:left;font-size:1px;}

/*boxen*/

#newscontainer-hp {
    display: inline-block;
    padding-bottom: 15px;
}

#box-left {
    float: left;
    margin-right: 5px;
}

#box-right {
    float: right;
    margin-left: 5px;
}

.newsbox-hp {
    width: 293px;
    background-image: url(img/hp_news_bg_bottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    margin-top: 10px;
}

/*Buttons*/

/*quicklink*/
.quicklink-box{
    padding: 0px;
    min-height: 175px;
    display: block;
}
* html .quicklink-box{
    padding: 0px;
	height: 175px;
}
a.quicklink-txt{
    width: 152px;
    height: 24px;
    display:block;
    background-image:url(img/but_quicklink_bg_a.gif);
    background-repeat: repeat-x;
    color: #686e30;
    font-weight:bold;
    text-align:left;
    line-height: 20px;
    text-decoration:none;
    padding: 2px 0px 0px 10px;
    margin: 0px 10px 0px 10px;
}

a:hover.quicklink-txt{
    color: #686e30;
    display:block;
    background-image:url(img/but_quicklink_bg_b.gif);
    color: #e5e9be;
    text-decoration: none;
}

/*24x24*/

.pure-button {
    display: block;
    width: 24px;
    height: 24px;
}
.go {
    background: url(img/but_24_go.png) no-repeat 0 0;
}
.red{
  background-position: 0px -96px;
}
.right {
  position: absolute;
  bottom: +10px;
  right: +10px;
}
.left {
  position: absolute;
  bottom: 5px;
  left: 5px;
}


/*oval*/

span.buttoncontainer {
    border:medium none;
    display:-moz-inline-stack;
    display:inline-block;
    /*float:left;*/
    padding:0px;
    position:relative;
    outline:none;
}
a.button {
/*    -moz-user-select:none;*/
    cursor:pointer;
}
.button {
    background-image:url(img/but_oval.png);
    background-position:left 0px;
    background-repeat:no-repeat;
    display:-moz-inline-stack;
    display:inline-block;
    padding:0px 0px 0px 10px;
    position:relative;
    outline:none;
    text-decoration:none;
    height: 24px;
}
span.buttoncontent {
    background-image:url(img/but_oval.png);
    background-position:right 0px;
    background-repeat:no-repeat;
    display:-moz-inline-stack;
    display:inline-block;
    padding:0px 10px 0px 0px;
    position:relative;
    outline:none;
    height: 24px;
}
span.buttonlabel {
    color:#fff;
    font-size:11px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    padding: 0px 5px 0px 5px;
}

* html .button {
    padding-top: 0px;
}

.bg-red .button {
    background-position: left -96px;
}
.bg-red .buttoncontent {
    background-position: right -96px;
}
.bg-green .button {
    background-position: left 0px;
}
.bg-green .buttoncontent {
    background-position: right 0px;
}
.bg-aqua .button {
    background-position: left -48px;
}
.bg-aqua .buttoncontent {
    background-position: right -48px;
}
.bg-grey .button {
    background-position: left -72px;
}
.bg-grey .buttoncontent {
    background-position: right -72px;
}
.bg-orange .button {
    background-position: left -24px;
}
.bg-orange .buttoncontent {
    background-position: right -24px;
}


.blabber {
    display: block;
    text-transform: uppercase;
    
}

/* * html */
* html #col3 {height: 1%;}       
* html #col1 {margin-right: -3px;}
* html #col2 {margin-left: -3px;}
* html #col3 {margin-left: 179px; margin-right: 187px;}

* html #col1-content {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/naju/css/img/col1_bg.png', sizingMethod='scale');}
* html #col2-content {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/naju/css/img/col2_bg.png', sizingMethod='scale');}
* html #col2-content-box {background-image:none; background-color: #867c00; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/naju/css/img/col2_bg.png', sizingMethod='scale');}
* html #col2-content-foot {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/naju/css/img/login_bottom.png', sizingMethod='crop');}
* html #search-button {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/naju/css/img/but_24_green_search.png', sizingMethod='crop');}

/* Ende * html */

/***************/
/* Score Liste */
/***************/
#score-head {
    background-image: url(img/score_head.png);
    width: 594px;
    height: 308px;
    display: block;
    position: relative;

}

#score-head-points {
    background-image: url(img/score_head_points.png);
    background-repeat: no-repeat;
	display: block;
    position: absolute;
    top:223px; left:509px;
    height: 85px;
	width: 85px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 5px;
    font-size: 1.2em;
    text-align: center;
}

.score-head-points-points {
/*    line-height: 25px; */
	font-size: 1.3em;
}

.score-category {
    width: 90px;
    height: 60px;
    float: left;
    background-repeat: no-repeat;
}

.score-category-number {
	margin-left: 60px;
    line-height: 60px;
    font-weight: bold;
}

.s-c-bat {
	background-image: url(img/but_camp_bat.png);
}
	
.s-c-tree {
    background-image: url(img/but_camp_tree.png);
}

.s-c-region {
    background-image: url(img/but_camp_region.png);
}

.s-c-publicity {
    background-image: url(img/but_camp_public.png);
}

#score-list {
	width: 100%;
}

#score-list table {
}

#score-list td {
	padding: 5px;
	margin: 0px;
    height: 20px;
}

.score-meter {
	background-color: #DDDDDD;
	display: block;
}

.score-meter-bar {
	float: left;
	height: 20px;
	background-color: #A71924;
}

.score-meter-points-onbgcolor {
	 color: #ffffff;
	 font-weight: bold;
	 margin-left: 10px;
}

.score-meter-points-onwhite {
     color: #000000;
     font-weight: bold;
     margin-left: 10px;
}

.score-meter-img {
	position: relative;
/*	left: -23px;
	top: -6px;*/
	background-image: url(img/score_end.png);
    background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	float: left;
}

.score-position {
	width: 63px;
	height: 64px;
	background-repeat: no-repeat;
}

.group-score-position-number {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 62px;
    font-weight: bold;
    margin-left: 3px;
}

.group-level {
    font-weight: bold;
    color: #A71924;	
}

.s-p-red {
    background-image: url(img/score_but_red.png);
}

.s-p-green {
    background-image: url(img/score_but_green.png);
}

.score-star {
	float: left;
    width: 25px;
    height: 21px;
    background-repeat: no-repeat;
}

.score-star-spacing {
	float: left;
	height: 21px;
	width: 40px;
}

.s-s-null {
    background-image: url(img/score_star_grey.png);
}

.s-s-half {
    background-image: url(img/score_star_half.png);
}/*  */

.s-s-full {
    background-image: url(img/score_star_yellow.png);
}

/*****************/
/* Gruppen-Liste */
/*****************/

#group-list {
    width: 100%;
}
#group-map, #stateimage {
    width: 590px;
    height: 801px;
    position:absolute;
    top:22px;
    left:0;
}
#stateimage {
    display:none;
}
.bLand{
    text-align: center;
    width: 10px;
    padding: 0 5px 1px;
    background-color: #F8FAFE;
}
a.group-count {
    background-image: url(img/group_count_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    left:0;
    top:0;
    width:30px;
    height:30px;
    text-align:center;
    line-height: 25px;
    color: #867c00;
    font-weight: bold;
}
#group-count-baden-wuerttemberg {left:220px;top:630px}
#group-count-bayern {left:350px;top:590px;}
#group-count-berlin {left:495px;top:270px;}
#group-count-brandenburg {left:500px;top:310px;}
#group-count-bremen {left:235px;top:180px;}
#group-count-hamburg {left:300px;top:132px;}
#group-count-hessen {left:220px;top:380px;}
#group-count-mecklenburg-vorpommern {left:440px;top:140px;}
#group-count-niedersachsen {left:240px;top:225px;}
#group-count-nordrhein-westfalen {left:120px;top:320px;}
#group-count-rheinland-pfalz {left:90px;top:500px;}
#group-count-saarland {left:105px;top:570px;}
#group-count-sachsen {left:440px;top:375px;}
#group-count-sachsen-anhalt {left:365px;top:340px;}
#group-count-schleswig-holstein {left:230px;top:100px;}
#group-count-thueringen {left:300px;top:390px;}

#group-box-baden-wuerttemberg {left:20px;top:150px}
#group-box-bayern {left:350px;top:150px}
#group-box-berlin {left:350px;top:250px}
#group-box-brandenburg {left:20px;top:200px}
#group-box-bremen {left:50px;top:250px}
#group-box-hamburg {left:50px;top:150px}
#group-box-hessen {left:20px;top:150px }
#group-box-mecklenburg-vorpommern {left:350px;top:250px }
#group-box-niedersachsen {left:50px;top:250px }
#group-box-nordrhein-westfalen {left:350px;top:200px}
#group-box-rheinland-pfalz {left:20px;top:200px}
#group-box-saarland {left:20px;top:220px}
#group-box-sachsen {left:300px;top:150px }
#group-box-sachsen-anhalt {left:300px;top:200px}
#group-box-schleswig-holstein {left:30px;top:250px }
#group-box-thueringen {left:300px;top:200px}

#group-list {
    z-index: 0;
}
.group-box{
    position:absolute;
    border: solid 0px red;
    width:200px;
    overflow:hidden;
    z-index: 100;
    border: solid 1px #867c00;
    background-color: #867c00;
}
.group-box table {
    table-layout: fixed;
}
.group-box table.header th {
    color: #ffffff;
    font-weight: bold;
    padding-left: 5px;
}
.group-box table.header th.name {
    width:100px;
}
.group-box table.header th.count {
    width:88px;
}
.group-box table.body {
    width:160px;
}
.group-box table.body td {
    padding-left: 5px;
    color:#000;
    font-weight: normal;
}
.group-box table.body td.name {
    width:100px;
    border-bottom: solid 1px #cccccc;
}
.group-box table.body td.count {
    width:30px;
    text-align: right;
}
.group-box-content {
    padding-top: 3px;
    padding-bottom: 5px;
    overflow:auto;
    overflow-x:hidden;
    background-color: white;
    color:#000;
}

.group-box-content a {
    color: #A71924;
    font-weight: bold;
    text-decoration: none;
}
.state {
	width: 100%;
	margin-top: 10px;
    background-color: #A71924;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 5px;
}
.group {
	width: 100%;
	margin-bottom: 10px;
}
.group-padding {
	padding: 5px 0px 5px 0px;
    position: relative;
}
.group-foto {
	float: left;
	display: block;
	margin-right: 10px;
    position: relative;
}
.group-data {
/*	float: left;*/
	margin-right: 10px;
    position: relative;
    padding-right: 5px;
}
.group-data-name {
    color: #A71924;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 5px;
}
.group-data-other {
	margin-left: 5px;
}
.group-data-label {
	font-weight: bold;
	margin-right: 5px;
}
.group-data-detail {
	font-weight: normal;
}
.group-score {
	float: right;
    width: 63px;
    height: 64px;
    background-repeat: no-repeat;
}
.g-s-red {
    background-image: url(img/score_but_red.png);
}
.group-score span {
	position: relative;
    top: 23px;
    left: 21px;
    font-size: 30px;
    font-weight: bold;
}
.group-detail-link {

}

/******************/
/* Gruppen Profil */
/******************/

.group-action-list {
	margin: 0px 0px 15px 0px;
}
.group-action-list-categorytitle {
    margin-top: 10px;
    background-color: #A71924;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 5px;
}
.group-action {
    padding: 15px 15px 15px 15px;
    position: relative;
    border-right: solid 1px  #A71924;
    border-bottom: solid 1px  #A71924;
    border-left: solid 1px  #A71924;
}
.group-action-rate {
	/*padding: 0px 15px 0px 15px;*/
    display: block;
}
.group-action-data {
    display: block;
    float: right;
    width: 450px;
}
.group-action-points {
	/* width: 120px; */
    font-weight: bold;
    font-size: 1.2em;
}
.group-action-bonuspoints {
    font-weight: bold;
    font-size: 1.0em;
}
.group-action-name {
	font-weight: bold;
	font-size: 1.2em;
}
.group-action-description {
	display: block;
    position: relative;
    width: 395px;
}
.group-action-detail-link {
	float: right;
}
/***********************/
/* Aktions Detailseite */
/***********************/
.game-action-description-title {
    margin-top: 10px;
    background-color: #A71924;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.5em;
    padding: 5px;
}

.game-action-detail-head {
	margin: 10px 0px 10px 0px;
}

.game-action-detail-head-title {
	font-weight: bold;
	font-size: 1.2em;
}

.game-action-detail-head-groupname {
    font-weight: bold;
}

/********************************/
/* Aktionsliste (Ihr in Aktion) */
/********************************/
.game-categories-actions-head {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #A71924;
    color: #FFFFFF;
    margin-top: 25px;
    padding-left: 20px;
}
	
.group-padding {
}

.game-categories-list {
	display: block;
    position: relative;
    height: 80px;
    margin-bottom: 10px;
}
	
.game-categories-category {
    float: left;
    border-left: 1px solid #A71924;
    border-right: 1px solid #A71924;
    border-bottom: 1px solid #A71924;
    padding-left: 0px;
    position: relative;
    min-height: 80px;
    width: 144px;
}

.game-categories-category-spacer {
	margin-left: 4px;
}

* .game-categories-category{
    height: 80px;
}

.game-categories-category-title {
	text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #A71924;
	color: #FFFFFF;
}

.game-categories-category-description {
  padding-left: 5px;
}

.game-categories-category-link {
    float: right;
    margin: 0px 14px 10px 0px;
}

.game-categories-category-icon {
	height: 30px;
	width: 30px;
	margin: 0px auto 0px auto;
}

.game-categories-actions {
	width: 596px;
}

.group-action-list {
	width: 596px;
}

/********************/
/* Galerie�bersicht */
/********************/
.gallery-overview {
    width: 596px;
}
.gallery-overvie-head {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #A71924;
    color: #FFFFFF;
    margin-top: 25px;
    padding-left: 20px;
}

.gallery-list {
    width: 596px;
    margin: 0px 0px 15px 0px;
}
.gallery-row {
    padding: 15px 15px 15px 15px;
    position: relative;
    border-right: solid 1px  #A71924;
    border-bottom: solid 1px  #A71924;
    border-left: solid 1px  #A71924;
}
.gallery-preview {
    /*padding: 0px 15px 0px 15px;*/
    display: block;
}
.gallery-content {
    display: block;
    float: right;
    width: 440px;
}
.gallery-caption {
    font-weight: bold;
    font-size: 1.2em;
}

/*--------------------snippets--------------------*/

.infobox-hp {
/*    width: 100%;*/
    background-color: #f1eddb;
    border: solid 1px #a71924;
    padding: 15px;
}
.teaser-tabelle-box{
}
/*galery*/
.galerie_box_container {
    margin:20px 0px 0px 0px ;
    width:593px;
}
.galerie_box {
    margin:0px 0px 0px 0px ;
    background-color: #ECF5EA;
    display:block;
}
.galerie_boxtop {
    background:url(img/box_top.gif) top right no-repeat;
    width: 593px;
    height: 15px ;
}
.galerie_boxbottom {
    background:url(img/box_bottom.gif) bottom right no-repeat;
    width: 593px;
    height: 15px ;
}
.galerie_text {
    margin-left:190px;
    margin-right: 15px;
    line-height: 17px;
}
 .galerie_bild {
   margin-left: 15px;
    background-color: #ECF5EA;
    float: left;
}
.col3-teaser_box{
  width: 593px;
  border: solid 1px red;
}
.col3-teaser_left{
  width: 185px;
  margin-right:20px;
  overflow: hidden;
  float: left;
  background-color: #cccccc;
}
.col3-teaser_right{
  width: 388px;
  float: left;
  /*height: 282;*/
}
.col3-teaser_right_img{
  color: #ffffff;
  font-size: 20px; line-height: 25px;
/*  background-color: #A71924;*/
  overflow: hidden;
  padding: 20px;
}
.col3-teaser_right_txt{
  padding-top: 5px;
  overflow: hidden;
}
/*--------------------Tabbox--------------------*/
#tabContainer{
    position:relative;
    width:auto;
}
#tabMenu{
  position:relative;
  height:35px;
}
#tabContent{
  position:relative;
  width: 598px;
  background: url(img/shaddow_teaser_content_bg.png) repeat-y scroll 0 0 transparent;
  height:275px;
  font:12px;
  font-family: Arial,Verdana,sans-serif;
  line-height: 17px;
  color:#444444;
  overflow:auto;
}
#tabBottom{
    width: 598px;
    height: 6px;
    background: url(img/shaddow_teaser_content_bottom.png) repeat-y scroll 0 0 transparent;
    margin-bottom: 20px;
}


#tabContent .content{
  display:none;
}
#tabContent .active{
    margin-left: 4px;
    margin-right: 5px;
    display:block;
    width: auto;
}
#tabContent div#twitter.content.active{
  border-top:10px solid #65c8e8;
}
#tabContent div#facebook.content.active{
  border-top:10px solid #4a6dac;
}
#tabContent div#flickr.content.active{
  border-top:10px solid #ff2e96;
}
#tabContent div#posterous.content.active{
  border-top:10px solid #ff6600;
}
#tabContent div#youtube.content.active{
  border-top:10px solid #e6383d;
}
/* Tab menu styles generated via the horitontal menu builder @ www.cssmenubuilder.com */
.menu{
  margin:0 auto;
  padding:0;
  width:100%;
  display:block;
}
.menu li{
  padding:0;
  margin:0;
  list-style:none;
  display:inline;
}
.menu li a{
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    height: 35px;
    margin-left: 4px;
    overflow: hidden;
    text-decoration: none;
    width: 116px;
}
.menu li a.first{
    margin-left: 1px;
}
.menu li a.twitter{
    background:url('img/tab_twitter_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.twitter:hover,
.menu li a.twitter.active{
    background:url('img/tab_twitter_hover_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.facebook{
    background:url('img/tab_fb_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.facebook:hover,
.menu li a.facebook.active{
    background:url('img/tab_fb_hover_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.flickr{
    background:url('img/tab_flickr_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.flickr:hover,
.menu li a.flickr.active{
    background:url('img/tab_flickr_hover_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.posterous{
    background:url('img/tab_posterous_bg.png') 0 0 no-repeat scroll yellow;
}
.menu li a.posterous:hover,
.menu li a.posterous.active{
    background:url('img/tab_posterous_hover_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.youtube{
    background:url('img/tab_youtube_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a.youtube:hover,
.menu li a.youtube.active{
    background:url('img/tab_youtube_hover_bg.png') 0 0 no-repeat scroll transparent;
}
.menu li a span{
}
.menu li a:hover{

}
.menu li a:hover span{

}
.menu li a.active, .menu li a.active:hover{

}
.menu li a.active span, .menu li a.active:hover span{
/*  background:url('topMenuImages.png') 100% -90px no-repeat;*/
}


/*-----Twitter-----*/
#twitter.content table.table_twitter{
    font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    width: 100%;
}
.table_twitter tbody tr:nth-child(2n+1) {
    background-color: #E5F2F7;
}
.table_twitter tbody tr td{
    border-bottom: 1px solid #EBEBEB;
    padding: 7px 5px;
}
.table_twitter tbody tr td.date p{
    font: 11px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    font-weight: bold;
}
.table_twitter tbody tr td a{
    color: #0084B4;
    text-decoration: none;
}
.table_twitter tbody tr td a:hover{
    text-decoration: underline;
}
/*-----Facebook-----*/
#facebook.content{
  padding: 5px;
}
#facebook.content table.table_facebook{

}
.table_facebook tbody tr td{
    border-top: 1px solid #CCCCCC;
}
.table_facebook tbody tr td.image{
  padding: 3px;
}
.table_facebook tbody tr td.image p a img{
    width: 50px;
}
.table_facebook tbody tr td.message{
  padding: 3px;
}
.table_facebook tbody tr td.message a h4{
    color: #3B5998;
    font-size: 14px;
    font-weight: bold;
}
.table_facebook tbody tr td.message p.content{
color: red;
}
.table_facebook tbody tr td.message p.posts{
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}
.table_facebook tbody tr td.message p.posts a img{
    width: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
.table_facebook tbody tr td.message p.posts span.title a{
    color: #3B5998;
    font-weight: bold;
    text-decoration: none;
}
.table_facebook tbody tr td.message p.posts span.title a:hover{
    text-decoration: underline;
}
.table_facebook tbody tr td.message p.posts span.url-name{
  color: #999;
}
.table_facebook tbody tr td.message div.stream-footer a,
.table_facebook tbody tr td.message div.stream-footer{
    margin-top: 7px;
    color: #6D84B4;
    text-decoration: none;
    margin-right: 20px;
    font-size: 11px;
}
.table_facebook tbody tr td.message div.stream-footer a:hover{
    text-decoration: underline;
}

/*-----Flickr-----*/

.table_flickr{
  table-layout: fixed;
  width: 100%;
}
.table_flickr tbody tr td p a{
    color: #0063DC;
    font-weight: bold;
    text-decoration: none;
}
table.table_flickr tbody tr td{
    border-bottom: 1px solid #EBEBEB;
    padding: 7px 5px;
}
table.table_flickr tbody tr td.date p{
    font: 11px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    font-weight: bold;
}
.table_flickr tbody tr td p a img{
  width: 100px;
    height: auto;
}
/*-----Pposterous-----*/
#posterous.content table.table_posterous{
    font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    width: 100%;
}
.table_posterous tbody tr:nth-child(2n+1) {
    background-color: #fff3eb;
}
.table_posterous tbody tr td{
    border-bottom: 1px solid #EBEBEB;
    padding: 7px 5px;
}
.table_posterous tbody tr td.date p.date{
    font: 11px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    font-weight: bold;
    color: #444;
}
.table_posterous tbody tr td a{
    color: #EE8C00;
    text-decoration: none;
}
.table_posterous tbody tr td a:hover{
    text-decoration: underline;
}
.table_posterous tr td p.user a{
    color: #AA803D;
}
.table_posterous tr td h4.title{
  margin-bottom: 0;
  font-size: 12px;
}
.table_posterous tbody tr td p{
    font-size: 11px;
}
.table_posterous tbody tr td p iframe{
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 250px;
}


.table_posterous tr td p.desc{

}
.table_posterous tbody tr td img.p_embed{
    float: left;
    height: auto;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 100px;
}


/*-----youtube-----*/
#youtube.content table.video-playlist{

}

table.video-playlist tbody tr:nth-child(2n+1) {
    /*background-color: #bbddac*/;
}
table.video-playlist tbody tr td {
    padding: 5px;
}
table.video-playlist tbody tr td.video-data,
table.video-playlist tbody tr td.video-thumb {
    border-bottom: 1px solid #BBBBBB;
}
table.video-playlist tbody tr td.video-thumb a img {
    border: 1px solid #CCCCCC;
    padding: 5px;
}
table.video-playlist tbody tr td.video-title a{
    color: #000;
    /*color: #274E13;*/
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    text-decoration: none;
}


table.video-playlist tbody tr td.video-data {
    color: #666666;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
}

.termin-success, .termin-warning {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.termin-success {
color: #4F8A10;
background-color: #DFF2BF;
/*background-image:url('success.png');*/
}
.termin-warning {
color: #9F6000;
background-color: #FEEFB3;
/*background-image: url('warning.png');*/
}