/*
    capringo.de
    type: stylesheet
    description: basic styles for all browsers with default values but without positioning
    last edited: 12.2006, B.Schulte

    (c) IT-Service & Consulting C.Wesch u. B.Schulte 2006. All rights reserved.
*/

* {margin:0; padding:0;}
  
/* images */
img {border: none; margin:0; padding:0;}

html, body {height:100%;}

body {
  background-color:#ffffff;
  color:#000000;
  font-size:100%;
  font-family:verdana,arial,serif;
  font-style:normal;
  line-height:.9em;
  text-align:center; /* horizontal centering for IE Win quirks */
  }

#distance {
  width:1px;
  height:50%;
  background-color:#fc6;
  margin-bottom:-19.75em; /* half of container's height */
  float:left;
  }

#container {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  height:41em;
  width:60em;
  clear:left;
  background-color: #ffffff;
  border-right:4px solid #ffffff;
  border-top:3px solid #ffffff;
}

/* *** bar: menu left side *** */
#container #barMenu { padding-top:.2em; float:left; clear:none; display:inline; }

/* *** bar: description (right side) *** */
#container #barDescription { margin-left:51em; width:9em; }

/* ************** the content area: normal and wide width ************** */
#container .content { float:left; clear:none;}
#container .contentText {/* defines the main content text area */
	padding-left: .8em;
	padding-top: .5em;
	line-height:1.2em;
}
#container #contentTextWide {width:55em;} /* the wide content screen */
#container .contentText .contentIndentI {padding-left:.5em;} /* the content text indent */
#container .contentText .contentIndentII {font-size:80%; padding-left:.5em; padding-top:.8em;} /* the content text indent */
#container .contentText .context {padding-bottom:2em;}
#container .contentText .paragraphS {padding-top:.3em; padding-bottom:.6em;}
#container .contentText .paragraphL {padding-top:2em; padding-bottom:.6em;}
#container .contentText .spacer {height:1.5em;}
#container .contentText .subparagraph {padding-left:2em;}

