/* 
folgende Styles sind in der basics.css definiert und d�rfen daher hier nicht nochmal auftauchen:

img, div, html, body, a (allgemein), 
#overall, #main, #footer, #footer-back, #footer-back-center, .clearer,
#centerbox, #header, #picbox, #contentbox
 */


 /* HEADER --------------------------------------------------------------- */

#header-left {
	position:				relative;
	width: 					290px;
	height: 				115px;
	padding-top:			3px;
	padding-bottom:			4px;
	float:					left;
	overflow:				hidden;
}

#header-center {
	position:				relative;
	width: 					350px;
	height: 				122px;
	text-align:				center;
	float:					left;
	overflow:				hidden;
}

#header-right {
	position:				relative;
	width: 					290px;
	height: 				115px;
	padding-top:			3px;
	padding-bottom:			4px;
	float:					left;
	overflow:				hidden;
}

.ow-logo {
	margin-top:				10px;
	behavior:				url(inc/styles/iepngfix.htc);
}

.combibox-left  {
	position:				relative;
	height:					auto;
	width:					290px;
	height:					70px;
	background-image:		url(../../bilder/header/combibox-left.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	text-align:				left;
	float:					left;
}

.combibox-right  {
	position:				relative;
	height:					auto;
	width:					290px;
	height:					70px;
	background-image:		url(../../bilder/header/combibox-right.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	text-align:				left;
	float:					left;
}

#headerbox-top  {
	position:				relative;
	height:					15px;
	width:					244px;
	padding-left:			13px;
	padding-right:			13px;
	padding-top:			5px;
	padding-bottom:			2px;
	background-image:		url(../../bilder/header/headerbox-top.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#45739d;
	float:					left;
}

#headerbox-icon  {
	float:					right;
}

 /* HEADER --- SUCHE ----------------------------------------------------------- */

.headerbox-suche  {
	margin-left:			10px;
	margin-right:			10px;
	margin-top:				5px;
	margin-bottom:			5px;
	width:					211px;
	height:					60px;
	float:					left;
}

.headerbox-suche .head  {
	width:					208px;
	height:					20px;
	padding-top:			2px;
	padding-left:			3px;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#1d649f;
	float:					left;
}

.headerbox-suche .content  {
	width:					211px;
	height:					38px;
	float:					left;
}

.suchfeld  {
	margin-right:			4px;
	width:					145px;
	height:					16px;
	padding-top:			5px;
	padding-bottom:			3px;
	padding-left:			10px;
	padding-right:			10px;
	background:				transparent;
	background-image:		url(../../bilder/header/formfeld-165.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	border:					0px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				11px;
	line-height:			16px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

#suchbtn  {
	width:					42px;
	height:					24px;
	background-image:		url(../../bilder/header/btn-suche.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	float:					left;
	margin-left:			-1px;
}

#suchbutton  {
	width:					42px;
	height:					24px;
	background:				transparent;
	border:					0px;
	text-align:				left;
	display:				block;
	margin-left:			-1px;
}

/* HEADER --- SPRACHE ----------------------------------------------------------- */

.headerbox-sprache  {
	margin-left:			7px;
	margin-right:			10px;
	margin-top:				5px;
	margin-bottom:			5px;
	width:					42px;
	height:					60px;
	text-align:				center;
	float:					left;
}

.headerbox-sprache .head  {
	width:					42px;
	height:					20px;
	padding-top:			2px;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#1d649f;
	float:					left;
}

.headerbox-sprache .content  {
	width:					42px;
	height:					38px;
	background-image:		url(../../bilder/header/flag-back.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	float:					left;
}

.flag-pfeil {
	padding-top:			5px;
	padding-left:			5px;
	padding-right:			5px;
}

.flag-mini {
	padding:				7px;
}

/* HEADER --- SCHRIFTGROESSE ----------------------------------------------------- */

.headerbox-schriftgroesse  {
	margin-left:			10px;
	margin-right:			7px;
	margin-top:				5px;
	margin-bottom:			5px;
	width:					42px;
	height:					60px;
	text-align:				center;
	float:					left;
}

.headerbox-schriftgroesse .head  {
	width:					42px;
	height:					20px;
	padding-top:			2px;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#1d649f;
	float:					left;
}

.headerbox-schriftgroesse .content  {
	width:					42px;
	height:					36px;
	padding-top:			2px;
	float:					left;
}

.fontbtn-minus {
	margin-right:			2px;
	float:					left;
}

/* HEADER --- LOGIN ----------------------------------------------------------- */

.headerbox-login  {
	margin-left:			10px;
	margin-right:			10px;
	margin-top:				5px;
	margin-bottom:			5px;
	width:					211px;
	height:					60px;
	float:					left;
}

.headerbox-login .head  {
	width:					208px;
	height:					20px;
	padding-top:			2px;
	padding-left:			3px;
	font-size: 				11px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#1d649f;
	float:					left;
}

.headerbox-login .content  {
	width:					211px;
	height:					38px;
	float:					left;
}

.loginfeld-id  {
	margin-right:			2px;
	width:					52px;
	height:					16px;
	padding-top:			5px;
	padding-bottom:			3px;
	padding-left:			10px;
	padding-right:			10px;
	background:				transparent;
	background-image:		url(../../bilder/header/formfeld-72.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	border:					0px;
	font-size: 				11px;
	line-height:			16px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

.loginfeld-pass  {
	margin-right:			4px;
	width:					71px;
	height:					16px;
	padding-top:			5px;
	padding-bottom:			3px;
	padding-left:			10px;
	padding-right:			10px;
	background:				transparent;
	background-image:		url(../../bilder/header/formfeld-91.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	border:					0px;
	font-size: 				11px;
	line-height:			16px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

#loginbtn  {
	width:					42px;
	height:					24px;
	background-image:		url(../../bilder/header/btn-login-close.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	float:					left;
	margin-left:			-1px;
}

#loginbtn:hover {
	width:					42px;
	height:					24px;
	background-image:		url(../../bilder/header/btn-login-open.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
}

#loginbutton  {
	width:					42px;
	height:					24px;
	background:				transparent;
	border:					0px;
	text-align:				left;
	display:				block;
	margin-left:			-1px;
}

.passweg {
	margin-top:				2px;
	margin-right:			12px;
	float:					right;
}

/* MAINNAVI -------------------------------------------------------------------- */

#picbox-navi  {
	position:				absolute;
	z-index:				20;
	top:					0px;
	left:					0px;
	width:					980px;
	overflow:				visible;
}

#mainnavi  {
	position:				relative;
	width:					980px;
	height:					51px;
	background-image:		url(../../bilder/mainnavi/back.png);
	background-position:	center top;
	background-repeat:		no-repeat;
	overflow:				hidden;
	clear:					both;
}

#mainnavi .navcontent {
	position:				relative;
	width:					100%;
	height:					51px;
	clear:					both;
	text-align:				center;
}

#mainnavi a {
	position:				relative;
	float:					left;
}

#mainnavi .navcontent .trenner {
	position:				relative;
	height:					51px;
	width:					2px;
	float:					left;
}

#mainnavi .navcontent .icon-home {
	position:				relative;
	height:					20px;
	width:					20px;
	padding:				20px 20px 21px 31px;
	float:					left;
}

