@charset "utf-8";
* {
	margin:0;
	padding:0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}

body {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center; *//* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #636363;
	background-color:#b2e6fb;

}


body > #wrap {
	height: auto; 
	min-height: 100%;
}

#wrap {
	/*width: 852px;*/
	width: 852px;
	padding: 0 25px 0 25px;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background:url(images/main_background.png) repeat-y;
	margin-left:25px;
	/*test*/
	position:relative;
}

/* ---------------- Schriftdeklaration -----------*/
body, td, th { 
	font: normal 11px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; /*Standardschrift*/

}

td, th {
	f\ont-size: 100%; 
}

h1 {
	text-transform:uppercase;
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 10px 0;
}
h2, h2 a {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 10px 0;
}

h3, h3 a {
	font-size: 15px;
	line-height: 20px;
	padding: 0 0 5px 0;
}

h1, h2, h3, h2 a, h3 a, .uppercase,
#mainNav,
#subNav {
	font-family:Arial, Helvetica, sans-serif;
}

p {
	padding: 0 0 10px 0;
}

.p_s {
	padding: 0 0 5px 0;
}

b, strong {
	font-weight: bold;
}

p a,
ul li a,
ol li a{
	font-size: 11px;
	line-height: 15px;
}

ul {
	list-style-position:inside;
	list-style-type:none;
}

.ul_d {
	list-style-position:inside;
	list-style-type:disc;
}

.ulspace li {
	padding-bottom:5px;
}

ol {
	list-style-position:inside;
	padding-bottom: 10px;
}

a {
	font-size: 9px;
	color: #636363;
	text-decoration: underline;
	outline:none;
}


a:hover {
	text-decoration: none;
}

a.current {
	text-decoration:none;
	cursor:default;
}

.inTextLink {
	color:#00F;
}

img {
	border: none;
}

select option {
	padding-right: 20px;
}


/* ------------- CURSOR -------------*/
/*TODO: CURSOR DISABLED, WAITING EINBAUEN */
/*
.disabled {
  cursor: default;
}

.busy {
  cursor: wait;
}

.clickable: {
  cursor: pointer;
}


*/

/* --------------------------------------------------- */
/* ----------------- General Components ---------------------- */
/* --------------------------------------------------- */

/* ----------------- SEARCH BOX --------------------------------*/
.search-box{ /*outer background*/
	background-color:#FFF;
	height: 14px;
	width: 148px;
	padding: 3px 8px 3px 4px;
	position: absolute;
	top:24px;
	right: 45px;

}

.search-box form {
border:0;
margin:0;
padding:0;
height: 14px;
}

input.search-field{ /*input field */
float: left;
border:0;
margin:0;
font-size: 11px;
height: 14px;
line-height:14px;
padding: 0;
width: 130px;
}
 
input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 4px;
height: 14px;
width: 14px;
background: url(images/search.png) no-repeat top left;
cursor: pointer;
}
 
input.search-go:{ /*search icon  "Does Not work in ie6" */
/*background:url(images/search-icon.png) no-repeat bottom left;*/
}


/* ------------------- StandardButton ------------------- */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(images/standard_btn_edge.png) no-repeat scroll top right;
    display: block;
	padding-right: 15px; /* sliding doors padding */
	font-size: 11px;
    text-decoration: none;
	cursor: pointer;
	height: 20px;
}

a.button span {
    background: transparent url(images/standard_btn.png) no-repeat;
    display: block;
    line-height: 12px;
    padding: 4px 0 4px 15px;
	text-align:center;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 3px 15px; /* push text down 1px */
}

/* --------------- Spezielle Einstellungen um Buttons anzuwenden wenn sie nicht den vollen parent Div einnehmen sollen -----------*/

/* ------------------- FORMS ------------------- */

form {

}

form fieldset {
	/*width: 100%;*/
	padding: 0 15px 15px 5px;
}

.fieldsetRequired {
	padding-bottom: 0px;
}

form legend {
	padding: 0 5px;
}
.formLabelInputText {
	padding: 15px 0 6px 0;
	margin: 0;
	line-height:11px;
	font-weight: bold;
}
.formRequiredInput {
	padding: 10px 0 5px 0;
	line-height: 11px;
}

.formInputText,
.radioContainer,
.formRequiredInput,
.formSelect{
	width: 99%;
}


.formInputText,
select,
textArea {
	border-color: #CCC;
}

.input_file {
	background-color:#FFF;
	border-color: #CCC;
}

.formInputTextArea {
	overflow: auto;
	width: 99%;
	height: 400px;
}

.formInputTextArea_s {
	overflow: auto;
	width: 99%;
	height: 200px;

}
.formInputTextArea_xs {
	overflow: auto;
	width: 99%;
	height: 100px;

}


.checkboxContainer_sB {
	padding-bottom:10px;
}

#editUserForm .formSubmitBtnDiv,
.formSubmitBtnDiv{
	padding: 10px 10px 10px 10px; /*padding.left + padding-right has to match form fieldset.padding.left&right */
	text-align:center;
}

/* -------------- Disease // Symtom // Tipps Detailseiten - eingefügter Container ------------------ */

/*
.wrapContentDivLeft {
	padding: 24px 0 0 0;
	position: relative;
	width: 812px;
}
*/
/* ------------- linker ContentContainer --------------*/

#contentDivLeft {
	width: 250px;
	float: left;
}

#contentDivLeftWrap {
	margin: 0;
	position:relative;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#contentDivLeft h2 {

}

.contentDivLeftIndex {
	margin: 0;
	padding: 5px 0 0 0;
	list-style:none;
	list-style-position:inside;
}