/* ****************** info box ******************** */
.infoBoxContainer {float:left; clear:left; width:100%; padding-left:1.5em; margin-bottom:.6em;}
.infoBoxLine {float:left; clear:none; display:inline; /*background-color:#77DE00;*/ width:30%; }
#infoBoxLinks {padding-top:.7em; margin-bottom:1em; text-align:left; }
#infoBoxLinks .textlink {line-height:1.7em; font-size:85%; font-weight:bold;}
.infoBox {float:left; clear:none; margin-top:1em; background:transparent; width:13em; color:#454545; padding:0;} /* hier wird die Boxweite geändert */
.infoBox h4 {line-height:1em; font-weight:bold; color:#006052; font-size:118%; text-decoration:underline; text-align:center; padding-bottom:.4em;}
.infoBox p {padding:5px; margin:0; line-height:1.5em;}
.infoBox .textCenter {text-align:center; margin-top:.5em; font-weight:bold;}
.infoBox a {float:right; padding-right:5%; }
.infoBox .top, .infoBox .bottom {display:block; background:transparent; font-size:1px;}
.infoBox .b1, .infoBox .b2, .infoBox .b3, .infoBox .b4, .infoBox .b1b, .infoBox .b2b, .infoBox .b3b, .infoBox .b4b {display:block; overflow:hidden;}
.infoBox .b1, .infoBox .b2, .infoBox .b3, .infoBox .b1b, .infoBox .b2b, .infoBox .b3b {height:1px;}
.infoBox .b2 {background:#F9F2DD; border-left:1px solid #F9F2DD; border-right:1px solid #F9F2DD;}
.infoBox .b3 {background:#F9F2DD; border-left:1px solid #F9F2DD; border-right:1px solid #F9F2DD;}
.infoBox .b4 {background:#F9F2DD; border-left:1px solid #F9F2DD; border-right:1px solid #E3CCA2;}
.infoBox .b4b {background:#F9F2DD; border-left:1px solid #F9F2DD; border-right:1px solid #E3CCA2;}
.infoBox .b3b {background:#F9F2DD; border-left:1px solid #E3CCA2; border-right:1px solid #E3CCA2;}
.infoBox .b2b {background:#F9F2DD; border-left:1px solid #E3CCA2; border-right:1px solid #E3CCA2;}
.infoBox .b1 {margin:0 5px; background:#F9F2DD;}
.infoBox .b2, .infoBox .b2b {margin:0 3px; border-width:0 2px;}
.infoBox .b3, .infoBox .b3b {margin:0 2px;}
.infoBox .b4, .infoBox .b4b {height:2px; margin:0 1px;}
.infoBox .b1b {margin:0 5px; background:#E3CCA2;}
.infoBox .boxcontent { font-size:75%; height:10em; padding-left:5%; padding-right:3%; background:#F9F2DD; border-left:1px solid #F9F2DD; border-right:1px solid #E3CCA2;}
#leftBox {padding-right:2.2em;}
#topTeaserBG #header1 {color:#CC3333; font-weight:bold; font-size:130%; text-align:center; line-height:2em;}
#topTeaserBG #header2 {line-height:1.1em; padding-bottom:.3em; font-weight:bold; font-size:113%; text-align:center; color:#006052;}        
#topTeaserBG .b2 {background:#E3CCA2;}
#topTeaserBG .b3 {background:#E3CCA2;}
#topTeaserBG .b4 {background:#E3CCA2;}
#topTeaserBG .b4b {background:#E3CCA2;}
#topTeaserBG .b3b {background:#E3CCA2;}
#topTeaserBG .b2b {background:#E3CCA2;}


/* ****************** head capringo bars ******************** */
.imageLine {background: transparent; color:#454545; padding:0; /*margin-top:.2em;*/}/* hier wird die Boxweite geändert */
.imageLine .top, .imageLine .bottom {display:block; background:transparent; font-size:1px;}
.imageLine .b1, .imageLine .b2, .imageLine .b3, .imageLine .b4, .imageLine .b1b, .imageLine .b2b, .imageLine .b3b, .imageLine .b4b {display:block; overflow:hidden;}
.imageLine .b1, .imageLine .b2, .imageLine .b3, .imageLine .b1b, .imageLine .b2b, .imageLine .b3b {height:1px;}
.imageLine .b2 {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.imageLine .b3 {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.imageLine .b4 {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.imageLine .b4b {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.imageLine .b3b {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.imageLine .b2b {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.imageLine .b1 {margin:0 5px; background:#006052;}
.imageLine .b2, .imageLine .b2b {margin:0 3px; border-width:0 2px;}
.imageLine .b3, .imageLine .b3b {margin:0 2px;}
.imageLine .b4, .imageLine .b4b {height:2px; margin:0 1px;}
.imageLine .b1b {margin:0 5px; background:#006052;}
.imageLine .boxcontent {display:block; background-color:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052; text-align:right;}

/* ****************** head capringo bars ******************** */
.barCapringo {width:60em; clear:none; background: transparent; color:#454545; padding:0; margin-top:.1em; }
.barCapringo .top, .barCapringo .bottom {display:block; background:transparent; font-size:1px;}
.barCapringo .b1, .barCapringo .b2, .barCapringo .b3, .barCapringo .b4, .barCapringo .b1b, .barCapringo .b2b, .barCapringo .b3b, .barCapringo .b4b {display:block; overflow:hidden;}
.barCapringo .b1, .barCapringo .b2, .barCapringo .b3, .barCapringo .b1b, .barCapringo .b2b, .barCapringo .b3b {height:1px;}
.barCapringo .b2 {background:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052;}
.barCapringo .b3 {background:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052;}
.barCapringo .b4 {background:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052;}
.barCapringo .b4b {background:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052;}
.barCapringo .b3b {background:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052;}
.barCapringo .b2b {background:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052;}
.barCapringo .b1 {margin:0 5px; background:#006052;}
.barCapringo .b2, .barCapringo .b2b {margin:0 3px; border-width:0 2px;}
.barCapringo .b3, .barCapringo .b3b {margin:0 2px;}
.barCapringo .b4, .barCapringo .b4b {height:2px; margin:0 1px;}
.barCapringo .b1b {margin:0 5px; background:#006052;}
.barCapringo .boxcontent {display:block; background-color:#F9F2DD; border-left:1px solid #006052; border-right:1px solid #006052; text-align:right;padding-right:.8em;line-height:1em;}

/* ****************** menue box left + right: border-design ******************** */
#menuUserLeft {margin-top:.2em;}
#menuUserRight {float:right; margin-top:.2em; }
#menuContent {height:24em;}  /* the hight of the menu box */
#menuFont {color:#000000;}  /* the hight of the font size-change menu box */
.menuUserStyle {background:transparent; width:8.8em; color:#454545;}/* hier wird die Boxweite geändert */
.menuUserStyle h6, .menuUserStyle p {margin:0;}
.menuUserStyle h6 {font-size:70%; line-height:1.3em; text-align:left; padding-left:.5em;}
.menuUserStyle h6 a {color:#454545; padding-left:.8em;}
.menuUserStyle p {padding:5px; margin:0; line-height:1.1em;}
.menuUserStyle .top, .menuUserStyle .bottom {display:block; background:transparent; font-size:1px;}
.menuUserStyle .b1, .menuUserStyle .b2, .menuUserStyle .b3, .menuUserStyle .b4, .menuUserStyle .b1b, .menuUserStyle .b2b, .menuUserStyle .b3b, .menuUserStyle .b4b {display:block; overflow:hidden;}
.menuUserStyle .b1, .menuUserStyle .b2, .menuUserStyle .b3, .menuUserStyle .b1b, .menuUserStyle .b2b, .menuUserStyle .b3b {height:1px;}
.menuUserStyle .b2 {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.menuUserStyle .b3 {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.menuUserStyle .b4 {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.menuUserStyle .b4b {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.menuUserStyle .b3b {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.menuUserStyle .b2b {background:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;}
.menuUserStyle .b1 {margin:0 5px; background:#006052;}
.menuUserStyle .b2, .menuUserStyle .b2b {margin:0 3px; border-width:0 2px;}
.menuUserStyle .b3, .menuUserStyle .b3b {margin:0 2px;}
.menuUserStyle .b4, .menuUserStyle .b4b {height:2px; margin:0 1px;}
.menuUserStyle .b1b {margin:0 5px; background:#006052;}
.menuUserStyle .boxcontent {background-color:#E3CCA2; border-left:1px solid #006052; border-right:1px solid #006052;text-align:center;}
.menuUserStyle .boxcontent input {width:97%;}

/* ****************** favorites ******************** */
.favoriteItems { margin:1em 0 0 .3em; } /* table definition */
.favoriteItems th { border-bottom:1px solid #000000;}
.favoriteItems td { border-bottom:1px solid #000000; padding:.2em 0 .2em;}
.favoriteItemHeader { font-weight:bold; font-size:90%; height:2em; vertical-align:top; }
.favoriteItem { height:5em; vertical-align:top; font-size:93%;}
.favoriteColumn1 { width:.8em; }
.favoriteColumn2 { width:3em; } 
.favoriteColumn2b {	width:13em; } /* teilnehmer */
.favoriteColumn3 { width:11em; } /* letzter Besuch */
.favoriteColumn4 { overflow:hidden; width:30em; line-height:1.35em; }

/* ****************** visitors ******************** */
.visitorItems { margin:1em 0 0 .3em;} /* table definition */
.visitorItems th { border-bottom:1px solid #000000;}
.visitorItems td { border-bottom:1px solid #000000; padding-top:.2em;}
.visitorItemHeader { font-weight:bold; font-size:90%; height:1.8em; vertical-align:top; }
.visitorItem { height:5em; vertical-align:top; font-size:93%;}
.visitorColumn1 { width:.8em; } /* checkbox */
.visitorColumn1b { width:4em; } /* image */
.visitorColumn2 { width:12em; } /* capname */
.visitorColumn3 { width:23em; } /* beschreibung*/
.visitorColumn4 { overflow:hidden; width:17em; line-height:1.35em; padding-left:.5em;}

/* ****************** inboxitems ******************** */
.inboxItems { margin:1em 0 0 .3em; } /* table definition */
.inboxItems th { border-bottom:1px solid #000000;}
.inboxItems td { border-bottom:1px solid #000000; padding:.3em 0 .2em;}
.inboxItemHeader { font-weight:bold; font-size:90%; height:1.8em; vertical-align:top; }
.inboxItem { height:5.3em; vertical-align:top; font-size:93%;}
.inboxColumn1 { width:.8em; } /* checkbox */
.inboxColumn2 { width:5em; } /* image */
.inboxColumn3 { width:12em; } /* capname */
.inboxColumn4 { overflow:hidden; width:17em; line-height:1.35em; } /* subject*/
.inboxColumn5 { width:12em; } /* empfangen/gesendet */
.inboxColumn6 { width:10em; } /* status */
.inboxColumn7 { width:10em; } /* status*/

/* ****************** search result ******************** */
.searchResultItems { margin:1em 0 0 .3em; table-layout:fixed;} /* table definition */
.searchResultItems th { border-bottom:1px solid #000000;}
.searchResultItems td { border-bottom:1px solid #000000; overflow:hidden; padding:.3em 0 .2em;}
.searchResultItemHeader { font-weight:bold; font-size:90%; height:1.8em; vertical-align:top; }
.searchResultItem { height:5em; vertical-align:top; font-size:93%;}
.searchResultColumn1 { width:1.2em; } /* checkbox */
.searchResultColumn1b { width:4.2em; } /* image */
.searchResultColumn2 { width:12em; } /* capname */
.searchResultColumn3 { width:12em; overflow:hidden;} /* beschreibung */
.searchResultColumn4 { width:13em; padding-left:.5em;} /* weitere daten */
.searchResultColumn5 { width:12em; overflow:hidden; line-height:1.35em; } /* handicap */