/*  01. BASICS ################################################ */

* {
	padding: 0; 
	margin: 0;
}

html {
	background: #ff7315 url(../images/page_bg.gif) repeat-x;
}

body {
	font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* => 1em bzw. 16px; http://www.reeddesign.co.uk/test/points-pixels.html */ 
}

.page_bg_upper {
	position: absolute;
    width: 55.375em;
}

/*  02. GENERAL LAYOUT ####################################### */

#container_outer {
	position: relative;
	width: 55.375em;
	margin: 0 auto;
	padding: 0;
}

#container_inner {
	position: absolute;
	top: 0;
}

#branding {
	height: 11.75em;
	margin-bottom: 0.25em;
}

#sponsors {
	
}

/*  03. BRANDING ############################################## */

#branding {
	position: relative;
}

#branding h1 span {
	display: none;
}

#bp_logo {
	width: 7.3125em;
	height: 4.8125em;
}

a.bundespraesident {
	position: absolute;
	top: 1.25em;
	left: 1.75em;
}

a.bundespraesident span {
	display: none;
}

#bmfwzue_logo {
	width: 10.4375em;
	height: 3.625em;
}

a.bmfwzue {
	position: absolute;
	top: 1.25em;
	right: 1.75em;
}

a.bmfwzue span {
	display: none;
}

#claim {
	position: absolute;
	left: 22.5em;
	top: 5.9375em;
	width: 22.25em;
	height: 3.5625em;
}

#big_button {
	position: absolute;
	top: 2.125em;
	left: 10.5625em;
}

#big_button_img {
	width: 11.8125em;
    height: 11.625em;
}

/*  04. META NAVIGATION ####################################### */

#naviMeta {
	float: left;
	font-size: 65%;
	margin: 16.9em 0 0 46em;
}

#naviMeta ul li {
	display: inline;
	padding-right: 0.7272em;
	margin-right: 0.3636em;
	background: url(../images/navi_meta_divider.gif) right 1px no-repeat;
}

#naviMeta ul li.last {
}

#naviMeta ul li a {
	text-decoration: none;
	color: #ff6600;
}	

/*  05. FONTSIZER ############################################# */

#fontsizer {
    width: 9em;
	font-size: 65%;
	float: left;
	margin-top: 16.9em;
}

.tx-ghfontsize-pi1 ul li {
    float: left;
}

#fontsizer a {
	float: left;
	margin: 0.2727em 0.3636em 0 0;
}

#fontsizer a.incease_size {
	margin-left: 0.2727em;
}

#fontsizer a span {
	display: none;
}

#fontsizer p {
	color: #ff6600;
	float: left;
    font-size: 100%;
}

#fontsizer .tx-ghfontsize-smaller img[style]{
      width: 0.5625em !important;
      height: 0.5625em !important;
}

/*  06. CONTENT AREA ########################################## */

#contentArea {
}

#contentFrame {
	width: 45.5625em;
	height: 21.875em;
	float: right;
	position: relative;
	padding-top: 1.0625em;
}

/*  07. MAIN NAVIGATION ####################################### */

#naviMain {
	position:relative;
	width: 9.4375em;
	margin-left: 0.0625em;
}

.naviMain_bg {
	position: absolute;
	left: -1px;
	z-index: 1;
}

#naviMain ul.level1 {
	position: absolute;
	width: 13.5em;
	font-size: 70%;
	font-weight: bold;
	z-index: 10;
}

#naviMain ul.level1 li.first {
	margin: 0.6em 0 0.3em 0;
}

#naviMain ul.level2 li.first {
	margin: 0;
}

#naviMain ul.level2 {
	font-weight: normal;
	margin: -0.5em 0 0 0.1em;
}

#naviMain ul li a {
	padding: 0.6em 0;
	display: block;
	padding-left: 1em;
	text-decoration: none;
}

#naviMain ul.level2 li a {
	padding: 0.3em 0 0.3em 1em;
}

#naviMain ul.level1 li#nav-13 a {
	background: #145866;
	color: #8aacb3;
}

#naviMain ul.level1 li#nav-13 ul.level2 li a {
	background: none;
	color: #145866;
}

#naviMain ul.level1 li#nav-13 ul li {
	border-bottom: 1px solid #145866;
}

#naviMain ul.level1 li.first a {
	background: #FF6600;
	color: #ffb380;
	display: block;
	margin-top: 0.5em;
}

