/*
CSS fuer Projekt TrickTail.de
Erstellt 11/2007
*/

/**************************************************************** Standards */
body{
   font-family: "trebuchet ms", serif;
   font-size: 101%;
   background: #000032;
   text-align: center;
   color: #010135;
}

a{
  color: #111111;
}

a:hover{
  color: #696acf;
}

a img {
   border:none;
}

h1{
   padding-bottom: 0.2em;
   font-family: arial,sans-serif;
   font-weight: 400;
   font-size: 1.6em;
   color: #536c71;
   border-bottom: 12px solid #dddddd;
}

h2{
   font-size: 1.2em;
   color: #586b7a;
}

h3{
   text-transform: uppercase;
   font-size: 0.9em;
   color: #5d6f73;
}

td{
font-size: 101%;
}

/***************************************************************** Container */

#all_1_col{
   width: 55.8em;
   margin: 0em auto;
   background: url(../img/bg_1_col.jpg);
   background-repeat: repeat-y;
}

#all_2_cols{
   width: 55.8em;
   margin: 0em auto;
   background: url(../img/bg_2_cols.jpg);
   background-repeat: repeat-y;
}

#all_3_cols{
   width: 55.8em;
   margin: 0em auto;
   background: url(../img/bg_3_cols.jpg);
   background-repeat: repeat-y;
}

#top{
  display: none;
   background: #010135;
   color: white;
   text-align: left;
   font-size: 0.7em;
   padding-left: 1em;
}

/************************************************ Header */

#header1{
   background: url(../img/banner1.jpg);
   background-repeat: no-repeat;
   height: 6.2em;
}

#header2{
   background: url(../img/banner2.jpg);
   background-repeat: no-repeat;
   height: 6.2em;
}

#header3{
   background: url(../img/banner3.jpg);
   background-repeat: no-repeat;
   height: 6.2em;
}

#header4{
   background: url(../img/banner4.jpg);
   background-repeat: no-repeat;
   height: 6.2em;
}

#header5{
   background: url(../img/banner5.jpg);
   background-repeat: no-repeat;
   height: 6.2em;
}

/************************************************ Navigation oben */

#navi_top{
   background: #010135;
   text-align: right;
   line-height: 1.8em;
   padding-bottom: 0.2em;
   padding-right:0.9em;
}

#navi_top span a{
   padding: 0em 0.4em;
   text-decoration: none;
   color: #F2F2F2;
}

#navi_top span a:hover {
   background: #1d1e85;
}

/************************************************ Navigation Libks */

#left_frame{
   float: left;
   width: 11em;
}

#left{
   padding: 0.8em;
   text-align: left;
   font-size: 0.8em;
}

#left span a{
   padding: 0em 0.4em;
   text-decoration: none;
   color: #1d1e85;
   display: block;
}

#left span a:hover {
   background: #1d1e85;
   color: #F2F2F2;
}


#navi_left{
   text-align: left;
   padding-left: 0.8em;
   padding-right: 0.8em;
   padding-top: 0.2em;
}

#navi_left a {
	text-decoration: none;
	color: #004080;
}
#navi_left a:hover {
   color: #56A3D6;
}

.menu1_level1_no {
  border-bottom: 0.1em solid #999999;
  background-color: #ecf4fb;
  font-size: 0.7em;
  padding-top: 0.2em;
  padding-left: 0.4em;
}

.menu1_level1_act {
  border-bottom: 0.1em solid #999999;
  background-color: #c5dff1;
  font-size: 0.7em;
  font-weight: bold;
  padding-top: 0.2em;
  padding-left: 1em;
}

.menu1_level2_no {
  border-bottom: 0.1em solid #999999;
  background-color: #ffffff;
  font-size: 0.7em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.6em;
}

.menu1_level2_act {
  border-bottom: 0.1em solid #999999;
  background-color: #ffffff;
  color: #004080;
  font-size: 0.7em;
  font-weight: bold;
  padding-top: 0.2em;
  padding-left: 0.6em;
}

/************************************************ Mittelbereiche */

#middle_frame_2_cols{
   float: left;
   width: 44.8em;
}

#middle_frame_3_cols{
   float: left;
   width: 33.8em;
}

#middle{
   padding: 10px 20px 10px 10px;   
   text-align: justify;
   font-size: 0.8em;
}

#middle img{
   border: 1px solid gray;
   margin: 0.2em 0.8em;
}

#middle td{
   font-size: 0.9em;
}

/************************************************ Rechts */

#right_frame{
   float: right;
   width: 11em;
}

#right{
   padding: 0.8em;
   text-align: left;
   font-size: 0.8em;
}

#right h1{
  font-family: arial,sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: #536c71;
  padding-top: 0.5em;
  border-bottom: 0.5em solid #dddddd;
}

/************************************************ Footer */

#footer{
   clear: both;
   background: #c5dff1;
   font-size: 0.7em;
   color: #010135;
   text-align: right;
   height: 1em;
   margin-left: 1.2em;
   margin-right: 0.575em;
   padding-bottom: 0.5em;
   padding-right: 0.5em;   
}

