/* Start of CMSMS style sheet 'layout' */
* {
margin:0;
padding:0;
}


body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
}


div {
   font-size: 11px;
}


img {
   border: 0;
}


a,
a:link,
a:active,
a:visited {
   text-decoration: underline;
   background: none; 
   color: #000; 
}


a:hover {
   text-decoration: underline;
   background: none;
   color: #e2001a;
}



/*****************
basic layout 
*****************/

body {
   background: #c2d0ac;
   margin: 0;
   padding: 0;
}


div#pagewrapper {
   margin: 0 auto;
   width: 980px;
   overflow: hidden;
   padding: 0;
}


div#header {
   width: 980px;
   height: 81px;
   background: url(images/cms/design/header_bg.jpg);
   padding: 0;
   margin: 0;
   overflow: hidden;      
}


div#links {
   padding: 0;
   margin: 22px 11px 0 0;
   overflow: hidden;
   font-size: 11px;
   font-weight: normal;
   color: #fff;
   text-align: right;
}


div#links a,
div#links a:link,
div#links a:active,
div#links a:visited {
   font-size: 11px;
   font-weight: normal;
   color: #fff;
   text-decoration: none;
   background: none;
   padding: 0 10px 0 10px;
}


div#links a:hover {
   font-size: 11px;
   font-weight: normal;
   color: #000;
   text-decoration: none;
   background: none;
   padding: 0 10px 0 10px;
}


div#search {
   margin: 8px 20px 0 0;
   float: right;
   overflow: hidden;
}


#search_input {
   margin: 0;
   padding: 1px;
   height: 13px;
   width: 110px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color: #000;
   overflow: hidden;
   border: 1px #000 solid;
}


#search_button {
   margin: 0;
   width: 50px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color: #000;
   overflow: hidden;
   border: 1px #000 solid;
}


div#lang {
   margin: 10px 20px 0 0;
   float: right;
   overflow: hidden;
}


div#ani_border {
   width: 980px;
   height: 106px;
   background: url(images/cms/design/ani_bg.gif);
   padding: 0;
   margin: 0;
   overflow: hidden;
}


div#ani {
   width: 960px;
   height: 100px;
   padding: 0;
   margin: 0 10px 0 10px;
   overflow: hidden;
}


div#title {
   width: 980px;
   height: 20px;
   padding: 0;
   margin: 0;
   overflow: hidden;
}


div#title_navi {
   width: 138px;
   padding: 0;
   margin: 2px 0 0 20px;
   float: left;
   display: inline;
   font-size: 10px;
   font-weight: bold;
   color: #fff;
   overflow: hidden;
}


div#breadcrumbs {
   width: 460px;
   padding: 0;
   margin: 2px 0 0 30px;
   float: left;
   font-size: 10px;
   font-weight: normal;
   color: #fff;
   overflow: hidden;
}


div#breadcrumbs a,
div#breadcrumbs a:link,
div#breadcrumbs a:active,
div#breadcrumbs a:visited {
   font-size: 10px;
   font-weight: normal;
   color: #fff;
   text-decoration: underline;
   background: none;
}


div#breadcrumbs  a:hover {
   font-size: 10px;
   font-weight: normal;
   color: #000;
   text-decoration: underline;
   background: none;
}


div#main_border {
   width: 980px;
   padding: 0;
   margin: 0;
   clear: both;
   overflow: hidden;
}


div#main {
   width: 960px;
   padding: 0;
   margin: 0 10px 0 10px;
   overflow: hidden;
}


div#navi {
   width: 162px;
   padding: 0;
   margin: 0;
   float: left;
   display: inline;
   overflow: hidden;
}



div#club_login {
   background: url(images/cms/design/club_logo.jpg) no-repeat;
   margin: 0 10px 20px 10px;
   padding: 25px 5px 5px 5px;
   border: 1px #000 solid;
   text-align: center;
}


div#content {
   width: 768px;
   padding: 10px;
   margin: 0 0 0 168px;
}


div#rate_box {
   text-align: center;
   clear: both;
}


div#rate {
   border: 1px solid #000;
   width: 400px;
   padding: 5px;
   margin: 0;
}


div#rate_text {
   font-size: 9px;
}


#rtFieldset {
   border: 0;
   font-size: 9px;
}


div#rate input{
   margin: 0;
   font-size: 9px;
}


div#footer_border {
   width: 980px;
   height: 55px;
   padding: 0;
   margin: 0;
   overflow: hidden;
   clear: both;
}


div#footer {
   width: 960px;
   height: 30px;
   padding: 0;
   margin: 18px 10px 0 10px;
   overflow: hidden;
   font-size: 11px;
   font-weight: normal;
   color: #fff;
   text-align: center;
}


div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited {
   font-size: 11px;
   font-weight: normal;
   color: #fff;
   text-decoration: none;
   background: none;
   padding: 0 15px 0 15px;
}


div#footer a:hover {
   font-size: 11px;
   font-weight: normal;
   color: #000;
   text-decoration: none;
   background: none;
   padding: 0 15px 0 15px;
}



/********************
CONTENT STYLING
*********************/
div#content {
}

div#content h1,
div#content h2,
div#content h3 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 20px;
   font-weight: bold;
   color: #5b6d31;
   margin-bottom: 10px;
}

div#content h4 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 20px;
   font-weight: bold;
   color: #5b6d31;
   margin-bottom: 10px;
}

div#content h5 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
   font-weight: normal;
      color: #000;
   margin-bottom: 10px;
}

div#content h6 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
   font-weight: bold;
   color: #000;
   margin-bottom: 10px;
}


/* END HEADINGS */

/* TEXT */
p {
   font-size: 11px;
   margin: 0 0 10px 0;
   line-height: 16px;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {

   font-weight: bold;
}

em, i {
   font-style: italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}
/*****************
Layout_AVPlayer Listenansicht map
*****************/
dl {
float: left;
width: 100%;
}
dt {
clear: left;
margin: 0 0 0 0;
}
dt img {
float: left;
margin: 0 10px 10px 0;
border: solid 1px #ccc;
}
dd {
margin-left: 150px;
} 



/* END LISTS */
/* End of 'layout' */