#naviMain ul.level1 li#nav-7 a {
	background: #abba00;
	color: #d5dd80;
}

#naviMain ul.level1 li#nav-7 ul.level2 li a {
	background: none;
	color: #abba00;
}

#naviMain ul.level1 li#nav-7 ul li {
	border-bottom: 1px solid #ABBA00;
}

#naviMain ul.level1 li#nav-13 ul li.last,
#naviMain ul.level1 li#nav-7 ul li.last {
	border: none;
}

#naviMain ul.level1 li.act a {
	background: #FF6600 url(../images/navi_main_act.gif) no-repeat 0.36em 0.84em;
}

#naviMain ul.level2 li.no a,
#naviMain ul.level2 li.first a,
#naviMain ul.level2 li.last a {
	background: none;
}

#naviMain ul.level1 li#nav-7 ul.level2 li.last {
	margin-top: 1.5em;
	border-bottom: 1px solid #2dc7e5;
	border-top: 1px solid #2dc7e5;
}

#naviMain ul.level1 li#nav-7 ul.level2 li.last a {
 	color: #2dc7e5;
    background: url(../images/lehrernetzwerk_bg.gif) no-repeat 10em 0.5em ;
}

#container_outer #naviMain ul.level1 li.act a, 
#container_outer #naviMain ul.level1 li.cur a {
    color: #fff;
}

#naviMain ul.level1 li#nav-13 ul.level2 li a:hover,
#naviMain ul.level1 li#nav-13 ul.level2 li.act a,
#naviMain ul.level1 li#nav-13 ul.level2 li.cur a {
    background: #a9c2c7;
}
    
#naviMain ul.level1 li#nav-13 ul.level2 li.act a, 
#naviMain ul.level1 li#nav-13 ul.level2 li.cur a {
    background: #a9c2c7 url(../images/navi_cur_mitmachen.gif) 5px 7px no-repeat;
}

#naviMain ul.level1 li#nav-7 ul.level2 li a:hover, 
#naviMain ul.level1 li#nav-7 ul.level2 li.act a, 
#naviMain ul.level1 li#nav-7 ul.level2 li.cur a {
    background: #ecefc7;
}

#naviMain ul.level1 li#nav-7 ul.level2 li.act a, 
#naviMain ul.level1 li#nav-7 ul.level2 li.cur a {
    background: #ecefc7 url(../images/navi_cur_unterricht.gif) 5px 7px no-repeat;
}

#naviMain ul.level1 li#nav-7 ul.level2 li a#uid8:hover,
#naviMain ul.level1 li#nav-7 ul.level2 li.act a#uid8,
#naviMain ul.level1 li#nav-7 ul.level2 li.cur a#uid8 {
    background: #d6ebef url(../images/lehrernetzwerk_bg.gif) no-repeat 10em 0.5em ;
}


/*  08. MOOD IMAGE ############################################ */

#mood_image {
	float: right;
	margin-right: 0.125em;
	margin-top: 0.4375em;
    height: 12.0625em;
    width: 45.4375em;
}

#mood_image img {
	height: 12.0625em;
    width: 45.4375em;
}		

/*  09. MAIN CONTENT ########################################## */

.content_bg {
	position: absolute;
	right: 0;
	top: 0.375em;
}

#contentMain {
	float: left;
	width: 28.6875em;
    	height: 18em;
	position: absolute;
	z-index: 99;
	padding-left: 0.8125em;
	padding-right: 0.8125em;
}

/*  10. ADDITIONAL CONTENT##################################### */

#contentAdditional {
	position: absolute;
	right: 0;
	top: 1.0625em;
	width: 13.5625em;
	z-index: 99;
	padding-left: 0.8125em;
	padding-right: 0.8125em;
}

/*  11. PAGE OPTIONS ########################################## */

#pageOptions {
	width: 13em;
    position: absolute;
	bottom: 1.3em;
   	right: 1em;
	z-index: 99;
}

#pageOptions a {
    color: #ff6600;
    font-size: 65%;
    text-decoration: none;
}

#pageOptions #pageOptionsDivider {
    float: left;
    margin-top: 0.6em;
    margin-left: 0.3em;
}

#pageOptions div a img {
    margin: 0 0 0 0.3em;
}

.printlink {
    float: left;
    margin-top: 0.5em;
}

