/* project: internet music template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
  
body { 
 padding: 0; 
 margin: 0; 
 font: 0.74em Arial, Helvetica, sans-serif; 
 line-height: 1.5em;
 background: #fff; 
 color: #454545; 
}

a {
 color: #4A8EBC; 
 background: inherit;
}

a:hover {
 color: #C3593C;
 background: inherit; 
}

a.title {
 color: #FE6700;
 background: #FFF;
}

h1 {
 font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing: -1px; 
 padding: 2px 0 0 0px;
 margin: 0;
 color: #464548;
 background: inherit;
}

h1 a, h2 a {
 text-decoration: none;
 color: #464548;
 background: inherit;
}

h1 a:hover, h2 a:hover {
 color: #C3593C;
 background: #FFF;
}

h1 .red{
 color: #C3593C;
 background: inherit;
}
h1 .blue{
 color: blue;
 background: inherit;
}


h2 { 
 margin: 0px 0px 5px 0px; 
 padding: 0px; 
 font: bold 1.5em Arial, Helvetica, sans-serif;
 letter-spacing: -1px;
 color: #000; 
 background: inherit;
}

h2 .yellow{
 color: #FFFCD1;
 background: inherit;
}

p { margin: 0px 0px 5px 0px;  }

.left_articles p {
 font-size: 1em;
 margin-top:1em;
}

p.Bildunterschrift
{
 font-size:.6em;
}

.frage {color:#000000;}
.antwort {color:#000B9A;}


ul { 
 margin: 0px; 
 padding : 0px; 
 list-style : none; 
}

form { 
 margin: 0; 
}

input.search { 
 width: 145px; 
 height: 22px;
 border: none;
 background: #fff url(/images/input.gif) no-repeat; 
 padding: 5px 10px 0 25px;
 color: #808080;
}

input.button {
 border: 0;
 height: 27px;
 width: 76px;
 background: #ABC43C url(/images/button.gif) no-repeat;
 color: #FFF;
 font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login { 
 width: 150px;
 border: none; 
 background: url(/images/logininput.gif); 
 padding: 4px; 
}

/* layout
   ------ */

.content { 
  font-size: 115%;
 margin: 10px auto;
 width: 776px; 
}

.logo {
 float: left;
 width: 180px;
 padding: 10px 0 11px 10px;
}

.header_right {
 float: right;
 width: 550px;
 height: 72px;
}

.logo p {
 font-size: 0.9em;
 color: #808080;
 padding: 0 0 0 7px;
 background: inherit;
}


.top_info 
{
 background: #fff url(/images/dot.gif) bottom repeat-x;
 margin: 12px 0 5px 0;
 width: 540px;
 padding: 0 5px 5px 0;
 text-align: right;
 color: #444;
}
 

.slogan {
 text-align: right;
 width: 160px;
}


.bar { 
 text-align: right;
 font-size: 1.1em;
 height: 30px; 
}

 .bar li { 
  
  padding: 0px 10px 8px 10px;
  color: #808080;
  background: #FFF;
  display: inline;
 }
 
 .bar li.active { 
  background: #FFF url(/images/bar.gif) no-repeat center bottom; 
  color: #C3593C;
  font-weight: bold; 
  padding-bottom: 8px; 
 }

 .bar a { 
  font-weight: bold;
  color: #4A8EBC; 
  background: inherit; 
 } 

.search_field { 
 text-align: right;
 float: right;
 width: 556px;
 height: 38px;
 background: #464548 url(/images/searchbg.gif) no-repeat top right; 
 color: #000;
 clear: both;
 padding: 10px 10px 0 0;
}

.grey {
 font-size: 1.2em;
 font-weight: bold;
 color: #ccc;
 background: inherit;
 
}

.search {
 font-size: 1.2em;
 font-weight: bold;
 color: #FFF;
 background: inherit; 
}

.wichtig {
 border: 1px solid #00008B;
 background: #FFFFE0;
 padding: 4px;
 margin: 4px;
 color:#00008B;
}

img.cclogo
{
 margin-top:-12px;
}

div.cclogo {
 float: left;
 height: 33px;
 padding: 15px 0 0 15px;
 width: 192px;
 background: #6E6E6E url(/images/newsletterbg.gif) no-repeat;
 color: #FFF;
 margin: 0 0 3px 0;
}

.subheader {
 clear: both;
 margin: 3px 0 10px 0;
 padding: 8px;
 background: #f4f4f4;
 color: #808080;
 border-bottom: 1px solid #ccc;
}


.subheader p {
 font-size: 0.9em;
 color: #808080;
 padding: 0 0 0 7px;
 background: inherit;
}

/* leinwand */

leinwand
{
 width : 776px;
 margin: 0 0 10px 0;
}

