/*
# Typo3 CSS flexpool.biz
-----------------------------------------------
  Creation Date:  08.02.2006
  Author:         Benjamin Schmerfeld
  Projekt:        Flexpool
  Organization:   easycomputing eK
  URL:            http://www.easycomputing.de
-----------------------------------------------




/* 
---------------- // CONTENT // ----------------
*/


#left, #right, #ec-meta-navigation, #poweredby, #klick, #content-footer, #footer{
 display:none;
}

#gecko{

 width:400px;
 height:110px;
}

body , html 
{
 font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size:100.01%;
 background-color:#ffffff;
 margin:8px 0 10px 12px;
 padding:0;
 /*background-image:url(../../images/webhast_bg.jpg);
 background-repeat:no-repeat;
 background-position:100px 100px;*/
}

img {
 border:0 none;
 display:block;
 margin:0;
 padding:0;
}

h1 {  
 /*font-family:"Georgia", "Times New Roman", Times, serif;*/
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#3d4258;
 padding:0 0 4px 0;
 background-color:transparent;
 background-image:url(../../images/dotted_line.gif);
 background-position:bottom;
 background-repeat:repeat-x;
 margin:5px 0 10px 0;
 font-size:125%;
 font-weight:normal;
 letter-spacing:-0.5px;
 }
h2 { 
 font-size:0.79em;
 line-height:150%;
 padding:0;
 background-image:url();
 color:#3d4258;
 margin:10px 0 17px 0;
 font-weight:bold;
}
 
h3 {
 font-size:0.79em;
 padding:0;
 color:#557BA6;
 margin: 0 0 0 0;
 font-weight:bold;
}

h6 {
 margin:10px 0 20px 0;
 background-color:transparent;
 background-image:url(../../images/dotted_line.gif);
 background-position:bottom;
 background-repeat:repeat-x;
}

p,li{
 font-size:0.69em;
 line-height:150%;
 padding:0;
 background-image:url();
 color:#3d4258;
 margin:10px 0 17px 0;
 background-color:transparent;
}

li {
 margin:0;
}

ul{
 margin-left:10px;
 padding-left:10px;
}

code {font-size:14px;color:#0000ff;}
pre
{
 font-size:14px;
 color:#0000ff;
 padding:5px;
}

/* 
---------------- // HREF // ----------------
*/
a, a:hover, a:active, a:link, a:visited {
 color:#354E68;
}
a:link, a:visited{ 
  text-decoration:none;
}
a:active, a:hover{ 
 text-decoration:underline;
}


/* 
---------------- // Columns // ----------------
*/
#title {
 padding:5px;
 /*border-bottom:1px solid red;*/
 /*margin-bottom:20px;*/
 /*border:1px solid blue; */
 text-align:left;
 margin:0 0 3px 0;
}

#left {
 padding:5px;
 float:left;
 width:245px;
 /*border:1px solid blue;*/
 background-color:transparent;
 margin:0 1.75em 0 0;
 text-align:left;

}
#right {
 float:right;
 width:245px;
 margin:0 0.3em 0 0;
}
.menutitle
{
 font-weight:bold;
 border-top:1px dashed #000000;
 margin-top:15px;
}

#content {
 float:left;
 width:80%;
 min-width:300px; /*#########*/
 /*border:1px solid blue;*/
 /*overflow-x:hidden;*/
}
#content-top {
 text-transform:uppercase;
 letter-spacing:0.05em;
 padding:20px 0 0 0;
 font-variant:normal;
 font-size:0.69em;
 font-weight:bold;
 background-image:url();
}
#content-body{
 padding-top: 10px;
}

/* 
---------------- // METANAVIGATION // ----------------
*/
#ec-meta-navigation a {
 font-size:0.69em;
 color:#3d4258;
 margin:0 8px 0 8px;
 /*border:1px solid red;*/ 
}

.metanavigation-pipe {
 font-size:0.7em;
}


#ec-head-navigation {
 text-transform:uppercase;
 margin:8px 0 3px 0;
 /*background-image:url(images/head-logo1.gif);
 background-repeat:repeat-x;
 background-color:transparent;*/
 width:100%;
 min-width:940px; /*#########*/
 height:110px;
 border:0 none;
 font-weight:bold;
 /*border:1px solid red;*/
}