.tiplink {
    float: right;
    margin-top: 0.5em;
}

.printlink a img {
    width: 1.1607em;
    height: 1.0714em;
}

.tiplink a img {
    width: 0.8035em;
    height: 0.9821em;
}

/*  12. SPONSORS ############################################## */

#sponsors {
    clear: both;
    padding: 0em 0em 0em 1.4em;
}

.sponsorblock {
    float: left;
    margin-right: 0.7em;
    padding-right: 0.5em;
    background: url(../images/logo_divider_large.gif) no-repeat right bottom;
}

.sponsorblock_small {
     background: url(../images/logo_divider.gif) no-repeat right bottom;
}

.sponsorblock_last {
    margin-top: 1.5em;
    margin-right: 0;
    background: none;
}

.sponsorblock p {
    height: 2.7em;
    font-size: 55%;
    color: #989898;
}

.sponsorblock p.sponsor_business {
    margin-top: 1.4em;
    height: 1.3em;
}

.sponsorlink {
    margin-right: 0.7em;
}

.sponsorlink_last {
    margin-right: 0;
}

.sponsorlink span {
    display: none;
}

#sponsors #gsv_logo,
#sponsors #inwent_logo {
	width: 3.75em;
	height: 2.8125em;
}

#sponsors #cornelsen_logo {
	width: 3.4375em;
	height: 2.8125em;
}

#sponsors #kmw_logo {
	width: 2.3125em;
	height: 2.8125em;
}

#sponsors #dahw_logo {
	width: 1.625em;
	height: 2.8125em;
}

#sponsors #knh_logo {
	width: 2.375em;
	height: 2.8125em;
}

#sponsors #donbosco_logo {
	width: 3.5625em;
	height: 2.8125em;
}

#sponsors #wundt_logo {
	width: 3.1875em;
	height: 2.8125em;
}

#sponsors #ibm_logo {
	width: 3.125em;
	height: 2.8125em;
}

#sponsors #bw_logo {
	width: 7.0625em;
	height: 2.8125em;
}

#sponsors #bmz_logo {
	width: 2.75em;
	height: 2.8125em;
}


/*  13. GENERAL PAGE CONTENT ################################## */

#contentAdditional .tx-tagpack-pi1-linkbox a {
	text-decoration: none;
	color: #68696a;
}

#sliderContent {
	height: 18em;
}

#contentAdditional h2,
#contentMain h2 {
    margin-bottom: 0.2em;
}

#contentMain form {
}

#contentMain input, 
#contentMain textarea {
    border: 1px solid #FF6600;
}

#contentMain label {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: right;
    width: 200px;
}

.news-latest-item img {
    float: left;
    clear: both;
    margin-right: 1em;
}

.news-latest-item h3 a {
    font-size: 80%;
    color: #ff6600;
    font-weight: bold;
    text-decoration: none;
}

.news-latest-morelink a{
    font-size: 80%;
    color: #ff6600;
    text-decoration: none;
    
}

.news-latest-item p {
    font-size: 80%;
}

.news-latest-item {
    border-bottom: 1px solid #ffd1b2;
    margin-top: 1em;
}

#contentMain p,
#contentAdditional p.bodytext,
#contentMain p.bodytext {
    font-size: 70%;
    margin-bottom: 1em;
}

#contentMain p.bodytext a {
    color: #FF6600;
}

#contentMain p.bodytext a:hover {
    color: #000;
}


#contentAdditional b,
#contentAdditional strong,
#contentMain b,
#contentMain strong {
    font-weight: bold;    
}

#contentAdditional em,
#contentMain em {
    font-style: italic;
}

#contentAdditional h2,
#contentMain h2 {
    margin-top: 1em;
}

#contentAdditional .csc-header-n1 h2,
#contentMain .csc-header-n1 h2 {
    margin-top: 0;
}

.tx-newloginbox-pi1 h3 {
    color: #2DC7E5;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 100%;
}

.tx-newloginbox-pi1 th label {
    font-weight: bold;
    margin-right: 0.5em;
}

.tx-newloginbox-pi1 td {
    padding-bottom: 0.3em;
}

.tx-newloginbox-pi1 td input {
    font-size: 80%;
    border: 1px solid #2DC7E5;
}

.tx-newloginbox-pi1 p a {
    color: #2DC7E5;
    margin-left:205px;
}

