/*
**	CSS - Breast Friends
**	Marcus Persson - 15:25 2007-08-29
**
*/
* {margin:0;padding:0}
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-color:#fdecf4;}
p{padding:0px 0px 8px 0px;margin:0px;}
div#container{text-align:left;position:relative;padding-top:10px;}
div#container{width:890px;margin:0 auto;}
div#footer p{margin:0;padding:5px 10px;text-align:right;}

/*** content ***/
div p{line-height:1.3}
/*** startpage-normal ***/
div#content{width:395px;margin-left:45px;padding-top:30px;}
/*div#navigation{float:right;width:220px;margin-right:10px;}*/
/*div#content{float:left;width:640px;margin-left:10px;}*/

/*** tpl-breastfriend-02 ***/
/*div.bg-tpl-02 {clear:both;width:865px;;margin-left:20px;background:transparent url(../_img/bg-nominera.jpg) no-repeat scroll 100% 0%;}*/
div#normal-tpl-02 {float:left;width:585px;margin-left:28px;padding-top:30px;}
div#right-tpl-02 {margin-left:615px;width:240px;}

/*** tpl-breastfriend-03 ***/ 
/*div.bg-tpl-03 {clear:both;width:862px;margin-left:3px;margin-right:20px;background:transparent url(../_img/bg-nominera.jpg) no-repeat scroll left top;}*/
div#normal-tpl-03 {float:left;width:200px;margin-left:40px;padding-top:30px;}
div#right-tpl-03 {margin-left:248px;width:600px;padding-top:30px;}

/*** tpl-breastfriend-04 ***/
/*div.bg-tpl-04 {clear:both;width:862px;margin-left:20px;background:transparent url(fileadmin/templates/breastfriends/_img/bg-nominera.jpg) no-repeat scroll 100% 0%;}*/
div#normal-tpl-04 {width:395px;margin-left:43px;padding-top:30px;}
.header-image {padding-bottom:3px;}
.header-text {display:none;}
.csc-header {min-height:46px;}
/*** Extra Border ***/

div.extra-border{background:transparent url(../_img/dotted-line.gif) repeat-x top left;height:4px;margin-left:45px;width:810px;}

/*** Extra ***/
div#extra{clear:left;width:812px;padding-top:10px;margin-left:45px;}/**/
div#extra-left {width:49%;float:left;}
div#extra-right {width:45%;top: 0; right: 0; position: absolute; margin-top: 30px;margin-right: 20px;}/*425px*/