#contentDivLeftIndexQnobitIndex {
	padding-bottom:15px;

}
.contentDivLeftIndex li{
	padding-bottom: 5px;
}
/* ------------ Stumble Button --------- */
.stumbleDiv {
	position: absolute;
	top:-7px;
	left:30px;
	height: 22px;
	/*margin-top:-44px;*/
	/*height:44px;*/
	padding: 0;
	border:0;
	text-transform:uppercase;
}


.stumbleDiv a {
	font-size: 11px;
	font-weight:bold;
	line-height:22px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}


/* -------- rechter ContentContainer ---------*/

#contentDivRight {
	float: right;
	width: 508px; /*max width (564px) - padding.right (120px)*/
}

.contentDivRightTitle,
.contentDivLeftTitle {
	border-bottom: 1px solid #636363;
	width: 100%;
	padding-bottom:5px;
}

.contentDivRightFirst {
	padding-top: 5px;
}


/* ------- related Diseases and related Tipps -----------*/

.relDiv {
	width: 100%;
}

.relDisDiv,
.relTipDiv {
	width: 50%; 
}

.relDisDiv {
	float: left;
}
.relTipDiv {
	float: right;
}

.relDiv h3 {
	height: 36px;
}
.relDisDiv ul,
.relTipDiv ul {
	list-style-type:none;
	list-style-position:inside;
}

.relDisDiv ul li,
.relTipDiv ul li {
	padding-left: 5px;
}

.relDisDiv ul li a,
.relTipDiv ul li a{


}
/* ----------- Danger and Urgency Data ------------*/

.danUrgDiv {
	width: 100%;
	padding-bottom: 15px;
}

.danUrgDiv img {
	padding-left: 5px;
}

.danUrgDiv h3 {
	height: 36px;
}

.danUrgDiv p {
	padding: 0;
	margin: 0;
}

.danDiv,
.urgDiv {
	width: 50%;
}

.danDiv {
	float: left;
}

.urgDiv {
	float: right;
}

/* ----------- woofDiv for not translated Content ------------*/
.woofDiv {
	/*width: 564px;*/
	padding: 5px 0 15px 0;
	position:relative;
	min-height: 95px;
}

.woofDiv p {
	padding: 0 0 0 120px;
}

#woofDiv_img {
	height: 100px;
	width: 100px;
}

.woofDiv p a {
}



/* ---------Navigation für Krankheiten, Symptome und Tippsund Qnobits ------------------------*/


/* ---------------------- CSS Drop Down MENU for Qnobits ------------------- */

#QnobitNav {
	height: 20px;
	position: absolute;
	top: 0;
	/*width: 812px;*/
	width: 600px;
	/*left: 1px;*/
	left: 212px;
	/*padding: 0 0 10px 0;*/
	padding: 0;
}

#QnobitNav a,
#QnobitNav a:visited,
#QnobitNav a:hover,
#QnobitNav a:active,
#QnobitNav a:focus {
	direction:ltr; 
	outline:0;
	text-decoration:none;
}

#QnobitNav ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	display: inline-block;
}

#QnobitNav .QnobitNavMenu .QnobitNavMenuLi {
	float:left; 
	display:inline; 
	/*width:135px;*/
	width:100px;
	margin-top:-32000px;
}


#QnobitNav .QnobitNavMenu a {
	display:block; 
	/*width:135px;*/
	width:135px;
}

#QnobitNav .QnobitNavMenu a.QnobitNavMenuLiA {
	position:relative; 
	float:left; 
	display:inline; 
	margin-right:-99px;
	margin-top:32000px;
	width: 94px;
	padding-left: 6px;
	text-align:left;
	background: url(images/qnoBit_navigation_background.png) no-repeat top center;
	font-size: 11px;
	line-height: 20px;	
}

#QnobitNav .QnobitNavMenu .QnobitNavMenuLiSub { 
	float:left; 
	margin-top:-20px; 
	padding-top:20px; 
	margin-bottom:-32000px;
}
#QnobitNav .QnobitNavMenu .QnobitNavMenuLiSub a {
	background-color:#FFF;
	/*border-top: 1px #b7b7b7 solid;*/
	border: 1px #b7b7b7 solid;
	border-top: none;
	position:relative;
	margin-right:-1px;
	padding: 2px;
	/*width: 131px;*/
	width: 94px;
	/*width: 96px;*/
	font-size: 11px;
	line-height: 20px;
}
#QnobitNav .QnobitNavMenu a:hover,
#QnobitNav .QnobitNavMenu a:focus,
#QnobitNav .QnobitNavMenu a:active {
	margin-right:0;

}

#contentNav {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0;
	margin: 0;
	height: 40px;
	border-bottom: 1px solid #636363;
}

#contentNav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-position:inside;
	display:inline-block;
    /*padding: 10px 8px 0 0 ;*/
}


#contentNav ul li {
    list-style-type: none;
    margin: 0;
	padding: 0;
	border: 0;
	padding: 0 8px 0 0;
	float: left;
}

#contentNav ul li a {
	display:block;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 11px;
	line-height:20px;
}

#contentNav ul li a:hover,
#contentNav ul li a:focus,
#contentNav ul li a:active {
	margin-right:0;
}


/* --------------------------------------------------- */
/* ----------------- General Setup ---------------------- */
/* --------------------------------------------------- */

#main {
	width: 812px;  /*852 px - padding.left - padding.right*/
	text-align: left;
	padding-top: 25px;
	/*padding-top: 39px;*/ /*subNav.height - header_background_image.height */
	padding-right: 20px;
	padding-bottom: 57px; /* padding-bottom must be same height as the footer */
	padding-left: 20px;
	/*uU raus nehmen*/
	position:relative;
}