.tx-mmforum-button,
.loginsubmit {
    background: #2DC7E5;
    color: #fff;
    cursor: pointer;
}

.tx-mmforum-pi2-container p {
    margin-bottom: 0.3em;
}

.tx-mmforum-pi2-container p label {
    display: block;
    float: left;
    width: 200px;
}   

.tx-mmforum-pi2-container p input { 
    border: 1px solid #2DC7E5;
}

.tx-mmforum-pi2-container p.required {
    font-size: 70%;
    margin-bottom: 1em;
}

#contentAdditional ul.level1 {
    margin-top: 1em;
}

#contentAdditional ul.level2 {
    margin-top: 0;
}

#contentAdditional ul.level1 li a {
    display: block;
    background: #ECEFC7 url(../images/materialsammlung_arrow.gif) 0.5em 1em no-repeat;
    text-decoration: none;
    color: #ABBA00;
    font-size: 75%;
    font-weight: bold;
    margin-top: 0.5em;
    padding: 0.5em 0em 0.5em 1.5em;
}

#contentAdditional ul.level1 li ul.level2 li a {
    font-size: 70%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.2em 0em 0.2em 1em;
    background: #ECEFC7;
    border-bottom: 1px solid #cbd463;
}

#contentAdditional ul.level1 li ul.level2 li.last a {
    border: none;
}

.tx-dropdownsitemap-pi1 .expAll a,
.tx-dropdownsitemap-pi1 li a {
	font-size: 70%;
}

.tx_tipafriend_url {
   font-size: 70%;
}

.tx_tipafriend_url a {
    color: #FF6600;
    text-decoration: none;
}

.tx_tipafriend_formfield {
   font-size: 70%;
}

.tx_tipafriend_text {
   font-size: 80%;
}

.tx_tipafriend_formfield input,
.tx_tipafriend_formfield textarea {
   border: 1px solid #FF6600;
}

.tx_tipafriend_formfield textarea {
   height: 2.5em;
}

#tx_tipafriend_button {
   background: #FF6600;
   color: #fff;
   border: none;  
}

.tx_tipafriend_error_box {
    background-color:#fff;
    border: 2px solid red;
    color:red;
    font-weight:bold;
    font-size: 70%;
    margin:0 0 10px;
    padding:5px;
}

.themendossiers ul {
    display: none;
}

.tx-cagmaterialbrowser-pi1 {
    position: absolute;
    top: 8.125em;
    width: 13.75em;
    z-index: 99;
}

#contentAdditional .hmenu ul.themendossiers li#nav-63,
#contentAdditional .hmenu ul.themendossiers li#nav-68 {
    position: absolute;
    top: 3.125em;
    width: 13.5em;
    z-index: 9999;
}

#contentAdditional .hmenu ul.themendossiers li#nav-107 {
    position: absolute;
    top: 5.5625em;
    width: 13.5em;
    z-index: 999;
}

#contentAdditional .hmenu ul.themendossiers li.last ul li.last {
    position: relative;
}

/* Newsletter form Styles */
#newsletterform {
    margin: 1em 0 1.6em 0;
    font-size: 80%;
}
#newsletterform input {
    width: 200px;
}
#newsletterform .answer {
    clear:o left;
    padding: 5px 0;
}
#newsletterform .btn {
    width: 202px;
    margin: 0 0 0 205px;;
    border: medium none;
    padding: 3px 0;
    background: #FF6600 none repeat scroll 0 0;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
}
#newsletterform .notice {
}

.tx-dropdownsitemap-pi1 a,
.tx-dropdownsitemap-pi1 a:link,
.tx-dropdownsitemap-pi1 a:visited,
.tx-dropdownsitemap-pi1 a:hover,
.tx-dropdownsitemap-pi1 a:active {
    color: #FF6600;
}

#nav-95 a,
#nav-94 a,
#nav-93 a {
    display: block;
    width: 9.5em;
    text-decoration: none;
    color: #145866;
    border: 1px solid #84b6bf;
    font-size: 75%;
    font-weight: bold;
    margin-right: 1em;
    padding: 0.3em 0.3em 0.3em 1em;
    float: left;
    background: url(../images/navi_no_rueck.gif) 5px 8px no-repeat;
}

#nav-93 a {
    margin-right: 0;
}