#mainnavi .navcontent .icon-feed {
	position:				relative;
	height:					20px;
	width:					20px;
	padding:				20px 31px 21px 20px;
	float:					left;
}

 
#navi-over  {
	position:				absolute;
	z-index:				100;
	top:					0px;
	left:					0px;
	width:					980px;
	height:					51px;
} 


/* die restlichen Styles für die Hauptnavigation befinden sich in der kwicksnavi.css */


/* PICBOX ----------------------------------------------------------------------------- */

.picbox {	
	background-position:	0px 51px;
	background-repeat:		no-repeat;
}

.picbox-standard {
	background-image:		url(../../bilder/picbox/screens/couchberatung.jpg);
	background-position:	0px 51px;
	background-repeat:		no-repeat;
}

.picbox-standard-shop {
	background-image:		url(../../bilder/picbox/screens/shop-paar.jpg);
	background-position:	0px 51px;
	background-repeat:		no-repeat;
}

.picbox-standard-suma {
	background-image:		url(../../bilder/picbox/screens/seo-hund.jpg);
	background-position:	0px 51px;
	background-repeat:		no-repeat;
}

#picbox-pic {
	position:				absolute;
	z-index:				1;
	top:					51px;
	left:					0px;
	width:					980px;
	height:					237px;
}