.leinwandt {
  height: 10px;
  background: #6E6E6E url(/images/leinwandt.gif) no-repeat;
  color: #FFF;
 }
 
.leinwandbox {
  color: #eee;
  padding: 6px 16px;
  margin: 0 0 30px 0;
  background: #6E6E6E url(/images/leinwandb.gif) no-repeat bottom left;
  height: auto;
 }

/* left side
   --------- */

.left {
 float: left;
 width: 490px;
 margin: 0 0 10px 0;
}

.left_articles {
  margin: 0 0 15px 0;
  padding: 0 0 0 10px;
 }

 .lt {
  height: 10px;
  background: #6E6E6E url(/images/lt.gif) no-repeat;
  color: #FFF;
 }
 
 .lbox {
  color: #eee;
  padding: 3px 12px;
  margin: 0 0 15px 0;
  background: #6E6E6E url(/images/lb.gif) no-repeat bottom left;
  height: auto;
 }
 
 .lbox a {
  color: #FFFCD1;
 }
 
 .lbox h2 {
  color: #FFF;
  background: #6E6E6E;
 }
 
.galWebImage {
 border: 1px solid #888888;
 text-align:center;
 background:#404040;
 margin: 0 6px 6px 0;
 padding: 2px;
} 

.WebImage
 {
 border: 1px solid #fff;
 color: #fff;
 padding: 1px;
 margin-bottom:6px;
}
 
.galthumb {
 float: left;
 width:230px;
 height: 228px;
 border: 1px solid #888888;
 text-align:center;
 background:#404040;
 margin: 0 6px 6px 0;
 padding: 2px;
} 

.thumb02 
 {
 border: 1px solid #d4d4d4;
 color: #fff;
 background: #000;
 margin: 12px 12px 1px 12px;
 padding: 2px;
}
 
.thumb {
 float: left;
 width: auto;
 height: auto;
 border: 1px solid #d4d4d4;
 color: #fff;
 background: #000;
 margin: 0 12px 15px 0;
 padding: 2px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
 
/* right side
   ---------- */

  
.right {
 float: right;
 width: 245px;
 margin: 0 0 10px 0;
}

.ImgRight {
float: right;
 margin: 0 0 10px 0;
}

.right a {
 color: #FFFCD1;
 background: inherit;
}


.right h1 {
 font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing: -1px; 
 padding: 2px 0 0 0px;
 margin: 0;
 color: #464548;
 background: inherit;
}

.right h2 {
 font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing: -1px; 
 padding: 2px 0 0 0px;
 margin: 0;
 color: #464548;
 background: inherit;
}

.right h1 a, h2 a {
 text-decoration: none;
 color: #464548;
 background: inherit;
}

  
 .rt {
  background: #C85E35 url(/images/rt.gif) no-repeat;
  color: #FFF;
  height: 7px;
 }
  
 .right_articles {
  background: #C85E35 url(/images/rb.gif) bottom no-repeat;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #FEE1D5;
  padding: 4px 8px; 
  margin: 0 0 10px 0;
 }
 
 
.rthw {
  background: url(/images/rthinweis.gif) no-repeat;
  background-color:#FFFFE0;
  color: black;
  height: 7px;
 }
  
.right_hinweis {
  background: url(/images/rbhinweis.gif) bottom no-repeat;
  background-color:#FFFFE0;  font-size: 0.9em;
  line-height: 1.3em;
  color: black;
  padding: 4px 8px; 
  margin: 0 0 10px 0;
 }
 
 
 .rtcloud 
 {
  background: url(/images/rthinweis.gif) no-repeat;
  background-color:#FFFFE0;
  color: black;
  height: 7px;
 }
  
 .right_cloud
 {
  background: url(/images/rbhinweis.gif) bottom no-repeat;
  background-color:#FFFFE0;  font-size: 0.9em;
  line-height: 1.3em;
  color: black;
  padding: 4px 8px; 
  margin: 0 0 10px 0;
 }

 .right_cloud a.CloudXL
 {
  font-size: 1.8em;
  color:#242DA6;
  margin: .5em;
  line-height:1.4em;
 }
 .right_cloud a.CloudL
 {
  font-size: 1.2em;
  color:#A62455;
  line-height:1.2em;
 }
 .right_cloud a.CloudM
 {
  font-size: 1em;
  color:#179307;
  line-height:1em;
 }
 .right_cloud a.CloudS
 {
  font-size: .9em;
  color:#67624F;
  margin: .3em;
  line-height:0.8em;
 }
 
   
.image {
 float: left;
 margin: 0 9px 3px 0;
}

/* footer */

.footer { 
 clear: both; 
 text-align: center;
 font-size: .9em;
 line-height: 1.6em;
 color: #808080;
 background: #FFF url(/images/dot.gif) repeat-x;
 padding: 8px 0;
}

.footer a {
 color: #C3593C;
 background: inherit;
}