/* ------------------- header ------------------------ */
#header {
	width: 902px;
	margin-left:-25px;
	height: 105px; /* header div größer als BackgroundImage.height, damit der Contentbereich abgesetzt ist */
	/*margin: 0 auto;*/ /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align:left;
	background: url(images/header_background.jpg) no-repeat bottom left;
 /*has to be colored like the body, cause #wrap has backgroound image */
}

#header #title {
	margin: 0;
	padding: 0;
	border:0;
	display:block;
	height: 105px;
}

#header h1 {
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 38px;
	/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	/*padding: 10px 0;  using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header blockquote {
	margin: 0;
	padding:0;
	text-indent: -9999px;
}

/* ------------------- Navigation ------------------------ */
/* ------------------- Main Nav -------------------------- */

#mainNav,
#subNav {
	border:0;
	margin-left:230px;
	width: 602px; /*width: 852px - margin-left - 20px damit es bündig mit dem Rand abschliesst*/
	text-align: center;
	position: absolute;
	/*top: 73px;*/ /*header hight - (Abstand oberer Bereich bis unterer Bereich im Hintergrundbild) - #mainNav.height */
	text-transform:uppercase;
}

#mainNav ul li a,
#subNav ul li a {
	font-size: 11px;
	font-weight:bold;
}


#mainNav {
	/*heigth: 23px;*/
	top:75px;
	heigth: 27px;
}

#mainNav ul{
	
	display: block;
	list-style-type: none;
	list-style-position:inside;
	/*width: 376px;*/
	width: 492px;/* Anzahl Tabs * #mainNav a.width + Anzahl Tabs * li.margin-right*/
	float:right;
	margin:0;
	padding:0;
}

#mainNav ul li {
	float: left;
	margin-left: 3px;
	height: 27px;
	background: url(images/navigation_tab_grey.png) no-repeat top center; /*Background Smaller than with, li and a cantered */
}

#mainNav ul li a {
	display: block;
	/*width: 91px;*/
	width: 120px;
	height: 23px;
	line-height:23px; /* as high as background img height */
	text-transform: uppercase;
	text-decoration:none;
}


#mainNav .currentMainLi {
	background: url(images/navigation_tab_white.png) no-repeat top center;
}

/* ------------------- Sub Nav -------------------------- */
#subNav {
	/*height: 26px;*/
	top:98px;
	height: 22px;

}

#subNav ul{
	display: block;
	list-style-position:inside;
	list-style-type: none;
	margin:0;
	padding: 0;
	float: right;
}

#subNav ul li {
	margin-left: 30px;
	float: left;
}
 
#subNav ul li a {
	line-height:22px; /* 4px (27-23 of main Nav belong to subNav  therefore center font in container of 22px height  substract 4 px from bottm */
	display: block;
	
}

/* Interaktion der Navigation bei hover und active */


#mainNav li.currentMainLi a:hover {
	cursor: default;
}
/*
#mainNav a:hover{
	text-decoration:underline;

}
*/

#subNav ul li a.currentSub {
	text-decoration:none;
	cursor: default;
}



/*----------------------- Navigation headerBar ----------------------*/
#headerBar {
	position: absolute;
	top: 25px;
	width: 300px;
	right: 217px;
	/*width: 492px;*/ /*width: 852px - margin-left - 20px damit es bündig mit dem Rand abschließt*/
	height: 20px;
	text-align:center;	
}

#headerBar a.button {
	float: right;
    margin-left: 10px;
}

#headerBar p {
	display: block;
	width: 205px;
	float: left;
	text-align:right;
	padding: 0;
	margin: 0;
	height: 20px;
	line-height: 20px;
}
/*-------------------- Footer ---------------------*/
#footer {
	width: 852px;
	margin: -57px 0 0 25px;/* margin - top = negative value of footer height */
	position: relative;
	
	height: 57px;
	clear:both;
	padding: 0 25px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images/footer_background.png) no-repeat top left;
	font-family: Lucida, Arial, Helvetica, sans-serif;

}

#footerLeft {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 40%;
	float:left;

}

#footerRight {
	float:right;
	width: 60%;
}

#footerLeft ul,
#footerRight ul{
	display: block;
	list-style-position:inside;
	list-style-type: none;
	margin:0;
	padding: 17px 0 0 0; /* footer div is padding top.value higher as footer_background.png */
}


#footerRight ul{
	float: right;
}


#footerLeft ul li {
	float: left;
	margin-left: 10px;
}

#footerRight ul li {
	float: left;
	margin-right: 10px;
}

#footerLeft ul li p {
	padding: 0;
}

#footer ul li p,
#footer ul li a {
	font-size: 9px;
	line-height:40px; /* as high as footer height */
	display: block;
}


/* --------------------------------------------------- */
/* ----------------- Page Setup ---------------------- */
/* --------------------------------------------------- */

/* --------------- Startseite ------------------ */

#welcomeDiv {
	width: 518px;
	padding-top:0;
	padding-bottom: 30px;
}

#newsletterMain {
	width: 242px;
	height: 55px;
	position: absolute;
	top:44px;
	right:20px;
}

#newsletterForm {
	display: block;
	width: 242px;
	padding: 0;/* equals searchbtn.height*/
}

#newsletterInputMain {
	margin-top: 2px;
	display:block;
	float: left;
	width: 159px;
	font-size: 11px;
	color:#666;
}