/*********************************************************/
/*                     Rootline      					 */
/*********************************************************/

#klick{
 background-image:url(../../images/bgora.jpg);
 background-repeat:repeat-x;
 background-color:transparent;
 margin:3px 0 3px 0;
 padding:3px 0 3px 3px;
 font-size:0.69em;
}
#klick a{ 
  color:#3d4258;
  text-decoration:none;
  margin:0 8px 0 8px;
 }
 
/*********************************************************/
/*        Tip-A-Friend - Mailformular 					 */
/*********************************************************/

.fontM{
 color:#3d4258; 
 font-size:0.69em;
 background-color:transparent;
 border:1px solid #cccccc;
}

.td-tip{
 border:1px solid #cccccc;
 background-color:transparent;
}

.tr-tip{
 background-color:transparent;
}
 
.inputM {
 width:200px;
 background-color: transparent;
 font-family: Verdana, Arial, Helvetica, Geneva, Swiss;
 font-size: 11px;
 border: 1px solid #5B81AA;
}

.input {
width:100px;
background-color: #eeeeee;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss;
font-size: 11px;
border: 1px solid #5B81AA;
}

 
/*********************************************************/
/*                     Content-Footer      				 */
/*********************************************************/


#content-footer{
  font-size:0.60em;
  background-image:url(../../images/dotted_line.gif);
  background-position:top;
  background-repeat:repeat-x;
  width:100%; 
  margin-bottom:15px;
  line-height:150%;
  padding-top:5px;
  color:#3d4258;
}

a.content:link, a.content:visited
{ 
 display:inline;
 text-decoration:none; 
}
a.content:active, a.content:hover
{ 
 display:inline;
 color:#090000;
 text-decoration:underline;
}

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

a.footer:link, a.footer:visited
{ 
 display:inline;
 text-decoration:none; 
}
a.footer:active, a.footer:hover
{ 
 display:inline;
 color:#090000;
 text-decoration:underline;
}

#footer {
 clear:both;
 width:99%;
 background-color:transparent;
 border:1px solid #8b8e9b;
 margin:10px 0 10px 0;
}

#footer div {
 text-align:center;
 border:2px solid #fff;
 font-size:0.69em;
 color:#3d4258;
 /* background-image:url(../ci-pic/footer.gif);*/
}

#footer div span {
 padding:0 0 0 12px;
}

/* abstaende bei uebersicht der posts */
div#tx_chcforum-pi1 div.tx-chcforum-pi1-singlePost {
 margin:10px 0 10px 0;
}

/* 
---------------- // ACCESSOIRES // ----------------
*/

.dotted-line {
 margin:3px 0 0 0;
 background-image:url(../../images/dotted_line.gif);
 height:1px;
 line-height:1px;
 font-size:1px;
 clear:both;
}

.disabled {
 display:none;
}

/* 
---------------- // TEASERSTYLES // ----------------
*/

.lh-box01 {
 background-color:#e2e3e6;margin:5px 0 0 0;width:240px;
}

.lh-teaser01 {
 background-color:#ffffff;border:1px solid #8b8e9b;width:235px;padding:0;margin:0;
}

.lh-teaser01-image {
 padding:4px;width:227px;border-bottom:1px solid #8b8e9b;
}

.more-box {
 position:relative;top:7px;text-align:right;
}

.more-link,a.more-link {
 text-transform:uppercase;display:inline;font-family:serif;font-weight:bold;font-size:0.69em;text-decoration:none;letter-spacing:1px;
}

.more-link-icon {
 display:inline;vertical-align:top;margin:0 4px 0 0;
}

.rounding-teaser01 {
 position:relative;left:228px;top:4px;
}

.shadow-padding-bottom {
 font-size:1px;width:3px;height:3px;background-color:#ffffff;
}

.shadow-padding-top {
 margin:0 0 0 -3px; padding:0; font-size:1px;width:3px;height:3px;background-color:#fff;float:right;
}

.teaser-header {
 border:0 none;
 border-bottom:1px solid #8b8e9b;
 background-image:url(../../images/teaser_top_background.gif);
 font-size:0.69em;
 font-weight:bold;
 color:#fff;
 text-transform:uppercase;
 height:20px;
 padding:6px 10px 0 15px;
 margin:0;
}
*>.teaser-header {
 clear:right;
}