/*********************************************************************** RTE */

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
p.error1 { background-color: #cc0000; color: #ffffff }
p.rotHgr {background: red; color: white;}

span.roteSchrift { color: #cc0000 }
span.sehrGross { font-size: 1.5em }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/********************** Konfiguration der von TemplaVoila vorgegebenen Styles */

.csc-textpic-caption{
  font-size: 0.7em;
  text-align: right;
}

/************************************************ CSS fuer Extensions tt_news */

.news-latest-date{
  text-align: right;
  padding-right: 0.15em;
}

/******************************************* CSS fuer Extension ve_guestbook */

.tx-veguestbook-pi1 { 
  font-size:100%; 
}

.tx-guestbook-frame{
  /* muss noch angepasst werden */
}
    
.tx-veguestbook-pi1 p.tx-guestbook-form-error { 
  font-weight:bold; 
  color:#990000; 
} 
  
/* display of result count */ 
.tx-veguestbook-pi1 .tx-guestbook-result { 
  font-weight:bold; 
  float:left; 
} 

/* pagination */ 
.tx-veguestbook-pi1 .tx-guestbook-pagination { 
  font-size:75%; 
  font-weight:bold; 
  float:right; 
} 

/* styles for list mode */ 
.tx-veguestbook-pi1 h2.tx-guestbook-header { 
  clear:both; 
  border: 0.1em solid #c5dff1; 
  color: #010135;
  display:block; 
  font-size:100%; 
  font-weight:bold; 
  padding: 1em; 
  width: 35em; 
  }

.tx-veguestbook-pi1 .tx-guestbook-left { 
  float:left; 
  width:12em;  
  min-height:4em; 
  padding: 1em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-left { 
  height:4em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-left p { 
  color:#010135; 
} 

.tx-veguestbook-pi1 .tx-guestbook-right { 
  float:left; 
  width:21em; 
  background:#FFF; 
  padding: 1em; 
} 

/* styles for latest mode */ 
.tx-veguestbook-pi1 .tx-guestbook-latest p, .tx-veguestbook-pi1 .tx-guestbook-right p { 
  color:#010135; 
} 

.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date, .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date { 
  font-weight: bold; 
} 

.tx-veguestbook-pi1 .tx-guestbook-right h3 { 
  font-size:100%; 
  color:#990000; 
  font-weight:bold; 
  background:none; 
} 

.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment { 
  font-size:75%; 
  color:#010135;   
  font-style: italic; 
} 

.tx-veguestbook-pi1 .tx-guestbook-latest { 
  display:block; 
  padding:0.25em; 
  clear:both; 
} 

/* form styles */ 
.tx-veguestbook-pi1 .tx-guestbook-field { 
  clear:both; 
  width:100%; 
  display:block; 
  padding: 1em 0; 
} 

.tx-veguestbook-pi1 .tx-guestbook-field label { 
  clear: both; 
  display: block; 
  float: left; 
  width: 10em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med { 
  float:left; 
  width:10em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big { 
  float:left; 
  width:20em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea { 
  width: 30em; 
  display: block; 
  float: left; 
} 

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield { 
  color:#990000; 
} 

.tx-veguestbook-pi1 fieldset { 
  border:none; 
} 

.tx-veguestbook-pi1 legend { 
  display:none; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap { 
  float:left; 
  display:block; 
  background:#F7F7F7; 
  border:1px solid #CCC; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap { 
  margin-left:2.25em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap img { 
  float:left; 
  display:block; 
  padding-left:0.25em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap input { 
  float:left; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap label { 
  clear:both; 
  display:block; 
  float:none; 
  width:10em; 
  margin-bottom:0.5em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap p { 
  font-size:75%; 
  padding:0.25em; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap h3 { 
  display:none; 
} 

.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read { 
  color:#990000; 
} 

.tx-veguestbook-pi1 .tx-guestbook-clear { 
  clear:both; 
  display:block; 
} 

.tx-veguestbook-pi1 input.tx-guestbook-submit { 
  width:auto; 
  display:block; 
}

/******************************************** CSS fuer Extension damliteshow */

.tx-damliteshow-previewitem { 
float: left; 
margin-bottom: 20px; 
margin-right: 10px; 
 
} 

.tx-damliteshow-pi1, * html .tx-damliteshow-pi1 { 
min-height: 100px; 
} 

.tx-damliteshow-pi1:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 

.tx-damliteshow-previewimage { 
border: 0; 
padding-top: 5px; 
} 

.tx-damliteshow-previewimage img { 
padding: 5px; 
} 

.tx-damliteshow-previewtitle { 
padding-top: 5px; 
text-align: center; 
} 

.tx-damliteshow-pi1 a, .tx-damliteshow-pi1 a:hover, .tx-damliteshow-previewtitle, .tx-damliteshow-previewtitle a, .tx-damliteshow-previewtitle a:hover { 
border: 0; 
text-decoration: none; 
}
/******************************************** CSS fuer Extension sp_bettercontact */ 
.tx-spbettercontact-pi1{

}

#sp_bettercontact_info{

}
.sp_bettercontact_msg{
  padding: 0.3em;
}

#sp_bettercontact_name_container, #sp_bettercontact_telefon_container, #sp_bettercontact_fax_container, #sp_bettercontact_mail_container, #sp_bettercontact_anfrage_container, #sp_bettercontact_senden{
  clear: both;
}

#sp_bettercontact_senden{
  margin-left: 12em;
}  

#sp_bettercontact_hidden{

}

.sp_bettercontact_label{
  float:left; 
  width:10em;  
  padding: 0.5em;  
}