#newsletterInputMainBtn {
	display: block;
	float: right;
	padding: 0;
	margin:0;
	width: 66px;
	font-size: 11px;
}

.featuresDiv {
	position:relative;
	width: 812px;
	padding: 0;
	margin:0;
	height: 420px;
}

.featuresDiv h2 img{
padding-right: 2px;
}

.featureShort {
	display:block;
	height: 45px;
	padding:0;
}

#feature1Div,
#feature2Div,
#feature3Div{
	margin:0;
	width: 242px;
	float: left;
	height: 100%;
}

#feature2Div {
	width: 242px;
	margin: 0 10px;

}

.featureImgDiv {
	height: 65px;
	width: 242px;
	padding:20px 0 15px 0;
	text-align:center;
}

/* --------------- static Sites------------------ */
/* Seiten wie das Impressum
Breite so groß´wie verfügbar 
Inhalte wegen der Lesbarkeit auf 400 px Breite über padding-ricght reguliert
949 - padding-right (x=544px) - padding-left (5px) = 400 px*/

#staticContentLeftFrame {
	/*padding-right: 412px;*/
	/* uU raus */
	width: 400px;
}

#staticContentLeftFrame {
	padding-right: 10px;
}

#staticContentLeftFrame {
	float: left;
}

#staticContentRightFrame {
	float: right;
	width: 369px;/* 790px- 410px (staticContentRightFrame) - 1px border left */
	padding-left: 10px;
	border-left: 1px solid #CCC;
}

/* terms and privacy */
.termsdiv {
	padding: 15px 0 15px 0;
}
.termsHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style-type:upper-roman;
	font-size:13px;
}

.termsContent {
	font: normal 11px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-left: 20px;
}
.termsContent li{
	padding-top: 5px;
}

.termsContent li ul{
	padding-left: 10px;
	list-style-type:disc;
}

/* ----------- Privacy Settings --------------- */
.privacy_div {
	padding-bottom: 40px;
}
.privacy_div h2 {
	padding-bottom:5px;
}
/* ---------- ShowHide Accordion ---------- */
.show,
.show_no{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	
}
.show h3,
.show_no h3{
	margin: 0;
	padding:0;
	background: #e7e8ea;
	font-size:11px;
	padding-left: 11px;
	background: #e7e8ea url(images/triangle_red.png) no-repeat top left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.show h3:hover {
	cursor:pointer;
}
.show .open {
	background: #e7e8ea url(images/triangle_red_d.png) no-repeat top left;
}

.show div,
.show_no div{
	padding: 5px 5px 15px 5px;
	margin:0;
}



/* ----------- Knobit hochladen --------------- */

/* ---------- MultipleSelect für Rassen --------------- */
.breeds_select {
	width: 347px; /*369px Platz - 22px padding, border = 347px */
}

.category_select {
	width: 378px; /*400px Platz - 22px padding, border = 378px */
}

.size_select_div,
.age_select_div {
	width: 100%;
	padding: 0 0 5px 0;
}

.formLabelInputTextLeft {
	display: block;
	width: 169px;/* Gesamtbreite 369px */
	float: left;
	margin: 0;
	padding:0;
	line-height:22px;
}

.size_select,
.age_select{
	width: 200px;
	display:block;
	float: right;
}

.remainingbreeds_select {
	width: 100%;
}

/* ----------------- Health Q ---------------------- */
#healthQLeft {
	width: 238px; /* Hier die feste Breite der HealthQ einstellen */
	float:left;
	min-height: 500px;
	/* min heigth hack for IE
	height:auto !important;
  	height:500px;

	*/
}

#healthQRight{
	float: right;
	width: 508px;/* frei verfügbare Weite der beiden Divs (914px) - healthQLeft.width (350px)  */
	min-height: 500px;
}

/* Forms der Health Q  und contentBreite der statischen Seiten gleich */
.healthQ_form,
.staticContent{
	width: 552px;
}

.staticContentFl {
	float: left;
	width: 552px;
}

.staticContentFlNoPa {
	float: left;
	width: 574px;
}
/* --------- TEAM ---------------*/
#teamPoster {
	
}

#teamPosterInBetween {
	height: 25px;
}

#teamMemberName{
	text-align:center;
	position:relative;
	height: 258px; /* as high as MemberPic */
	width: 212px;
	/*width: 40%;*/
	/*width: 70%;*/ 	/* equals 274px, position #memberPictureDiv by left: 274px */
	padding-right: 328px;
	/*padding-right: 390px;*/ /*equals #memberPictureDiv.width + 5px als Abstand zum Bild*/
}


#memberPictureDiv{
	/*Bilddimension w: 385px, h: 258px */
	width: 385px;
	height: 258px;
	position: absolute;
	top: 0;
	right: -68px;
}

#teamMemberName h3 {
	height: 20%;
	margin: 0;
	padding: 0;
}

#teamMemberName p {
	height: 30%;
	margin: 0;
	padding: 0;
}
#aliasName {
	font-size:15px;
	line-height:20px;
}

#propertyOne{
	height: 50%;
}
#propertyOne p{
	height: 100%;
}

#teamPoster ul {
	list-style-type:disc;
	padding-top: 10px;
	list-style-position:inside;
}

#teamPoster ul li{
	list-style-position:inside; /* raus? */
	padding-bottom: 5px;
	padding-left: 5px;
}

/* ---------------- Registration ---------------- */

.checkboxContainerReg {
	padding:10px 15px 0px 5px; /* left und right like fieldset padding */
}

.registrationStep {
	padding-top: 0.8em;
}