.teaser-icon-top {
 float:left;margin:0 8px 0 0;
}

.teaser-text {
 font-size:0.69em;
 margin:8px 12px 0 12px;
 line-height:150%;
}

p.teaser-text a.more-link {
 text-transform:none;
 font-family:Verdana;
 font-size:0.95em;
 font-weight:normal;letter-spacing:0;
}


/*********************************************************/
/*                     MenüEbene 1     					 */
/*********************************************************/

/********  No ********/

a.menu1No 
{
 display:block;
 padding:3px;
 background-color:#3d4258;
 text-align:left;
 
 text-decoration:none;
 font-size:0.69em;
}

a.menu1No:link, a.menu1No:visited
{ 
 color:#3d4258;
 background-color:#D4DEE7;
 text-decoration:none; 
 /*background-image:url(../../images/dotted_line.gif);
 background-position:bottom;
 background-repeat:repeat-x;*/
 border-bottom:1px solid #999999;
}
a.menu1No:active, a.menu1No:hover
{ 
 color:#3d4258;
 background-color:#eeeeee;
 background-image:url(../../images/dotted_line.gif);
 background-position:bottom;
 background-repeat:repeat-x;
}

/********  Cur ********/

a.menu1Cur 
{
 display:block;
 padding:3px; 
 background-color:#ffffff;
 text-align:left;
 color:#ffffff;
 text-decoration:none;
 font-size:0.69em;
 font-weight:bold;
}
 
a.menu1Cur:link, a.menu1Cur:visited
{ 
 color:#ffffff;
 background-color:#829FBF;
 text-decoration:none; 
 border-bottom:1px solid #D4DEE7;
}
a.menu1Cur:active, a.menu1Cur:hover
{ 
 color:#ffffff;
 background-color:#A7BBD1;  
}
/********  Act ********/

a.menu1Act
{
 display:block;
 padding:3px;
 background-color:#3d4258;
 text-align:left;
 color:#ffffff;
 text-decoration:none;
 font-size:0.69em;
 font-weight:bold;
}

a.menu1Act:link, a.menu1Act:visited
{ 
 color:#ffffff;
 background-color:#399B01;
 text-decoration:none; 
 border-bottom:1px solid #D4DEE7;
}
a.menu1Act:active, a.menu1Act:hover
{ 
 color:#ffffff;
 background-color:#A7BBD1;  
 border-bottom:1px solid #D4DEE7;
}


/*********************************************************/
/*                     MenüEbene 2     					 */
/*********************************************************/

/******** No ********/

a.menu2No {
 display:block;
 padding:3px;
 padding-left:20px; 
 background-color:#829FBF;
 text-align:left;
 color:#ffffff;
 text-decoration:none;
 font-size:0.69em;
 background-image:url(../../images/bullet1_n_blue.gif);
 background-repeat:no-repeat;
 background-position: 6px 6px;
 border-bottom:1px solid #D4DEE7;
 }
 
 
a.menu2No:link, a.menu2No:visited
{ 
 color:#ffffff;
 background-color:#99B0CA;
 text-decoration:none; 

}
a.menu2No:active, a.menu2No:hover
{ 
 color:#ffffff;
 background-color:#B9C9DB;
}

/******** Cur ********/

a.menu2Cur {
 background-image:url(../../images/balken.gif);
 background-repeat:repeat-x;
 background-position: 0px 0px;
 background-color:#B9C9DB;
 border-bottom:1px solid #D4DEE7;
 color:#ffffff; 
 display:block;
 font-size:0.69em;
 padding:3px 6px 3px 20px;
 margin:0 0 0 0px;
 text-align:left;
 text-decoration:none;
}

a.menu2Cur:active, a.menu2Cur:hover, a.menu2Cur:link, a.menu2Cur:visited
{ 
 color:#ffffff;
 text-decoration:none;
}

/*********************************************************/
/*                     MenüEbene 3     					 */
/*********************************************************/

/******** No ********/

a.menu3No {
 display:block;
 padding:3px;
 padding-left:20px; 
 background-color:#829FBF;
 text-align:left;
 color:#ffffff;
 text-decoration:none;
 font-size:0.69em;
 background-image:url();
 background-repeat:no-repeat;
 background-position: 6px 6px;
 border-bottom:1px solid #D4DEE7;
 }
 
 