/*** Header ***/
div#header {height:49px;background:transparent url(../_img/borders/border-inner-wrap.gif) no-repeat bottom left;padding-left:3px;margin:0px;}
div.header-left {width:38px;float:left;padding-top:18px;}
div.header-logotype {width:110px;float:left;padding-top:9px;}
div.header-logotype a {padding:0px;margin:0px;}
div.header-menu-wrap {float:left;padding-top:18px;width:732px;}
div#header-main-menu {background-color:#F49FC6;height:29px;width:640px;float:left;line-height:29px;}
div.header-roche {background-color:#F49FC6;height:29px;float:left;width:92px;}
div.header-roche a, div.header-roche img {padding:0px;margin:0px;}


div.wrapper {clear:both;width:100%; position: relative;}
/*div.bg {background:transparent url(../_img/bg-startpage.jpg) no-repeat scroll 98% 0%;}*/
div.wrapper2 { float: right; position: absolute; top: 0; right: 0; padding-right: 40px; padding-top: 405px;}
div#footer {background-color:#fdecf4;height:40px}
span#footer-menu {font-family:arial,sans-serif;color:#cc6699;float:right;padding-right:5px;}
span#footer-menu a {font-family:arial,sans-serif;color:#cc6699;text-decoration:none;font-size:76%;padding-left:4px;padding-right:4px;}
div.border-mid {clear:left;background:transparent url(../_img/borders/border-wrap.gif) repeat-y;}
div.border-top {background:transparent url(../_img/borders/top-border.gif) no-repeat;width:889px;height:15px;}
div.border-bottom {clear:left;background:transparent url(../_img/borders/btm-border.gif) no-repeat;width:889px;height:15px;}
div.page {height:80px;width:50%;float:left;}
div.outer-one {
	background:transparent url(../_img/borders/line-orange.gif) no-repeat scroll 0% 45px;
	left:0pt;position:absolute;top:0pt; }
div.outer-two {
	background:transparent url(../_img/borders/line-pink.gif) no-repeat scroll 100% 45px;
	left:50%;position:absolute;top:0pt; }
.clearfix {
	display:block;
}

.horizontal li, .horizontal li a {
	display:block;
	float:left;
}
.horizontal li img {
	margin-left:10px;
}
.clearfix {
	display:block;
	clear:right;
}
.menu-list, .menu-list li, .menu-list li a {
	list-style-type:none;
}
.menu-list {
	height:29px;
}
.menu-list-no, .menu-list-no-last {
line-height:29px;
background-color:#F49FC6;
background-image: url(../_img/whiteh20px.gif);
background-position: top right;
background-repeat: no-repeat;

}
.menu-list-no a {
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:95%;
	height:29px;
	
	padding-right:12px;
	padding-left:12px;
}
.menu-list-no-last a {
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:95%;
	height:29px;
	padding-right:12px;
	padding-left:12px;
}
.menu-list-act, .menu-list-act-last {
line-height:29px;
background-color:#F47021;
background-image: url(../_img/whiteh20px.gif);
background-position: top right;
background-repeat: no-repeat;
}
.menu-list-act a {
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:95%;
	height:29px;
	
	padding-right:12px;
	padding-left:12px;
}
.menu-list-act-last a {
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:95%;
	height:29px;
	padding-right:12px;
	padding-left:12px;
}
.menu-sp {padding:0;margin:0;width:1px;}
.roche-logotype {
	float:left;
	width:100px;
	height:29px;
	background-color:#f49fc6;
}
.typo3-adminPanel {text-align:left;float:left;}


/***** Form Data ********/
.form-wrapper {width:569px;margin:0px;padding:0px;}
.form-top-border {clear:both;width:560px;;;background: transparent url(../_img/dot-h-line.gif) repeat-x bottom left;margin-bottom:6px;padding:0px;height:4px;}
.form-left-border {float:left;background:transparent url(../_img/dot-v-line.gif) repeat-y top left;width:6px;height:518px;}
.form-right-border {float:right;background:transparent url(../_img/dot-v-line.gif) repeat-y top left;width:4px;height:518px;}
.form-btm-border {clear:both;width:560px;background:transparent url(../_img/dot-h-line.gif) repeat-x top left;height:4px;}
.form-container {float:left;width:558px;margin:0px;padding:0px;}
.form-content {width:100%;width:555px;border:none;margin:0px;background:transparent url(../_img/form-bg-fade.jpg) repeat-x top left;}
.mailFormplus {margin:0px;padding-left:10px;padding-right:10px;}



.mailFormplus {padding:10px;}
.mailFormplus div {padding-bottom:8px;text-align:left;}

.formlabel {text-align:left;font-size:96%;}
.inputbox {width:163px;border:1px solid #cd6997;}
.notes {border:1px solid #cd6997;width:532px;height:165px;}
.floatleft {float:left;}
.floatright {float:right;}
.clearboth {clear:both;}
.clearright {clear:right;}
.clearleft {clear:left;}
.float-clear-left {clear:left;float:left;}
.float-clear-right {clear:right;float:right;}
.halfwidth {width:48%;}
.form-error, .meddelande-error {clear:both;padding-bottom:11px;}
.form-error li, .meddelande-error li {margin-left:30px;color:#000000;}
/*.error-frame {background-color:#F8AE8A;border:1px solid #F47021;color:#000000;padding:15px;}*/
.error-frame {background-color:#FDECF4;border:1px solid #F49FC6;color:#000000;padding:15px;}

.meddelande-wrapper {width:580px;margin:0px;padding:0px;}
.meddelande-top-border {clear:both;width:575px;;background: transparent url(../_img/dot-h-line.gif) repeat-x bottom left;margin:0px 0px 4px 2px;padding:0px;height:4px;}
.meddelande-left-border {float:left;background:transparent url(../_img/dot-v-line.gif) repeat-y top left;width:6px;height:230px;margin-top:2px;}
.meddelande-right-border {float:right;background:transparent url(../_img/dot-v-line.gif) repeat-y top left;width:4px;height:230px;margin-top:2px;}
.meddelande-btm-border {clear:both;width:575px;background:transparent url(../_img/dot-h-line.gif) repeat-x top left;height:4px;margin-left:2px;margin-right:2px;}
.meddelande-container {float:left;width:567px;margin:0px;padding:0px;}
.meddelande-content {width:100%;width:566px;border:none;margin:0px;background:transparent url(../_img/form-bg-fade.jpg) repeat-x top left;}
.meddelande {border:1px solid #cd6997;width:100%;height:150px;}

.formtips-left-border {float:left;background:transparent url(../_img/dot-v-line.gif) repeat-y top left;width:6px;height:407px;}
.formtips-right-border {float:right;background:transparent url(../_img/dot-v-line.gif) repeat-y top left;width:4px;height:407px;}

.news-list-item h1 {
font-size: 14px;
color: #f47021;
}
.news-list-item h1 a {
color: #f47021
}
.news-list-morelink a {
color: #f47021;
}
.news-list-date {
font-size: 12px;
}
.news-list-morelink {
padding-bottom: 5px;
}