/* ----------------- Login: Emailadresse // Passwort vergessen Link? ----------------- */

#forgotLoginData {
	padding: 0;
	margin: 0;
}

/* ---------------- knowledge  ---------------- */
.newUserLookingForward {
	padding-top: 15px;
}

/* ---------------- Knobit Remote Site ---------------- */
/* nachfolgende ...Tipp - Tags:  hier die Platzierung des Contents einstellen */
.qnobitTitle {
  min-height: 38px;
  width: 508px;
  /*
  mit dem ICON!!!
  padding: 0 222px 5px 43px;
  width: 243px;
  */
  border-bottom:1px solid #636363;
  padding: 0 0 5px 0;
}

.qnobitTitle h2 {
	padding: 0;
	margin:0;
}

.contentDivLeftQnobitTitle {
	border-bottom:1px solid #636363;
	padding:0 0 23px 0;

}

#qnobitTitleIcon {
	height: 40px;
	width: 40px;
}

.qnobitContentRelativeWrap {
	width: 100%;
	padding: 30px 0 0 0; /* qnobitStatistics.height (25px;) + 5px Platz da padding */
	position: relative;
}

.qnobitContent {
	width: 398px;
	float: left;
	padding: 5px 0 0 0;
}


.qnobitPicturesDiv {
	padding-left:10px;
	width: 100px;
	float: left;
	
}

.qnobitPicture {
	padding-bottom:10px;
	width: 100px;
}

#qnobitExpert {
	margin-left:10px;
	width: 338px;
	float: left;
}

#qnobitStatistics {
	width: 100%;
	height: 25px;
	padding:5px 0 0 0;
}
#qnobitStatistics ul{
	list-style:none;
}
#qnobitStatistics ul li{
	float: left;
	padding-right: 5px;
}

#qnobitStatistics ul li a,
#qnobitStatistics ul li p{
	line-height: 25px;
	padding: 0;
}
#qnobitStatistics ul li p {
	color: #CCC;
}

#qnobitStatistics ul li a img{
	height: 25px;
}

/* --------------------------------------------------- */
/* ----------------- Classes ---------------------- */
/* --------------------------------------------------- */
/* absolute-relative Positioning */
.relativeWrap {
	width: 100%;
	position: relative;
}
.absoluteBR {
	position: absolute;
	right: 0;
	bottom: 0;
}

.absoluteBL {
	position: absolute;
	left: 0;
	bottom: 0;
}

.absoluteTR {
	position: absolute;
	right: 0;
	top: 0;
}

.absoluteTL {
	position: absolute;
	left: 0;
	top: 0;
}

/* SMALL FONT FOR EXPLANATIONS*/
.smallFont {
	font-size:9px;
	font-weight: normal;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    line-height: 0px;
}

.roundCorners {
	/* Round Corners CSS3 */
	/* für alle runden Elemente außer dem .contentDiv */
	border:1px solid #CCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}

.contentDiv {
	padding: 10px;
	/* CSS 3.0 Approach round edges*/
	border:1px solid #CCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color:#FFF;
}

.contentDivPad {
	padding: 10px 260px 10px 10px;
	/* CSS 3.0 Approach round edges*/
	border:1px solid #CCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color:#FFF;
}

/* ------- Standard Padding ------------- */
.pad_st {
	padding: 5px;
}

/*
.fullContent {
	width: 790px;
	margin: 0;
	padding: 0;
	border: 0;
}
*/
.contentDivIdidi {
	width: 812px;
	height: 638px;
	padding: 0;
	border: 0;
	margin: 0;
}
#flashContainerDiv{
	width: 100%;
	height: 100%;
}

.contentDivNoBorder {
	padding: 10px;
}

.image_link_icon {
	border:0;
	padding-right: 10px;
}
.image_link_text {
	
	text-decoration:none;
}

.h2space {
	padding-top:15px;

}

.h3space {
	padding-top:15px;

}

.pspace {
	padding:10px 0 0 0;

}

.pspaceboth {
	padding:10px 0 10px 0;

}

.pspacebothsmall {
	padding:5px 0 5px 0;

}
.pspacesmall {
	padding:5px 0 0 0;

}
.pspacenone {
	padding:0;
}
.input_btn {
	cursor: pointer;
	font-size:13px;
}
#cancel_link{
	font-size:13px;
	color: #636363;
	line-height:15px;
	padding-right: 20px;
}
/* ------------ Themes -----------*/
#mainNav .navHome,
.navHome,
.petsiconTheme h2,
.petsiconTheme h3,
.petsiconTheme h3 a,
.petsiconTheme a:active,
.petsiconTheme #subNav ul li a,
.petsiconThemeHighlight {
	color:#636363;
}

#mainNav .navIdidi,
.navIdidi,
.ididiTheme h2, 
.ididiTheme h3,
.ididiTheme h3 a,
.ididiTheme a:active,
.ididiTheme #subNav ul li a,
.ididiThemeHighlight {
	color:#93c900;
}

#mainNav .navKnowledge,
.navKnowledge,
.knowledgeTheme h2,
.knowledgeTheme h3,
.knowledgeTheme h3 a,
.knowledgeTheme a:active,
.knowledgeTheme #subNav ul li a,
.knowledgeThemeHighlight {
	color: #00a2ff;
}

#mainNav .navHealthQ,
.navHealthQ,
.healthQTheme h2,
.healthQTheme h3,
.healthQTheme h3 a,
.healthQTheme a:active,
.healthQTheme #subNav ul li a,
.healthQThemeHighlight {
	color: #ef4136;
}