#nav-95 a.cur,
#nav-94 a.cur,
#nav-93 a.cur {
    background: #6f9fa8 url(../images/navi_cur_rueck.gif) 4px 9px no-repeat;
}

.clearer {
    clear: both;
    height: 1px;
    width: 1px;
    line-height: 1px;
}

.materialienlist hr {
    clear: both;
}

#contentMain .tx-cagordermaterialbymail-pi1 input,
#contentMain .tx-cagordermaterialbymail-pi1 select,
#contentMain .tx-cagordermaterialbymail-pi1 textarea {
    border: 1px solid #ABBA00;
} 

#contentMain .tx-cagordermaterialbymail-pi1 {
    margin-top: 2em;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialien_submit input {
    background: #ABBA00;
    color: #fff;
    margin-top: 1em;
    font-size: 70%;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_label {
    float: left;
    width: 8.5em;
    font-size: 70%;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input {
    margin-bottom: 0.5em;
    font-size: 70%;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input input, 
#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input select,
#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input textarea {
    width: 20em;
}

#nav-96,
#nav-97,
#nav-98,
#nav-99,
#nav-100,
#nav-101,
#nav-102,
#nav-103,
#nav-104 {
    margin-bottom: 0.5em;
}

#nav-96 a,
#nav-97 a,
#nav-98 a,
#nav-99 a,
#nav-100 a,
#nav-101 a,
#nav-102 a,
#nav-103 a,
#nav-104 a {
    color: #ABBA00;
    font-size: 75%;
    text-decoration: none;
}

.materialienlist {
    margin-top: 2em;
}

.materialienlist .resultrow {
    margin-bottom: 1em;
}

.materialienlist .resultrow .preview {
    float: left;
    margin: 0 0.5em 0.5em 0;
}

.materialienlist .resultrow .order {
    width: 1em;
    height: 1em;
    float: left;
    margin-right: 0.3em;
}

.materialienlist .resultrow .description h4 {
    color: #ABBA00;
    font-weight: bold;
    text-decoration: none;
    font-size: 70%;
    margin-bottom: 1em;
}

#contentMain .section_headline h2 {
	text-decoration: none;
	margin: 2em 0 1em 0;
}

.section_headline h2 a {
	color: #ABBA00;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
}

.tx-cagordermaterialbymail-pi1 ul.errorlist {
	border: 2px solid red;
	margin-bottom: 1em;
	padding: 0.3em;
}

.tx-cagordermaterialbymail-pi1 ul li.errorlist {
	font-size: 70%;
	color: red;
}

.tx-tagpack-pi3-taggedelementslist h3 {
	font-size: 70%;
	text-decoration: none;
}

.tx-tagpack-pi3-taggedelementslist a {
	font-size: 70%;
	color: #FF6600;
}

.tx_tipafriend_formfield input,
#contentMain #newsletterform input {
	border: 1px solid #FF6600;
}

.search_label {
	position: absolute;
	top: 0em;
	left: 7.8em;
	font-size: 70%;
	font-weight: bold;
	color: #ABBA00;
}

.tx_tipafriend_werbemail,
.tx_tipafriend_text {
	text-align: left;
}

.tx_tipafriend p a {
	color: #FF6600;
}

#contentAdditional .tx-tagpack-pi1-tagcloud .tx-tagpack-pi1-linkbox a:hover {
	color: #FF6600 !important;
}

.tx-dropdownsitemap-pi1 span.ifsub {
	font-weight: normal;
}

.csc-textpic-intext-left-nowrap {
	border-top: 1px solid #4c8c99;
	margin-bottom: 1em;
}

.csc-textpicHeader h4 {
	color: #4c8c99;
	text-decoration: none;
	font-weight: bold;
	font-size: 70%;
	margin: 0.3em 0 0.2em 0; 
}

.tx-dropdownsitemap-pi1 span.ifsub {
	text-transform: none;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_long input,
#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_short input {
    width: 1em;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_long,
#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_short {
    margin-bottom: 0.3em;
}

#tx_cagordermaterialbymail_pi1_sender_adresse {
    margin-top: 0.4em;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_long .material_radio,
#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_short .material_radio {
    float: right;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_short {
    width: 18em;
}

#contentMain .tx-cagordermaterialbymail-pi1 .materialbestellung_input .adresstyp_long {
    width: 28em;
}

#youtubevideo {
	position: relative;
}