/*
    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.
*/
/* *********************** global design specifications ********************** */

.line1Pix {
	width: 100%;	
	border-bottom: 1px solid #006052;
}
a.textlink {
	font-size:101%;
	color:#006052;
	text-decoration:underline;
	background-image:url(../images/bullet_textlink.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:1.3em;
	margin-left:0em;
}
a.standardlink {
	font-size: 101%;
	color: #006052;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: left center;
}
a { color: #000000; text-decoration: none;}
em {font-weight:bold; font-style:normal;}

.scrollable {overflow-x:hidden; overflow-y:scroll; height:35em; width:98%; padding-right:1em;}

option.length2 {min-width:1.5em;}
option.length4 {min-width:3em;}
option.length8 {min-width:4em;}
option.length10 {min-width:6em;}

.inputCheckbox { height:1.2em; width:1.2em; }
.alignLeft { text-align:left; float:left; clear:none;}
.alignCenter {
		text-align:center;
		float:left;
		clear:none;	
}

.alignRight { text-align:right; float:right; }
.noListStyleType {list-style-type:none;}
.inline {clear:none; float:left;}
.topPadding1 {padding-top:1em;}
.clear {clear:left;}
.inputRadio {margin-right:.3em;}
.redFont {color:#CC3333;}
.paddingLeft1 { padding-left:5%; }
.paddingLeft2 { padding-left:15%; }
.paddingLeft3 { padding-left:1.5%; }
.width4 {width:4em; float:left; clear:none; }
.width5 {width:5em; float:left; clear:none; }
.width6 {width:6em; float:left; clear:none; }
.width7 {width:7em; float:left; clear:none; }
.width8 {width:8em; float:left; clear:none; }
.width9 {width:9em; float:left; clear:none; }
.width10 {width:10em; float:left; clear:none; }
.height1 {height:1em;}
.height2 {height:2em;}
.height3 {height:3em;}
.indentCenter {width:100%; text-align:center; border:0; padding-top:.5em;}
.indentCenter ul {text-align:center;}
.indent1Column {border:0; padding-left:30%; padding-top:.5em;/*background-color: #f9f2dd;*/}
.indent2Column {border:0; padding-left:4%; padding-bottom:.5em; /*background-color: #f9f2dd;*/}
.indent2Column li {padding-bottom:.4em;}
.indentCentered {border:0; text-align:center;}
.indentCentered input {margin-left:2em;}
.indentTextlink {margin-left:1.5em;} /* indent of a text under a textlink */
.indentUL1Column .label {width:9em; text-align:left;}
#indentUL2Column1 {padding-right:1.5em; padding-bottom:.8em; float:left; clear:none; list-style-type:none;}
#indentUL2Column1 li {padding-left:.5em;}
#indentUL2Column1 label {width:9em; float:left; clear:none;}
#indentUL2Column1 select {margin-left:.5em; margin-right:.5em;}
#indentUL2Column1 input {margin-left:.5em; margin-right:.5em;}
#indentUL2Column2 {padding-bottom:1em; float:left; clear:none; list-style-type:none;}
#indentUL2Column2 li {padding-left:.5em;}
#indentUL2Column2 label {width:9em; float:left; clear:none;}
#indentUL2Column2 select {margin-left:.5em; margin-right:.5em;}
#indentUL2Column2 input {margin-left:.5em; margin-right:.5em;}
.ulListSpacer li {padding-bottom:.8em;}
.indentEmail {border:0; padding-bottom:1em; padding-top:.5em;}
.indentEmail label {width:9em; float:left; clear:none; }
.indentEmail li {padding-bottom:.8em;}
#selectionSex {text-align:center;}
.invisible {visibility:hidden; height:0px; } 

/* **************************** registartion pages *************************** */
#regEnterHandicap li {width:14em;}
#eingabeHandicap {width:29em; margin-top:.4em; height:2.5em;}
#eingabeAGB, #eingabePromo {height:3em; vertical-align:top; float:left; clear:none; margin:0 .4em 0 1em;}

/* **************************** profile edit *************************** */
.dataEditColumns {border:0; padding-left:1%;}
.dataEditColumns #indentUL2Column1 li {margin-bottom:.6em; padding-left:.5em;}
.dataEditColumns #indentUL2Column1 select {margin-left:.2em; margin-right:.2em;}
.dataEditColumns #indentUL2Column2 label {width:12em; float:left; clear:none;}
.dataEditColumns #indentUL2Column2 li {margin-bottom:.6em; padding-left:.5em;}
.dataEditColumns #indentEmailChange li {margin-bottom:.6em; padding-left:5em;}
.dataEditColumns #indentEmailChange .label {width:12em; float:left; clear:none;}
.picAccessColumns {border:0; padding-left:23%;}
.picAccessColumns #indentUL2Column1 .label {width:1em;}
.picAccessColumns #indentUL2Column2 .label {width:1em;}
.capname {text-decoration:underline; font-weight:bold;}
.passwordEditColumns {border:0; padding-top:.4em; }
.passwordEditColumns .indentUL1Column li {margin-bottom:.8em; padding-left:13em;}
.passwordEditColumns .indentUL1Column .label {width:14em; float:left; clear:none;}
#changePromo, #changeR4H {height:2em; vertical-align:top; float:left; clear:none; margin:0 .6em 0 3em;}


/* message write/read */
.emailContainer {width:100%; padding-top:1em;}
.emailContainer .label {font-weight: bold;}
.emailContainer .contact {width:9em; overflow:hidden;height:20em; float:left; clear:none; padding-left:1em;}
.emailContainer .textread {}
.emailContainer .textread .area {width:37em; height:18em; background-color: #f9f2dd;}
.emailContainer .textwrite {border:0;}
.emailContainer .textwrite .label {width:10em; display:block; line-height:1.8em;}
.emailContainer .textwrite .area {width:34em; height:15em; background-color: #f9f2dd;}
.emailContainer .textwrite #eingabeBetreff {width:28em;}
.emailContainer .textwrite #eingabeEmpfaenger {width:28em;}

.buttonrot { font-size:80%; font-weight:bold; padding:.2em; color:#F1F0F0; text-decoration:none; background:#CC3333; text-align:center;}
.buttongreen { font-size:80%; font-weight:bold; padding:.2em; color:#F1F0F0; text-decoration:none; background:#006052; text-align:center;}

.online { color: #990000; font-weight: bold; line-height:1.6em;}

/* ********************** head line ********************** */
#headImage { width:60em; float:left; clear:none; padding-bottom:.1em; }

/* ***************** font-size menu ****************** */
#fontSizeBigger {font-size:130%; line-height:1.2em; letter-spacing:-.1em;}
#fontSizeBigger:hover {background-color:#ffffff;}
#fontSizeNormal {font-size:100%; letter-spacing:-.1em;}
#fontSizeNormal:hover {background-color:#ffffff;}
#fontSizeSmaller {font-size:70%; letter-spacing:-.1em;}
#fontSizeSmaller:hover {background-color:#ffffff;}

/* *********************** menu ********************** */
.menuLink {
	border: 1px solid #006052;
	padding-top: .2em; 
	padding-left: .6em;
	padding-bottom: .4em; 
	margin-bottom: .4em;
	display: block;
	height: 1.2em;
	width: 90%;
	color: #000000;
	font-size:82%; 
	font-weight:bold;
	background-color: #ffffff;
	text-align: left;
	text-decoration: none;
	background-repeat: repeat-y;
}
a.menuLink:hover{
	text-decoration: underline;
	background-image: url(../images/bullet_navi.gif);
}
a.menuLink:active{
	background-image: url(../images/bullet_navi.gif);
}
#menuPrivateBlock a.textlink {
	text-align:left;
	margin-left:.4em;
	display:block;
	font-size:90%;
}
#menuPrivateBlock h2 {background-color:#f9f2dd; font-weight:bold; text-align:center; font-size:95%;}

/* *********************** bar: capringo ********************** */
.barCapringo .link {
	padding-left:.5em; 
	padding-right:.4em; 
	text-decoration:none;
	color:#000000;
	font-size:82%;
	font-weight:bold;
	background-repeat:repeat-y;
}
.barCapringo .boxcontent {padding-bottom:.1em;}

/* *********************** description area ********************** */
.descriptionItem {padding-top:1em; float:left; clear:left; text-align:left; font-size:78%;} /* description info item */
.descriptionItem #bold {font-weight:bold;}
.descriptionItem .bold {font-weight:bold;}
.descriptionItem a.textlink {float:right; line-height:1.3em; padding-right:.5em;}
#loginBox {
	display:block;
	border:1px solid #006052;
	padding:.3em .3em .1em .3em;
	text-align:left;
	width:90%;
	background-color:#F9F2DD;
	font-size:85%;
	font-weight:bold;
	line-height:1.2em;
}
#loginBox a.textlink { float:right; font-size:88%; line-height:1.8em; padding-bottom:.5em;}
#loginBox #userName {line-height:2em;}
#loginBox #capnameFeld {margin-bottom:.3em;}
#loginBox #passwordFeld {margin-bottom:.3em;}

/* *********************** content area formattings ********************** */
#container .content h3 {
	font-size:104%;
}
#container .contentText ul {
	padding-left:.8em;
}
.bulletpoint {font-weight:bold; text-decoration:underline; line-height:25px;}
.bulletpointExtra {font-size:120%; font-style:italic;}
.errortext { padding-top:.8em; font-weight:bold; color:#ff0000;}
.errorlabel { color:#ff0000; }
.infotext { padding-top:.8em; font-weight:bold; color:#006052;}
.fett {
	font-weight: bold;
}
.contentPageHeadline {
	width: 100%;
	border-bottom: 1px solid #006052;
	line-height: 1.5em;
	font-size : 105%;
	font-weight: bold;	
}
#container .contentText h1 {
	border-bottom: 1px solid #006052;
	line-height: 1.2em;
	font-size : 105%;
	font-weight: bold;	
	width:100%;
	padding-bottom:1px;
}
#container .contentText h2 {
	font-size : 90%;
	font-weight: bold;	
	line-height: 1.4em;
	padding-bottom:.3em;
}
.contentPageHeadlineSub {
	font-size:102%;
	font-weight:bold;
	line-height:1.2em;	

	display:block;
	width:100%;
	padding-bottom:1.5em;
}
.contentPageHeadlineSub a {float:right; clear:none; margin:0.2em .5em 0 2.5em; }
.contentPageHeadlineSub h2 {float:left; clear:none; font-size:102%; font-weight:bold;}

.subbuttons {
	text-align:center;	
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	margin-top:1.3em;
}
.subbuttons .spacer {margin-left:3em;}
.subbutton_gelb {
	border-top: 1px solid #006052;
	border-right: 1px solid #006052;
	border-bottom: 1px solid #006052;
	border-left: 6px solid #cc3333;
	background-color: #f9f2dd;
	padding-left:.6em;
	padding-right:.6em;
	padding-bottom:.6em;
	padding-top:.5em;
	line-height:3em;
}

.subbutton_gelb_dis {
	border-top: 1px solid #9c999e;
	border-right: 1px solid #9c999e;
	border-bottom: 1px solid #9c999e;
	border-left: 6px solid #9c999e;
	color: #9c999e;
	font-weight: bold;
	padding-left:.6em;
	padding-right:.6em;
	padding-bottom:.6em;
	padding-top:.5em;
	line-height:3em;
}
.functionButtonLine {
  /* defines the border around the function button line */
	border: 1px solid #006052;
	margin-top:.2em;
	padding-top:.5em; 
	padding-left:.6em; 
	padding-bottom:.5em; 
	background-color:#f9f2dd;
	padding-right:1em;
}
#container .functionButtonActive {
	border-top: 1px solid #006052;
	border-right: 1px solid #006052;
	border-bottom: 1px solid #006052;
	border-left: 6px solid #cc3333;
	padding-top: .2em; 
	padding-right: .8em; 
	padding-left: .8em; 
	padding-bottom: .2em; 
	margin-top: .5em;
	margin-left: .5em;
	width: 9em;
	max-width: 9em;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
}

#container .functionButtonInactive {
	border-top: 1px solid #9c999e;
	border-right: 1px solid #9c999e;
	border-bottom: 1px solid #9c999e;
	border-left: 6px solid #9c999e;
	padding-top: .2em; 
	padding-right: .8em; 
	padding-left: .8em; 
	padding-bottom: .2em; 
	margin-top: .5em;
	margin-left: .5em;
	width: 9em;
	max-width: 9em;
	color: #9c999e;
	background-color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
}
.inboxEmpty { /* the text if inbox has no item */
	font-weight:bold;
  font-size:90%;
  text-align:center;
}

#loginAttentionImage {float:left; clear:none; margin:1em;}

/* *********************** scroll inbox items ********************** */
.itemScrollBar {line-height:1.8em; float:left; clear:none; width:54em; position:absolute; padding-top:.8em; top:35.8em; vertical-align:bottom;}
a.scrollLink {
	border:1px solid #006052;
	margin-top:.5em;
	margin-left:.5em;
	color:#000000;
	font-weight:bold;
	background-color:#ffffff;
	text-decoration:none;
}
#scrollLinkStart {
	text-align:right;
	padding-left:1.8em;
	padding-right:.3em;
	background-image:url(../images/bullet_anfang.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#scrollLinkEnd {
	text-align:left;
	padding-left:.3em;
	padding-right:1.7em;
	background-image: url(../images/bullet_ende.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#scrollLinkForward {
	text-align:left;
	padding-left:.3em;
	padding-right:1.8em;
	background-image: url(../images/bullet_weiter.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#scrollLinkBackward {
	text-align:right;
	padding-left:1.8em;
	padding-right:.3em;
	background-repeat:repeat-y;
	background-image: url(../images/bullet_zurueck.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#scrollPageCounter {
	text-align:center;
	padding-left:2em;
	width:35%;
	font-weight:bold;
}

/* *********************** profile menu ********************** */
.profileMain {
	list-style-type:none;	
	line-height:3.5em;
	padding-left:2em;
	width:20em; 
	float:left;
	clear:none;
}
.profileMain .fett {font-size:110%;}
.profileMain li {padding-left:1em;}

/* *********************** users profile ********************** */
.profileStatus {
	list-style-type:none;	
	line-height:2em;
	padding-left:1em;
	width:40%;
	float:left;
	clear:none;
}
.profileStatus li {font-weight:bold; padding-left:1em;}
.profileStatusValue {
	line-height:2em;
	list-style-type:none;	
	font-weight:normal;
}
.statusText { margin-top:1.5em; }
.uploadItemBulletPoint {padding-left:2em;} /* Fotoservice main page */
.uploadItemDescription {padding-left:2.8em;} /* Fotoservice main page */
.detailsHeadline {border-bottom:1px solid #006052; line-height:1.8em; padding-top:.3em;}
.detailsHeadline #detailsCapname {font-size:150%; font-weight:bold; float:left; clear:none;} 
.detailsHeadline #detailsHeadData {text-align:right;}
.detailsImageContainer {float:left; clear:left; width:100%;}
.details {width:29em; margin-left:.8em; padding-top:.5em; float:left; clear:none;} /* Member-Profile */
.details_bez {font-weight: bold; float: left; padding-right:.6em;} /* Member-Profile */
.details_wert {clear: both; line-height: 18px;} /* Member-Profile */
.detailsText {font-weight:bold; border:0; width:97%; float:left; clear:left; padding-top:1em;}
.detailsText label {width:9em; height:2.6em; float:left; clear:none;}
.detailsText li {float:left; clear:left; width:100%; padding-top:.5em;}
.detailsText textarea {width:78%; height:3.5em; float:left; clear:none;}
.detailsTextFull label {line-height:2.6em;}
.detailsTextFull textarea {width:100%; height:22em;}


/* *********************** imageUpload ********************** */
.uploadImages {width:100%; display:block; float:left; clear:left;}
.uploadImages strong {display:block;}
.uploadImages center {padding-left:25%; text-align:left;}
.uploadImageStatus h3 {font-weight:bold;}

/* *********************** start page ********************** */
#promotionImageLine {float:left; width:100%; height:5em; margin-top:.5em;}
#sloganBox {padding:.6em 0 .6em 0; width:100%;}
#sloganText {text-align:center; color:#006052; font-weight:bold;}
#promotionImages {float:left; clear:none; width:21em; padding-top:.2em; padding-left:1em;}
#promotionImages .promotionImageItem {float:left; clear:none; padding-left:.4em; padding-right:.4em;}
#promotionTeaserLine {padding:.6em .5em .3em; width:100%; text-align:center;}
#promotionFuncLine {padding-left:2.8em; font-size:84%; font-style:normal; font-weight:bold;}
#searchBox {float:right; margin-top:.4em; margin-right:.6em; width:20em; height:4em; background:#F9F2DD;}
#searchBox select {margin:.3em;}
#searchBox input {margin-left:.3em;}
#searchBox .label {padding-left:.2em; width:10em; float:left; clear:none;}
#searchBox .label h2 {color:#006052; padding-left:.5em; background-repeat:repeat-y; background-image:url(../images/bullet_navi.gif);}
.functionLineBorder {border:1px; background:#F9F2DD;}
#topTeaserContent #header2 {padding-top:.5em;}
#textNeuUndAktuell {line-height:1.4em;}
#advertR4H {text-align:center; font-size:70%; font-style:normal; font-weight:bold;}
#advertR4H #logo {padding-top:.2em; padding-bottom:.3em;}
#advertR4H #radio {padding-right:.5em;}
.boxcontent .textlink {margin-top:.3em;}

/* *********************** 'overview' page ********************** */
#login_succeed_indent {margin:0 3em 0 3em;}
.note {font-weight:bold; text-decoration:underline;}

/* *********************** partner links ********************** */
.textPlusImg p {width:22em; float:left; clear:none;}
#nullbarriere {margin-bottom:.5em;}

/* *********************** password forgotten ********************** */
#listFrontSpacer {margin-left:5em;}

/* *********************** link fundus, actual news ********************** */
ul.linkList { list-style-type:none; }
ul.linkList i { float:left; width:7em; height:5em; padding-right:.2em; }
ul.linkList em { margin:.3em 0 0 8em; display:block; }
ul.linkList .linkContent { margin-left:8em; clear:all; }
ul.linkList .linkImage { float:right; padding-left:3em; }
ul.linkList li { float:left; border-top:1px solid #D8D8D8; line-height:1.7em; width:100%; margin-bottom:1em; padding-top:.5em;}
ul.linkList p { padding-top:.3em; padding-bottom:.3em;}
.newsBlock {border-top:1px solid #D8D8D8; line-height:1.7em; width:100%; margin-bottom:3em; padding-top:.5em;}
.newsBlock p {padding-left:6.9em; padding-top:.3em; padding-bottom:.3em;}
ul.linkList .linkContent a { text-decoration:underline; color:black; }


/* *********************** search pages ********************** */
.searchForm {border:1px solid #006052; width:90%; margin-left:3%;}
#searchFormItems {padding-top:2em; padding-bottom:1em; list-style-type:none;}
#searchFormItems li {margin-bottom:1.5em; padding-left:.5em;}
#searchFormItems select {margin-left:.5em; margin-right:.5em;}
#searchFormItems input {margin-left:.5em; margin-right:.5em;}

#searchFormItemsDetail1 {padding:2em 4em 1em 0; float:left; clear:none; list-style-type:none;}
#searchFormItemsDetail1 li {margin-bottom:.8em; padding-left:.5em;}
#searchFormItemsDetail1 select {margin-left:.5em; margin-right:.5em;}
#searchFormItemsDetail1 input {margin-left:.5em; margin-right:.5em;}

#searchFormItemsDetail2 {padding:2em 0 1em; list-style-type:none;}
#searchFormItemsDetail2 li {margin-bottom:.8em; padding-left:1em;}
#searchFormItemsDetail2 select {margin-left:.5em; margin-right:.5em;}
#searchFormItemsDetail2 input {margin-left:.5em; margin-right:.5em;}

/* *********************** search pages ********************** */
#postident { float:right; clear:none; padding:.5em 1em 1em 1em; }

/* **************** profile internal: *************** */
#eingabePasswortNeu1, #eingabePasswortNeu2, #eingabePasswortAlt {width:30%;}
#eingabeEmailNeu1, #eingabeEmailNeu2 {width:20%;}
#emailNeuDomain1, #emailNeuDomain2 {width:30%;}
#prof_data_capname {font-size:150%; text-decoration:underline;}
#capname {color: green; font-size:150%; padding-left:.5em;}
.picAccessColumns li {width:12em;}
.picAccessColumns input {width:70%;}

.divLayer { position:absolute; z-index:9999; border:1px solid black; background-color:white; }
#profilePreviewBox { width:450px; height:490px; overflow:hidden;}
#profilePreviewBox .topBorder { width:100%; padding-left:3; height:15px; background-color:#f9f2dd; color:white;}  
#profilePreviewBox .topBorder a { border:none; float:right; margin:3px 3px 0px; }
#profilePreviewBox .profileImage { padding:.5em; text-align:center; vertical-align:middle; align:middle; }



/* **************** Promotion-Pages: pricing, security, barrierfree,... *************** */
#container .contentText .contList {margin:0 0 0 2.5em;}
#container .contentText .contList li {margin-bottom: 0.5em;}
#teaser2_postident {float:right; margin:1em 12em;}
#teaser1_postident {float:right; margin:3em 5em;}

/* **************** payment: infopage *************** */
#paymentLogoPaypal {height:6em; padding:1.5em 3em 0 15em; float:left; clear:none;}
#indentUL2ColumnPaymentTypes {list-style-type:disc; padding-bottom:1em;}
#indentUL2ColumnPaymentTypes li {padding-bottom:.1em;}
.paymentMonthes {padding:.5em 0 0 12em; border:0;}

/* **************** payment: details *************** */
#indentUL2Column1Pay { float:left; clear:none; }