/*
#mainNav .navHome,
.navHome,
.petsiconTheme h2,
.petsiconTheme h3,
.petsiconTheme h3 a,
.petsiconTheme a:active,
.petsiconTheme #subNav ul li a.currentSub,
.petsiconTheme #subNav ul li a.currentSub:hover,
.petsiconThemeHighlight {
	color:#636363;
}

#mainNav .navIdidi,
.navIdidi,
.ididiTheme h2, 
.ididiTheme h3,
.ididiTheme h3 a,
.ididiTheme a:active,
.ididiTheme #subNav ul li a.currentSub,
.ididiTheme #subNav ul li a.currentSub:hover,
.ididiThemeHighlight {
	color:#93c900;
}

#mainNav .navKnowledge,
.navKnowledge,
.knowledgeTheme h2,
.knowledgeTheme h3,
.knowledgeTheme h3 a,
.knowledgeTheme a:active,
.knowledgeTheme #subNav ul li a.currentSub,
.knowledgeTheme #subNav ul li a.currentSub:hover,
.knowledgeThemeHighlight {
	color: #00a2ff;
}

#mainNav .navHealthQ,
.navHealthQ,
.healthQTheme h2,
.healthQTheme h3,
.healthQTheme h3 a,
.healthQTheme a:active,
.healthQTheme #subNav ul li a.currentSub,
.healthQTheme #subNav ul li a.currentSub:hover,
.healthQThemeHighlight {
	color: #ef4136;
}

.petsiconTheme #subNav ul li a,
.ididiTheme #subNav ul li a,
.knowledgeTheme #subNav ul li a,
.healthQTheme #subNav ul li a {
	color: #fff;
}

*/
/* ----------------- Text Input Elemente ----------------- */


/* ----------------- Ul mit Triangle ----------------- */

.ulTriangle {
	/*list-style-image: url(images/image_link.png);*/
	list-style-type:disc;
	list-style-position:inside;
}
.ulTriangle li {
	padding-left: 10px;
}



/* --------------------------------------------------------------------------------- */
/* ----------------- Classes to add and remove via Javascript ---------------------- */
/* --------------------------------------------------------------------------------- */
.currentSub {
}
/*--------------- Tabellenähnliche Formulare ---------- */
#user_data {
	width: 100%;
}

#deletePetForm .row_l,
#transferPetForm_final .row_l,
#deletePetForm_final .row_l,
#user_data .row_l,
#profile_right_sub_body_no .row_l{
	font-weight:bold;
	margin-right:10px;
	padding:5px 0 5px 5px;
	width:140px;
	display:block;

}

#profile_full_sub_body_no .row_l{
	font-weight:bold;
	margin-right:10px;
	padding:5px 0 5px 5px;
	width:140px;
	display:block;

}

#editUserForm .row_l {
	font-weight:bold;
	margin-right:10px;
	padding:0 0 5px 5px;
	width:140px;
	display:block;
}

#editPetForm .row_l,
#enterPetForm .row_l {
	margin-right:10px;
	padding:5px 0 5px 5px;
	width:60px;
	display:block;

}

#user_data .row_r {
	margin:0;
	padding: 5px 0 5px 0;
	width: 397px;
}

#profile_right_sub_body_no .row_r {
	margin:0;
	padding: 5px 5px 5px 0;
	width: 180px;
}


.profile_left_body {
	/*padding: 5px 2px 5px 2px;*/
	padding: 0;
	position:relative;
}

.profile_left_body .picture_s {
	float:left;
	width:89px;
	text-align:center;
	overflow:hidden;
	padding:5px 0;
	margin: 0 5px;
}

#deletePetForm_final .row_r,
#transferPetForm_final .row_r {
	margin:0;
	padding: 5px 5px 5px 0;
	width: 370px;
}

#editUserForm .row_r {
	margin:0;
	padding: 0;
	width: 370px;
}


#editUserForm div {
	padding: 5px 0;
}

#deletePetForm div.clear {
	padding-top: 10px;
}

#editPetForm .row_r,
#enterPetForm .row_r {
	margin: 0;
	padding: 0;
	width: 180px;

}
#editPetForm div.clear,
#enterPetForm div.clear {
	padding-bottom: 4px;;
}

#textarea_user_edit {
	height: 150px;
}

#otherReason_input{
	width: 356px; /* in Sum 530px */
}

.no_js {
	width: 852px;
	padding: 10px 25px;
	height: auto;
	margin-left: 25px;
}

.no_js p{
	background-color:#F00;
	height: 20px;
	margin: 0;
	padding: 0 0 0 10px;
}

.no_js p,
.no_js a {
	line-height: 20px;
	font-size:12px;
	color:#000;
}

.no_js a {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.bold_a,
.bold_p{
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

.uppercase{
	text-transform:uppercase;
}

/* ------ Autoren AuswahlSeite ------- */
.authorTable,
.qnoBitTable {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	text-align:left;
	width: 552px;
}
.authorTable th, 
.qnoBitTable th {
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}
.authorTable th {
	padding:5px 5px 0 5px;
}
.qnoBitTable th {
	padding:5px;
}




.authorTable th:hover, 
.qnoBitTable th:hover {
 	cursor: help;
}
.authorTable td, 
.qnoBitTable td {
	border-top:1px solid #ccc;
	padding:5px;
}

.authorTable td a,
.qnoBitTable td a {
	font-size: 11px;
	line-height: 15px;
}
.authorTable tr:hover td,
.qnoBitTable tr:hover td {
	background:#d0dafd;
	color:#339;
}
#h2_select {
	float: left;
	display: block;
	width: 300px;
}

#select_h2 {
	float: right;
	width: 250px;
}