a.menu3No:link, a.menu3No:visited
{ 
 color:#ffffff;
 background-color:#99B0CA;
 text-decoration:none; 

}
a.menu3No:active, a.menu3No:hover
{ 
 color:#ffffff;
 background-color:#B9C9DB;
}

/******** Cur ********/

a.menu3Cur {
 background-image:url(../../images/balken.gif);
 background-repeat:repeat-x;
 background-position: 0px 0px;
 background-color:#B9C9DB;
 border-bottom:1px solid #D4DEE7;
 color:#ffffff; 
 display:block;
 font-size:0.69em;
 padding:3px 6px 3px 20px;
 margin:0 0 0 0px;
 text-align:left;
 text-decoration:none;
}

a.menu3Cur:active, a.menu3Cur:hover, a.menu3Cur:link, a.menu3Cur:visited
{ 
 color:#ffffff;
 text-decoration:none;
}

/*********************************************************/
/*                     MenüEbene 4     					 */
/*********************************************************/

/******** No ********/

a.menu4No {
 display:block;
 padding:3px;
 padding-left:34px; 
 background-color:#829FBF;
 text-align:left;
 color:#ffffff;
 text-decoration:none;
 font-size:0.69em;
 background-image:url(../../images/bullet1_n_blue.gif);
 background-repeat:no-repeat;
 background-position: 20px 6px;
 border-bottom:1px solid #D4DEE7;
 }
 
 
a.menu4No:link, a.menu4No:visited
{ 
 color:#ffffff;
 background-color:#99B0CA;
 text-decoration:none; 

}
a.menu4No:active, a.menu4No:hover
{ 
 color:#ffffff;
 background-color:#B9C9DB;
}

/******** Cur ********/

a.menu4Cur {
 background-image:url(../../images/balken.gif);
 background-repeat:repeat-x;
 background-position: 0px 0px;
 background-color:#B9C9DB;
 border-bottom:1px solid #D4DEE7;
 color:#ffffff; 
 display:block;
 font-size:0.69em;
 padding:3px 6px 3px 34px;
 margin:0 0 0 0px;
 text-align:left;
 text-decoration:none;
}

a.menu4Cur:active, a.menu4Cur:hover, a.menu4Cur:link, a.menu4Cur:visited
{ 
 color:#ffffff;
 text-decoration:none;
}


/*********************************************************/
/*                     S I T E M A P   					 */
/*********************************************************/

#sitemaptitel {
 font-size:0.75em;
 font-weight:bold;
 color : #FFFFFF;
 height : 18px;        
 background-color : #829FBF;
 text-align : center;
 vertical-align:middle;	 
} 

/******** Ebene 1 ********/

a.map_layer1:link, a.map_layer1:visited
{ 
 color:#456487;
 font-weight:bold;  
 text-decoration:none; 
 font-size:0.69em;
}
a.map_layer1:active, a.map_layer1:hover
{ 
 color:#456487;
 text-decoration:underline;
 font-size:0.69em;
}

/******** Ebene 2 ********/

.map_layer2{
  margin-left:15px;
}
a.map_layer2:link, a.map_layer2:visited
{ 
 display:block;
 padding:3px;
 padding-left:10px;
 border-top:1px solid #ffffff;
 background-color:#D4DEE7;
 text-align:left;
 margin-left:15px;
 color:#456487;
 text-decoration:none; 
 font-size:0.69em;
}
a.map_layer2:active, a.map_layer2:hover
{ 
 color:#456487;
 text-decoration:underline;
 font-size:0.69em;
}

/******** Ebene 3 ********/

.map_layer3{
  margin-left:15px;
}
a.map_layer3:link, a.map_layer3:visited
{ 
 display:block;
 padding:3px;
 padding-left:30px;
 border-top:1px solid #ffffff;
 background-color:#D4DEE7;
 text-align:left;
 margin-left:15px;
 color:#456487;
 text-decoration:none; 
 font-size:0.69em;
}
a.map_layer3:active, a.map_layer3:hover
{ 
 color:#456487;
 text-decoration:underline; 
 font-size:0.69em;
}

/******** Ebene 4 ********/