#picbox-over-left {
	position:				absolute;
	z-index:				10;
	top:					51px;
	left:					0px;
	width:					20px;
	height:					237px;
	overflow:				hidden;
}

#picbox-over-right {
	position:				absolute;
	z-index:				10;
	top:					51px;
	left:					960px;
	width:					20px;
	height:					237px;
	overflow:				hidden;
}

/* BROTKRUMEN ----------------------------------------------------------- */

#brotkrumen {
	position:				absolute;
	z-index:				11;
	top:					65px;
	left:					0px;
	width:					980px;
	height:					20px;
	font-size:				10px;
	color:					#a7acb1;
	float:					left;
}

#brotkrumen a {
	text-decoration:		none;
	color:					#a7acb1;
}

#brotkrumen a:hover {
	text-decoration:		none;
	color:					#FFFFFF;
}

#brotkrumen-left {
	width:					30px;
	height:					20px;
	background-image:		url(../../bilder/picbox/brotkrumen-back-left.png);
	background-position:	left center;
	background-repeat:		no-repeat;
	float:					left;
}

#brotkrumen-right {
	height:					20px;
	padding-right:			20px;
	background-image:		url(../../bilder/picbox/brotkrumen-back-right.png);
	background-position:	right center;
	background-repeat:		no-repeat;
	text-align:				left;
	float:					left;
}

.brotkrumen-color {
	text-decoration:		none;
	color:					#2377b8;
	padding-right:			5px;
}

.brotkrumen-trenner  {
	padding-left:			5px;
	padding-right:			5px;
}

/* PICBOX --- HEADLINES ----------------------------------------------------------- */

#headline-h1 {
	position:				absolute;
	z-index:				2;
	top:					140px;
	left:					255px;
	width:					400px;
	height:					45px;
	overflow:				hidden;
}

#headline-h3 {
	position:				absolute;
	z-index:				3;
	top:					178px;
	left:					255px;
	width:					400px;
	height:					25px;
	overflow:				hidden;
}

#h1-eshop-biz {
	background-image:		url(../../bilder/headlines/h1-eshop-biz.png);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h3-eshop-biz {
	background-image:		url(../../bilder/headlines/h3-eshop-biz.png);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-start {
	background-image:		url(../../bilder/headlines/h1-start.png);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h3-start {
	background-image:		url(../../bilder/headlines/h3-start.png);
	background-position:	top right;
	background-repeat:		no-repeat;
}

.claim-main {
	position:				absolute;
	z-index:				2;
	top:					140px;
	left:					250px;
	width:					430px;
	height:					45px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				36px;
	line-height:			45px;
	text-decoration:		none;
	font-weight:			normal;
	color:					#ececec;
	text-align:				left;
	overflow:				hidden;
}

.claim-sub {
	position:				absolute;
	z-index:				3;
	top:					178px;
	left:					250px;
	width:					430px;
	height:					25px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				18px;
	line-height:			25px;
	text-decoration:		none;
	font-weight:			normal;
	color:					#2377b8;
	text-align:				left;
	overflow:				hidden;
}

.claim-main-uni {
	width:					400px;
	height:					45px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				36px;
	line-height:			45px;
	text-decoration:		none;
	font-weight:			normal;
	color:					#ececec;
	text-align:				left;
	text-indent: 			-1000px;
}

.claim-sub-uni {
	width:					400px;
	height:					25px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				18px;
	line-height:			25px;
	text-decoration:		none;
	font-weight:			normal;
	color:					#2377b8;
	text-align:				left;
	text-indent: 			-1000px;
}