/* ------------- User Pet // Author Detail -------------  */
.profile_right {
	float:right;
	width: 340px;
/*	min-height: 198px;	*/
}

#user_basics{
	width: 340px;
	min-height: 198px;	
	
}

.profile_right_sub {
	width: 340px;
}

.profile_full_sub {
	width: 550px;
}



.profile_half_sub_l {
	float: left;
	width: 359px;
}

.profile_half_sub_r {
	width: 160px;
	float: left;
	padding: 5px 5px 10px 5px;
	margin-left: 17px;
}

.profile_right_sub_head {
	padding: 2px;
	width: 336px;
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.profile_full_sub_head,
.profile_half_sub_head {
	padding: 2px;
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.profile_full_sub_head {
	width: 546px;
}

.profile_half_sub_head {
	width: 355px;
}

.profile_right_sub_body {
	padding: 5px;
}

.profile_full_sub_body {
	padding: 5px;
	width: 540px;
}

.profile_half_sub_body {
	padding: 5px;
	width: 349px;
}

.profile_full_sub .mainFunc,
.profile_full_sub .mainFunc_m {
	width: 160px;
	float:left;
	padding: 5px 5px 10px 5px;
}

.profile_full_sub .mainFunc_m{
	margin: 0 17px;
}

#profile_right_sub_body_no p{
	padding-right: 2px;
}

/* Zusatz author-Detail*/
.authorQnoBits ul li p {
	float:left;
	width: 40px;
	padding:0;
	cursor:help;
  overflow:hidden;
}

.authorQnoBits ul li a {
	display:block; 
	float:left; 
	margin-left:10px; 
	width:502px;
}

/*------- FEHLERMELDUNGEN Login und Registrierung-----------*/
input.error, textarea.error,
input.error[type="radio"], input.error[type="checkbox"], select.error {
    border: 2px solid #F00;
}

.errorHeader {
	border: 2px solid #F00;
}

.errorHeader p{
	color: #F00;
	font-size: 15px;
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom: 5px;

}
/*ul -- Liste Fehlermeldungen*/
.validationErrors {
	padding: 5px;	
	list-style-position:inside;
	color: #F00;

}

/*ul -- Liste Fehlermeldungen LOGIN*/
.validationErrorLogin {
	padding: 5px;	
	list-style-position:inside;
	border: 2px solid #F00;
	display:block;
	width: 538px;
	color: #F00;
}
/* dynamically JS Validation error message */
label.error {
	font-weight:bold;
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
}



/* --------------- SIDEBAR ----------------------*/
.sidebar {
	position:absolute;
	top: 142px; /*obere rechte Ecke*/
	right: 55px;
	padding:0;
	margin:0;
	width: 218px;
}

.sidebarFR {
	float: right;
	width: 206px; /*238- 22 (pad und border) - 10px Abstand zwischen floats*/
}

/*
.side_div {
	width: 206px;
	padding: 0 5px 10px 5px;
	margin-bottom: 10px;

}*/

.side_div {
	width: 206px;
	padding: 0;
}

.profile_left {
	width: 198px;
	padding:0;
}


/* to use with staticcontetFR */
.side_divFR {
	float:right;
	width: 206px;
	padding: 0 5px 10px 5px;
}

/*
.side_div_head {
	padding: 2px 5px;
	margin-left:-5px;
	width: 100%;
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
*/
.side_div_head,
.profile_left_head {
	padding: 2px;
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.side_div_head {
	width: 202px;
}

.profile_left_head {
	width: 194px;
}

.side_div_body,
.createQnoBit_body,
.profile_left_body_p{
	/*padding: 5px 2px 5px 2px;*/
	padding: 5px;
	position:relative;
}
.side_div_body ul,
.side_div_body p,
.createQnoBit_body p,
.profile_left_body_p p{
	padding-bottom: 5px;
}

.side_div_body ul {
	width: 196px;
	color:#636363;
}

/* SideBar Top 10 */
.top10 li {
	padding: 2px 0;
}
.top10 li p {
	float:left;
	width: 15px;
	padding:0;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

.top 10 li a {
	display:block; 
	float:left; 
	margin-left:10px; 
	width:164px;
}



.buttonR {
	float: right;
}

.buttonL {
	float: left;
}

.createQnoBitRow {
	padding-bottom:20px;
}

.createQnoBit {
	width: 121px;
	float:left;
	margin-right:20px;
}

.createQnoBit_head {
	padding: 2px;
	width: 117px;
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#createQnoBit_last {
	margin: 0;
}



/* ----------- Profile Pictures and Picture Upload---------- */

.picture_b {
  width: 200px;
}

.picture_b_l {
  float:left;
  width: 200px;
}


.picture_b_r{
  float: right;
  width: 332px;
}

.picture_b_l .fieldsetRequired,
.picture_b_r .fieldsetRequired{
  padding: 10px 5px 5px 5px;  
}

#upload_pic_div {
  padding-bottom: 10px;
}

#upload_log_div {
  padding-top: 10px;  
}

#upload_status {
	padding:5px; 
	display:none; 
	border:1px #CCC dotted; 
	background-color: #e7e8ea;	
}

#upload_status p{
	padding:0;
}

.upload_loader {
	padding: 5px;
	text-align:center;
}

#loader {
	display:none;
}

#thumbnail_form {
	display:none;
}

.profile_pictures {
	padding-top:20px;
}

.profile_pictures .picture_s {
	float:left;
	padding: 20px;
}

#thumbnail_preview_div {
	position:relative; 
	overflow:hidden; 
	width:200px;
  height: 200px;	
}

