@charset "UTF-8";

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

@media all
{
	body {
		background: #fbf0bf;
	}
	#main {
		border: 1px solid #ebe8a3;
	}
	
	h1, h2 {
		color: #1a753d;
		background: url("../img/bg_h1_yellow.gif") repeat-x #fff8d9;
		border-bottom: 1px solid #ebe8a3;
	}
	a, a em.file {
		color: #1a753d;
	}
	strong, b {
		color: #1a753d;
	}
	ul li {
		background: url("../img/arrow_green.gif") no-repeat 0px 0.4em;
	}
	
	ul li a {
		color: #1a753d;
	}
	
	/* ####################################
	** ### Navigation #####################
	** ####################################
	*/
	#nav_main {
		background: url("../img/bg_nav_green.gif") repeat-x transparent;
	}
	#nav_main ul {
		background: url("../img/bg_nav_ul_green.gif") no-repeat top left;
	}
	#nav_main ul li {
		background: url("../img/bg_nav_li_green.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: #1a753d;
	}
	#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: #1a753d;
	}
	#nav_main ul li a:focus,
	#nav_main ul li a:hover,
	#nav_main ul li a:active {
		border-left: 1px solid #ebe8a3;
		border-right: 1px solid #ebe8a3;
	}
	#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 #ebe8a3;
		border-right: 1px solid #ebe8a3;
	}
	
	/* ####################################
	** ### Header #########################
	** ####################################
	*/
	#header div.tx-macinasearchbox-pi1 form input {
		border: 1px solid #fff3bf;
	}
	#topnav {
		right: 98px;
		color: #1a753d;
	}
	
	#topnav a {
		color: #1a753d;
	}
	
	#topnav a.active {
		font-weight: bold;
		color: #1a753d;
	}
	
	/* ####################################
	** ### Footer #########################
	** ####################################
	*/
	#footer {
		color: #1a753d;
	}
	
	/* ####################################
	** ### Teaser #########################
	** ####################################
	*/
	#teaser {
		border-bottom: 1px solid #ebe8a3;
	}
	#teaser .selectFontSize #zoomIn {
		background: url("../img/icons/16b_zoomIn_dunkelgruen.gif") no-repeat;
	}
	#teaser .selectFontSize #normal {
		background: url("../img/icons/16b_normal_dunkelgruen.gif") no-repeat;
	}
	#teaser .selectFontSize #zoomOut {
		background: url("../img/icons/16b_zoomOut_dunkelgruen.gif") no-repeat;
	}
	
	/* ###########################
	** ### cssstyledcontent ######
	** ###########################
	*/
	.simple-box {
		border: 1px solid #fff3bf;
		background: #fffde5;
		margin: 0 0 10px 0;
	}
	.simple-box h2 {
		background: #fff3c0 url("../img/col3_h2_bg_creme.gif") top left repeat-x;
	}
	
	/* ### alternative Layouts (Rahmen) ################################################################# */
	.csc-frame-frame1 h2 {
		color: #fff;
		background: #1B763E;
	}
	
	/* ###########################
	** ### rte styles ############
	** ###########################
	*/
	#col3 img.frame1 {
		border: 1px solid #f4daa0;
	}
	
	/* #############################
	** ### tt_news #################
	** #############################
	*/
	.news-latest-item .left,
	.news-list-item .left {
		border: 1px solid #fff3bf;
		background: #fff;
	}
	.news-latest-item .right,
	.news-list-item .right {
		border-top: 1px solid #fff3bf;
		border-bottom: 1px solid #fff3bf;
	}
	.news-latest-morelink a,
	.news-list-morelink a {
		background: url("../img/arrow_green.gif") no-repeat 0px 50%;
	}
	.csc-frame-frame1 .news-latest-item,
	.csc-frame-frame1 .news-list-item {
		background: #fffde5;
		border: 1px solid #fff3bf;
	}
	
	/* #############################
	** ### 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 #fff3bf solid;
	}
	input.submit,
	input.csc-mailform-submit {
		background: url("../img/buttons/bg_button_stoffwechsel.gif") repeat-x center left;
		/*background: url("../img/bg_button.gif") repeat-x center left;*/
		border-bottom: 1px solid #ebe8a3;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		cursor: pointer;
		color: #1a753d;
	}
	input.submit-next {
		background: url("../img/buttons/bg_button_next_stoffwechsel.gif") no-repeat center right;
		border-bottom: 1px solid #ebe8a3;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		cursor: pointer;
	}
	input.submit-prev {
		background: url("../img/buttons/bg_button_prev_stoffwechsel.gif") no-repeat center left;
		border-bottom: 1px solid #ebe8a3;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		cursor: pointer;
	}
	
	/* ###########################
	** ### tip-a-friend ##########
	** ###########################
	*/
	.tx_tipafriend_tiplink {
		background: url("../img/icons/icon_suggest_dunkelgruen.gif") no-repeat;
	}
	
	
/* Close @media all - DO NOT DELETE! */
}