.map_layer4{
  margin-left:15px;
}
a.map_layer4:link, a.map_layer4:visited
{ 
 display:block;
 padding:3px;
 padding-left:50px;
 border-top:1px solid #ffffff;
 background-color:#D4DEE7;
 text-align:left;
 margin-left:15px;
 color:#456487;
 text-decoration:none; 
 font-size:0.69em;
}
a.map_layer4:active, a.map_layer4:hover
{ 
 color:#456487;
 text-decoration:underline; 
 font-size:0.69em;
}

/*********************************************************/
/*                 NewLoginBox		 					 */
/*********************************************************/

.login {
 margin:8px 12px 0 12px;
 color:#000000;
}
.loginSubmit {
 margin-top:3px;
 width:100%;
 background-color: #eeeeee;
 border: 1px solid #5B81AA;
 font-size:0.69em;
}

.loginSubmit2 {
 margin-top:3px;
 width:75px;
 background-color: #eeeeee;
 border: 1px solid #FF6600;
 font-size:0.69em;
}

.loginUserTitle{
 text-align:center;
 padding:2px; 
}
.loginUser{
 border-bottom:1px solid #eeeeee;
 border-top:1px solid #eeeeee;
 text-align:center;
 padding:2px;
 font-weight:normal;
 font-style:italic;
 font-size:0.72em;

}
.loginInput{
 width:90px;
 background-color:transparent;
 border: 1px solid #FF6600;
 padding:2px;
 font-size:0.69em;
}
a.loginPass:link, a.loginPass:visited
{ 
 color:#FF6600;
 text-decoration:underline; 
 font-size:10px;
 
}
a.loginPass:active, a.loginPass:hover
{ 
 color:#FF6600;
 text-decoration:none; 
 font-size:10px;
}

/*********************************************************/
/*                 Photobook		 					 */
/*********************************************************/

.photobook img, .tabel img{
 display:inline;
 border:0px;
}
.photobook{
 margin-bottom:20px;
}

/*********************************************************/
/*                 Handy Modul		 					 */
/*********************************************************/

.smsSubmit {
 margin-top:3px; 
 background-color: #eeeeee;
 border: 1px solid #5B81AA;
 font-size:1.00em;

}
.smsInput{
 width:140px;
 background-color:transparent;
 border: 1px solid #FF6600;
 padding:2px;
 font-size:1.00em;

}
.smsArea{
 width:220px;
 background-color:transparent;
 border: 1px solid #FF6600;
 padding:2px;
 font-size:1.00em;
 font-family:Verdana, Arial, Helvetica, sans-serif;

}

/*********************************************************/
/*                Suche Modul		 					 */
/*********************************************************/

.search {
 margin:8px 12px 0 12px;
 color:#000000;
}

.searchSubmit {
 margin-top:3px; 
 background-color: #eeeeee;
 border: 1px solid #5B81AA;
  font-size:0.69em;
 width:75px;

}

.searchInput {
 margin-top:3px; 
 background-color: #eeeeee;
 border: 1px solid #5B81AA;
 font-size:0.69em;
 width:200px;

}
/*********************************************************/
/*                 Temperatur Modul		 				 */
/*********************************************************/

.tempSubmit {
 margin-top:3px; 
 background-color: #eeeeee;
 border: 1px solid #5B81AA;
 font-size:1.00em;

}
.tempInput{
 width:20px;
 background-color:transparent;
 border: 1px solid #FF6600;
 padding:2px;
 font-size:1.00em;

}
.tempArea{
 width:220px;
 background-color:transparent;
 border: 1px solid #FF6600;
 padding:2px;
 font-size:1.00em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
 .tempTable{
 background-color: #ffffff;
 font-size:0.69em;
 font-family:Verdana, Arial, Helvetica, sans-serif;

}

/*********************************************************/
/*                      LINK	      					 */
/*********************************************************/

a.link:link, a.link:visited{ 
 
 font-weight:normal;
 color:#ff6600;
 text-decoration:none; 
 font-size:1.00em;
}
a.link:active, a.link:hover{ 
 
 font-weight:normal; 
 color:#ff6600;
 text-decoration:underline; 
 font-size:1.00em;
}

a.link_fett:link, a.link_fett:visited{ 
 
 font-weight:bold;
 color:#ff6600;
 text-decoration:none; 
 font-size:1.00em;
}
a.link_fett:active, a.link_fett:hover{ 
 
 font-weight:bold; 
 color:#ff6600;
 text-decoration:underline; 
 font-size:1.00em;
}