#thumbnail_preview_div img{
	position: relative;
	width:200px;
	height: 200px;
}
/*
#thumbnail_div img{
	width: 300px;
}


*/

#thumbnail_div {
  width: 332px;
}

#pic_upload_expl li {
	padding-bottom:10px;
}

.profilePicTempWrap {
	padding-top:30px
}
.picture_s {
	width: 50px;
}

/* ------------ Profile Picture default Pics ------------ */
.profilePicH {
	width:200px;
	height:200px;
	background: url(images/profile/default_human.jpg) no-repeat center;
}

.profilePicD {
	width:200px;
	height:200px;
	background: url(images/profile/default_dog.jpg) no-repeat center;
}

.profilePicHs {
	width:50px;
	height:50px;
	background: url(images/profile/default_human_s.jpg) no-repeat center;
}

.profilePicDs {
	width:50px;
	height:50px;
	background: url(images/profile/default_dog_s.jpg) no-repeat center;
}

/* ---------- FloatKlassen --------------- */

.f_r {
	float: right;
}

.f_l {
	float:left;
}

/* ------------- horizontales ul li ----------- */
ul.hor {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-position:inside;
	display:inline-block;
}

ul.hor li {
    list-style-type: none;
    margin: 0;
	padding: 0;
	border: 0;
	padding: 0 8px 0 0;
	float: left;
}

ul.hor li a {
	display:block;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 11px;
	line-height:20px;
}

#h2_user_msg {
	width: 200px;
}

#h2_user_msg_l {
	width: 350px;
}

#h2_msg_l {
	width: 450px;
}


.friends_body div.clear,
.message_body div.clear,
.message_chat div.clear {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#group_body_main {
	padding: 5px 0;
}

#group_body div.clear {
	padding: 0;
}

#group_body_head {
	padding: 0 0 5px 10px;
}
.message_body div.clear:hover {
	background:#d0dafd;
}
.friends_head,
.message_head,
.group_head {
	height: 20px;
	background-color: #e7e8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	padding: 5px;
}
.friends_head p,
.message_head p {
	line-height:20px;
}

.friends_body a,
.message_body a,
#group_body a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;		
}

.friends_body .foto,
.message_body .foto,
.message_chat .foto,
#group_body .foto{
	width: 50px;
	padding-left: 10px;	
}

.message_body .contact {
	width: 150px;
	padding-left: 10px;	

}

.friends_body .contact {
	width: 372px;
	padding-left: 10px;	

}

#group_body .basics {
	width: 250px;
	padding-left: 10px;	
}

#group_body .basics .row_l{
	font-weight:bold;
	margin-right:10px;
	padding:0;
	width: 80px;
	display:block;
}

#group_body .row_r {
	margin:0;
	padding: 0;
	width: 160px;
}

.message_body .subject {
	width: 222px;
	padding-left: 10px;		
}

#group_body .subject {
	width: 142px;
	padding-left: 10px;		
}

.message_body .control {
	width: 90px;
	padding-left: 10px;
}

#group_body .control {
	width: 70px;
	padding-left: 10px;
}


.friends_body .control {
	width: 100px;
	padding-left: 10px;
}


.message_body .control ul,
.message_body .subject p,
.message_body .contact p,
.friends_body .contact p,
.friends_body .control ul{
	height: 50px;
	padding:0;
}

.message_body ul li a,
.friends_body ul li a{
	font-weight:normal;
	font-family: Lucida, Arial, Helvetica, sans-serif;	
}

.message_chat .chat_content {
	width: 482px;
}

.profile_pets {
	padding-bottom: 10px;
}

.profile_pets ul {
	width: 268px;
	margin-left:10px;
}

.profile_pets_full {
	padding-bottom: 10px;
}

.profile_pets_full ul {
	width: 478px;
	margin-left:10px;
}


/* Mein Wissen */
.head_analog {
	padding: 3px 0 7px 0;
}

.qnoBits_func {
	padding-bottom: 20px;
}
.qnoBits_func_sub {
	width: 206px;
	float:left;
}

.qnoBits_func_expl {
	width: 334px;
	padding-right:10px;
	float:left;
}

#savedQnoBit_stats {
	width: 100%;
	height: 25px;
	padding:5px 0;
}

#savedQnoBit_stats ul li a,
#savedQnoBit_stats ul li p,
#savedQnoBit_stats p {
	line-height: 25px;
	padding: 0;
	color: #CCC;	
}

#savedQnoBit_stats ul li a img{
	height: 25px;
}

#savedQnoBit_basics .row_l,
#savedQnoBit_author .row_l {
	margin-right:10px;
	padding:5px 0 5px 5px;
	display:block;
	float:left;
}

#savedQnoBit_basics .row_l {
	width:160px;
}

#savedQnoBit_author .row_l {
	width:110px;
}

#savedQnoBit_basics .row_r,
#savedQnoBit_author .row_r {
	margin:0;
	padding: 5px 0 5px 0;
	width: 377px;
	float:right;
}

#savedQnoBit_author_pic{
	float: left;
}

#savedQnoBit_author_pic img{
	width: 50px;
}

#savedQnoBit_author_info {
	float: left;
	width: 502px;
}

.ta_r {	
	text-align:right;
}

.ta_c {	
	text-align:center;
}

.side_div_bottom {
	border-top:1px dotted #CCC;
	padding-top:5px;
}

#savedQnoBit_date {
	text-align:right;
	width: 202px;
	line-height: 20px;
	padding: 0;
	color: #CCC;
	float: right;
}