@charset "UTF-8";

/*
** Farbcodes diabetes-eltern-journal.de:
** helles orange: #fee6af (Hintergrund)
** orange: #d05301 (Schrift)
** braun-orange: #f4daa0 (Rahmen)
*/

@media all
{
	body {
		background: #fee6af;
	}
	#main {
		border: 1px solid #f4daa0;
	}
	
	h1, h2 {
		color: #d05301;
		background: url("../img/bg_h1_orange.gif") repeat-x #fef1d0;
		border-bottom: 1px solid #f4daa0;
	}
	a, a em.file {
		color: #d05301;
	}
	strong, b {
		color: #d05301;
	}
	ul li {
		background: url("../img/arrow_orange.gif") no-repeat 0px 0.4em;
	}
	
	/* ####################################
	** ### Navigation #####################
	** ####################################
	*/
	#nav_main {
		background: url("../img/bg_nav_orange.gif") repeat-x #f4daa0;
	}
	#nav_main ul {
		background: url("../img/bg_nav_ul_orange.gif") no-repeat top left;
	}
	#nav_main ul li {
		background: url("../img/bg_nav_li_orange.gif") no-repeat top right;
	}
	#nav_main ul li a,
	#nav_main ul li strong {
		color: #fff;
	}
	#nav_main ul li a:focus,
	#nav_main ul li a:hover,
	#nav_main ul li a:active {
		color: #d05301;
	}
	#nav_main ul li#current strong,
	#nav_main ul li#current a,
	#nav_main ul li#current a:focus,
	#nav_main ul li#current a:hover,
	#nav_main ul li#current a:active {
		color: #d05301;
	}
	#nav_main ul li a:focus,
	#nav_main ul li a:hover,
	#nav_main ul li a:active {
		border-left: 1px solid #f4daa0;
		border-right: 1px solid #f4daa0;
	}
	#nav_main ul li#current strong,
	#nav_main ul li#current a,
	#nav_main ul li#current a:focus,
	#nav_main ul li#current a:hover,
	#nav_main ul li#current a:active {
		border-left: 1px solid #f4daa0;
		border-right: 1px solid #f4daa0;
	}
	
	/* ####################################
	** ### Header #########################
	** ####################################
	*/
	#header div.tx-macinasearchbox-pi1 form input {
		border: 1px solid #f4daa0;
	}
	#topnav {
		right: 98px;
	}
	#topnav a.active {
		font-weight: bold;
	}
	
	/* ####################################
	** ### Footer #########################
	** ####################################
	*/
	#footer {
		color: #D05301;
	}
	
	/* ####################################
	** ### Teaser #########################
	** ####################################
	*/
	#teaser {
		border-bottom: 1px solid #f4daa0;
	}
	#teaser .selectFontSize #zoomIn {
		background: url("../img/icons/16b_zoomIn_orange.gif") no-repeat;
	}
	#teaser .selectFontSize #normal {
		background: url("../img/icons/16b_normal_orange.gif") no-repeat;
	}
	#teaser .selectFontSize #zoomOut {
		background: url("../img/icons/16b_zoomOut_orange.gif") no-repeat;
	}
	
	
	/* ###########################
	** ### cssstyledcontent ######
	** ###########################
	*/
	/*#col3 .bodytext,
	#col3 .csc-textpic,
	#col3 .news-latest-container,
	#col3 .csc-textpic-text*/
	.simple-box {
		border: 1px solid #f4daa0;
		background: #fef7e7;
		margin: 0 0 10px 0;
	}
	.simple-box h2 {
		background: #fee6af;
	}
	
	/* ### alternative Layouts (Rahmen) ################################################################# */
	.csc-frame-frame1 h2 {
		color: #fff;
		background: #d05301;
	}
	
	
	/* ###########################
	** ### rte styles ############
	** ###########################
	*/
	#col3 img.frame1 {
		border: 1px solid #f4daa0;
	}
	
	
	/* #############################
	** ### tt_news #################
	** #############################
	*/
	.news-latest-item .left,
	.news-list-item .left {
		border: 1px solid #f4daa0;
		background: #fff;
	}
	.news-latest-item .right,
	.news-list-item .right {
		border-top: 1px solid #f4daa0;
		border-bottom: 1px solid #f4daa0;
	}
	.news-latest-morelink a,
	.news-list-morelink a {
		background: url("../img/arrow_orange.gif") no-repeat 0px 50%;
	}
	.csc-frame-frame1 .news-latest-item,
	.csc-frame-frame1 .news-list-item {
		background: #fee6af;
		border: 1px solid #f4daa0;
	}
	
	/* #############################
	** ### tx_n98teaserrotation ####
	** #############################
	*/
	
	/* @section n98_teaserrotation */
	
	.tx-n98teaserrotation-pi1 {
		position: relative;
		width: 532px;
	}

	* html .tx-n98teaserrotation-pi1 {
	width: 542px;
	}
	
	.tx-n98teaserrotation-pi1 .teaser_rotation_item {
		float: left;
		margin: 0px 10px 10px 0px;
	}

	* html .tx-n98teaserrotation-pi1 .teaser_rotation_item {
		margin: 0px 5px 10px 0px;
	}

	*:first-child+html .tx-n98teaserrotation-pi1 .teaser_rotation_text {
		margin: -4px 0 0 0;
	}

	* html .tx-n98teaserrotation-pi1 .teaser_rotation_text {
		margin: -4px 0 0 0;
	}

	.tx-n98teaserrotation-pi1 .teaser_rotation_text span {
		position: relative;
		top: 5px;
		left: 10px;
	}
	
	.tx-n98teaserrotation-pi1 .teaser_rotation_text a {
		background: transparent url(../img/link_arrow_white.gif) right 5px no-repeat;
		color: #FFF;
		font-weight: bold;
		padding-right: 12px;
		text-decoration: none !important;
	}
		
	.tx-n98teaserrotation-pi1 .orange {
		background: url("../img/bg_teaser_orange.jpg") repeat-x;
		width: 256px;
		height: 24px;
		margin-top: -3px;
		position: relative;
		z-index: 99;
	}
	
	.tx-n98teaserrotation-pi1 .blau {
		background: url("../img/bg_teaser_blau.jpg") repeat-x;
		width: 256px;
		height: 24px;
		margin-top: -3px;
		position: relative;
		z-index: 99;
	}
	
	.tx-n98teaserrotation-pi1 .rot {
		background: url("../img/bg_teaser_rot.jpg") repeat-x;
		width: 256px;
		height: 24px;
		margin-top: -3px;
		position: relative;
		z-index: 99;
	}
	
	.tx-n98teaserrotation-pi1 .dunkelrot {
		background: url("../img/bg_teaser_dunkelrot.jpg") repeat-x;
		width: 256px;
		height: 24px;
		margin-top: -3px;
		position: relative;
		z-index: 99;
	}
	
	/* #####################################################################
	** ### Spezielle Formatanweisungen des TYPO3 Templates #################
	** #####################################################################
	*/
	input, textarea, select {
		border: 1px #f4daa0 solid;
	}
	input.submit,
	input.csc-mailform-submit {
		background: url("../img/buttons/bg_button_eltern.gif") repeat-x center left;
		/*background: url("../img/bg_button.gif") repeat-x center left;*/
		border-bottom: 1px solid #fae2ab;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		cursor: pointer;
		color: #d05301;
	}
	input.submit-next {
		background: url("../img/buttons/bg_button_next_eltern.gif") no-repeat center right;
		border-bottom: 1px solid #fae2ab;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		cursor: pointer;
	}
	input.submit-prev {
		background: url("../img/buttons/bg_button_prev_eltern.gif") no-repeat center left;
		border-bottom: 1px solid #fae2ab;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		cursor: pointer;
	}
	
	/* ###########################
	** ### tip-a-friend ##########
	** ###########################
	*/
	.tx_tipafriend_tiplink {
		background: url("../img/icons/icon_suggest_orange.gif") no-repeat;
	}
	
	/* ###########################
	** ### Umfragen - quickpoll ##
	** ###########################
	*/
	/*#col3 .tx-quickpoll-pi1 {
		border: 1px solid #F4DAA0;
	}*/
	#col3 .tx-quickpoll-pi1 .submit {
		background: url("../img/bg_poll_submit_orange.gif") no-repeat;
	}
	
/* Close @media all - DO NOT DELETE! */
}