* {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.tx-srlanguagemenu-pi1 select {
	background: #8ba2c1;
}

.clear:after, .tx-indexedsearch-res h3:after {
	content: ".";
	display: block;
	height: 0;	
  clear: both;
	visibility: hidden;
}

.clear, .tx-indexedsearch-res h3 { 
  display: inline-table;
}

/* Hides from IE-mac \*/
* html .clear, * html .tx-indexedsearch-res h3 {
  height: 1%;
}

.clear, .tx-indexedsearch-res h3 {
  display: block;
}
/* End hide from IE-mac */

img, fieldset {
  border: 0;
}

a, :focus {
  outline: 0;
}

@media screen {
  
  html, body {
  	background: #fff url('../img/bg.gif') left top repeat-x;
  }

  body {
    color: #003564;
  	font-size: .75em;
  	text-align: center;
  }
  
  .small #siteholder {
  	font-size: 90%;
  }
  
  .medium #siteholder {
  	font-size: 100%;
  }
  
  .big #siteholder {
  	font-size: 120%;
  }
  
  a {
    color: #ec6b10;
    text-decoration: none;
  }
  
  input, select, textarea {
    color: #003564;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 100.1%;
  }
  
  #middle input, #middle select, #middle textarea {
    border: 1px solid #b2c9df;
    padding: 5px;
  }
  
  .access, #logo h1 span, #logo h2, #meta label {
    display: none;
  }
  
  a, a *, button, button *, .btn, .btn *, .submit, .submit * {
    cursor: pointer;
  }
  
  button, .btn, .submit {
    background: #db5c03 url('../img/btnbg.gif') left top repeat-x;
    border: 0 none !important;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  
  #siteholder {
    background: #fff;
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 86em;
    overflow: hidden;
  }
    
  #siteholder .siteholder_t {
    background: transparent url('../img/sbgt.gif') left top repeat-x;
  }

  #siteholder .siteholder_l {
    background: transparent url('../img/sbgl.gif') left top no-repeat;
  }

  #siteholder .siteholder_r {
    background: transparent url('../img/sbgr.gif') right top no-repeat;
  }

  #siteholder .siteholder_tl {
    background: transparent url('../img/sbgtl.gif') left top no-repeat;
  }

  #siteholder .siteholder_tr {
    background: transparent url('../img/sbgtr.gif') right top no-repeat;
    padding: 16px 1em 0 1em;
    width: 84em;
  }

  #site {
    display: block;
    padding: 1em;
    width: 82em;
  }
  
  #header {
    background: transparent url('../img/headerbg.gif') -4px bottom repeat-x;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  
  #logo, #logo h1, #logo h1 a {
    display: block;
    height: 74px;
    width: 499px;
  }
  
  #logo {
    float: left;
  }
  
  #logo h1 {
    background: transparent url('../img/logo.gif') left top no-repeat;
  }
  
  #logo h1 a {
    width: 170px;
  }
  
  #meta {
    display: block;
    float: right;
    font-size: .9em;
    padding-top: 30px;
    text-align: right;
    width: 27em;
  }
  
  #metaLang, #metaSearch {
    float: right;
    width: 12em;
  }
  
  #metaLang select, #metaSearch {
    background: #f0f3f6;
    padding: 4px 2px;
  }
  
  #metaLang select {
    width: 12em;
  }
  
  #metaSearch {
    margin-left: 10px;
    width: 13em;
  }
  
  #meta input, #meta select {
    border: 0 none;
  }
  
  #metaSearch input, #metaSearch button {
    background: transparent;
    float: left;
  }
  
  #metaSearch input {
    width: 10em;
  }
  
  #metaSearch button {
    background: transparent url('../img/searchbtnbg.gif') 50% 50% no-repeat;
    float: right;
    text-indent: -3000px;
    width: 25px;
  }
  
  #sideSearch label {
    font-size: 1.1em;
    font-weight: bold;
  }
    
  #mainNav {
    background: #da5b02 url('../img/mainnavbg.gif') left top repeat-x;
    display: block;
    margin-bottom: 1px;
    text-transform: uppercase;
  }
  
  #mainNav .mainNavWrap {
    background: transparent url('../img/mainnavwrapbg.gif') 72em top repeat-y;
    padding: 0 1em;
    width: 80em;
  }
  
  #mainNav ul {
    list-style: none;
    padding: 7px 0;
  }
  
  #mainNav a {
    text-decoration: none;
  }
  
  #mainNav ul, #mainNav li, #mainNav a {
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
  }
  
  #mainNav a, #mainNav span {
    padding: 5px 10px;
  }
  
  #mainNav li {
    padding-right: 1px;
  }
  
  #mainNav a:hover, #mainNav a:focus,
  #mainNav .act a, #mainNav .act span,
  .small #textResize .small, .medium #textResize .medium, .big #textResize .big {
    background: #f5c9a9 url('../img/mainnav_btn_act.gif') left top repeat-x;
    color: #003564;
  }
  
  #textResize {
    display: block;
    float: right;
    padding-top: 5px;
    text-align: right;
  }
  
  #textResize a {
    color: #fff;
    vertical-align: bottom;
    line-height: 1.3em;
  }
  
  #textResize .small {
    font-size: .75em;
    padding-top: .9em;
  }
  
  #textResize .medium {
    padding-top: .4em;
  }
  
  #textResize .big {
    font-size: 1.3em;
    line-height: 100%;
  }
  
  #middle {
    border-top: 4px solid #d3e2f0;
    padding: 20px 0;
  }
  
  #middle h1, #middle h2 {
    color: #ec6b10;
    font-size: 1.5em;
    font-weight: normal;
    padding-bottom: 15px;
  }
  
  #middle h3 {
    padding-bottom: 10px;
  }
  
  #middle p {
    line-height: 160%;
    padding-bottom: 20px;
  }
  
  #middle a {
    text-decoration: underline;
  }
  
  #middle a:hover,
  #middle a:focus {
    text-decoration: none;
  }
  
  #subNav {
    float: left;
    font-size: .95em;
    margin-right: 10px;
    width: 214px;
    width: 19em;
  }
  
  #subNav ul {
    list-style: none;
  }
  
  #subNav li {
    display: block;
    float: left;
    clear: both;
    font-weight: bold;
    text-transform: uppercase;
    width: 214px;
    width: 19em;
  }
  
  #subNav li a, #subNav li span {
    background: #d3e2f0 url('../img/subnavlibg.gif') left top repeat-x;
    color: #003564;
    display: block;
    text-decoration: none;
    width: 214px;
    width: 19em;
  }
  
  #subNav li a:hover, #subNav li a:focus, #subNav .act a, #subNav .act span {
    background: #fbe1cf url('../img/subnavliactbg.gif') left top repeat-x;
    color: #da5b02;
  }
  
  #subNav li a:hover span {
    color: #da5b02;
  }
  
  #subNav .act a, #subNav .act span,
  #subNav a:hover, #subNav a:focus {
    background: #fbe1cf url('../img/subnavliactbg.gif') left top repeat-x;
  }
  
  #subNav li a span {
    background: transparent url('../img/arrow.gif') 1em 1.2em no-repeat;
    padding: 10px 0 10px 18px;
    padding-left: 2em;
    width: 196px;
    width: 17em;
  }
  
  #subNav li li a, #subNav li li span,
  #subNav .act li, #subNav .act li a, #subNav .act li span,
  #subNav li .act li, #subNav li .act li a, #subNav li .act li span {
    background: transparent none;
    color: #003564;
  }
  
  #subNav .act a span, #subNav a:hover span, #subNav a:focus span {
    background: transparent url('../img/arrowact.gif') 1em 1.2em no-repeat;
  }
  
  #subNav .act a span {
    background: transparent url('../img/subnavlicurbg.gif') .8em 1.2em no-repeat;
  }
  
  #subNav li li a:hover, #subNav li li a:focus,
  #subNav li .act a, #subNav li .act span {
    background: transparent none;
    color: #da5b02;
  }
  
  #subNav li ul {
    float: left;
    padding: 10px 0 20px;
  }
  

   
  #subNav li li ul {
    float: left;
    clear: both;
    display: block;
    margin-bottom: 10px;
    padding: 3px 0 10px 0;
  }
  
  #subNav li li ul {
    border: none 0;
  }
  
  #subNav li li {
    text-transform: none;
  }  
  
  #subNav li li li {
    font-weight: normal;
    text-transform: none;
  }
  
  #subNav li li a {
    padding: 3px 1em;
    width: 17em;
  }
  
  #subNav li li .act a,
  #subNav li li .act span {
    background: transparent url('../img/arrowact.gif') 1em .55em no-repeat !important;
    padding-left: 2em;
    width: 16em;
  }
  
  #subNav ul ul ul {
    background: transparent url('../img/dotted.gif') left top repeat-x !important;
  }
  
  #subNav li li {
    background: transparent url('../img/dotted.gif') left bottom repeat-x !important;
  }
  
  #subNav li.act li li li,
  #subNav li.act li li li a {
    background: none !important;
  }
  
  #subNav li.act li li li ul {
    background: none !important;
  }
  
  #subNav li.act li li .act a {
    background: transparent url('../img/arrowact.gif') 1em .55em no-repeat !important;
  }
  
  #subNav li.act li li .act li a {
    background: transparent url('../img/subnav_bullet.gif') 2em .7em no-repeat !important;
    padding-left: 2.7em;
    width: 15.3em !important;
  }
  
  #subNav li.act li li .act .act a {
    background: transparent url('../img/arrowsubact.gif') 2em .65em no-repeat !important;
    color: #da5b02;
  }
    
  #content {
    float: left;
    width: 44.2em;
  }
  
  .front #content {
    width: 62em;
  }
  
  #sidebar {
    float: right;
    width: 18em;
  }
  
  .box {
    padding-bottom: 20px;
  }
  
  .box h3 {
    background: transparent url('../img/boxheadbg.gif') left bottom repeat-x;
    display: block;
    font-size: 1em;
    margin-bottom: 10px;
    padding: 9px 1em;
  }
  
  .box .boxText, .contentWrap {
    padding: 0 1em;
  }
  
  #breadcrumbs, #breadcrumbs a {
    color: #003564;
    text-decoration: none;
  }
  
  #breadcrumbs {
    background: transparent url('../img/boxheadbg.gif') left bottom repeat-x;
    font-size: .9em;
    margin-bottom: 15px;
    padding: 10px 1em;
  }
  
  #breadcrumbs a {
    margin: 0 2px;
  }
  
  #breadcrumbs a:hover {
    color: #da5b02;
  }
  
  sup {
    font-size: 85%;
    vertical-align: .3em;
  }
  
  .footnote {
    background: transparent url('../img/dotted.gif') left top repeat-x;
    font-size: 90%;
    line-height: 130% !important;
    padding: 15px 0 20px;
  }
  
  #content ul, #content ol {
    padding: 5px 0 20px 1em;
  }
  
  #content ol {
    padding-left: 2em;
  }
  
  #content ul {
    list-style: none;
  }
  
  #content ul li, #content ol li {
    line-height: 160%;
    padding: 3px 0;
  }
  
  #content ul li {
    background: transparent url('../img/bullet_big.gif') left .75em no-repeat;
    padding-left: 10px;
  }
  
  #content ul li ul, #content ol li ol {
    padding-bottom: 0;
  }
  
  #content ul li ul {
    padding-left: .5em;
  }
  
  #content ul li ul li ul {
    padding-left: 1em;
    padding-bottom: 10px;
  }
  
  #content ul li li {
    background: transparent url('../img/bullet_small.gif') left .8em no-repeat;
    font-size: 100%;
  }
  
  .contenttable th, .contenttable td {
    vertical-align: top;
  }
  
  .ico-download, 
  .ico-todo, 
  .ico-definition, 
  .ico-hint, 
  .ico-important, 
  .ico-information, 
  .ico-memo, 
  .ico-problem,
  .ico-lesson-start,
  .ico-lesson-end {
    background: transparent url('../media/download-symbol.gif') left top no-repeat;
    display: block;
    padding: 0 0 20px 60px !important;
  }
  
  .ico-todo {
    background-image: url('../media/ToDo.gif');
  }
  
  .ico-definition {
    background-image: url('../media/Definition.gif');
  }
  
  .ico-hint {
    background-image: url('../media/Hint.gif');
  }
  
  .ico-important {
    background-image: url('../media/Important.gif');
  }
  
  .ico-information {
    background-image: url('../media/Information.gif');
  }
  
  .ico-memo {
    background-image: url('../media/Memo.gif');
  }
  
  .ico-problem {
    background-image: url('../media/Problem.gif');
  }
  
  .ico-lesson-start {
    background-image: url('../media/LektionsStart.gif');
  }
  
  .ico-lesson-end {
    background-image: url('../media/LektionsEnde.gif');
  }
  
  .prevNext {
    background: #f6fafd;
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin: 20px 1em;
    padding: 5px;
  }
  
  .prevNext .prev,
  .prevNext .next {
    padding: 8px;
    text-decoration: none !important;
  }
  
  .prevNext .prev {
    background: transparent url('../img/prev.gif') left 50% no-repeat;
    display: block;
    float: left;
    padding-left: 37px;
  }
  
  .prevNext .next {
    background: transparent url('../img/next.gif') right 50% no-repeat;
    display: block;
    float: right;
    padding-right: 37px;
  }
  
  .pgn {
    font-size: .9em;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
  }
  
  .pgn a, .pgn span {
    color: #003564;
    margin: 0 0 0 1px;
    padding: 2px 6px;
    text-decoration: none !important;
  }
  
  .pgn .act, .pgn a:hover, .pgn a:focus {
    background: #da5b02;
    color: #fff;
  }
  
  #frontIntroVideo, #tagCloud {
    float: left;
    width: 29em;
  }
  
  #frontIntroVideo {
    text-align: center;
    overflow: hidden;
  }
  
  #frontIntroVideo h2 {
    color: #003564;
    font-size: 1em;
    padding-bottom: 0;
  }
  
  #frontIntroVideo h3 {
    color: #ec6b10;
    font-size: 1.6em;
    font-weight: normal;
    padding-bottom: 10px;
  }
  
  #tagCloud a {
    color: #336ea2;
    text-decoration: none;
  }
  
  #frontIntroDescr, #diagnosticTool {
    float: right;
    width: 29em;
  }
  
  #diagnosticTool {
    overflow: hidden;
    width: 32em;
  }
  
  #frontIntroDescr {
    font-size: 1.1em;
  }
  
  #frontIntroDescr h2 {
    padding-bottom: 25px;
  }
  
  #frontIntroDescr a {
    font-weight: bold;
  }
    
  #login, #sideSearch {
    background: #e3ecf5;
    font-size: .9em;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
  }
  
  #login p, #sideSearch p {
    padding-bottom: 10px;
  }
  
  #login input, #sideSearch input {
    background: #fff;
    border: 0 none;
    margin-top: 3px;
    padding: 4px 5px;
    width: 17em !important;
  }
  
  #login button, #sideSearch button, .submit {
    padding: 4px 15px !important;
  }
  
  #login button {
    float: left;
  }
  
  #login a {
    color: #003564;
    float: right;
    margin-top: 4px;
    text-align: right;
    text-decoration: none;
  }
  
  #sidebar #register {
    padding: 10px 0;
  }
  
  #sidebar #register a {
    background: #0183d3 url('../img/registerbg.gif') left top repeat-x;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-decoration: none;
  }
  
  #sidebar .boxText {
    font-size: .9em;
  }
  
  #sidebar .boxText h4 {
    padding: 10px 0 3px;
  }
  
  #sidebar .boxText p {
    padding-bottom: 10px;
  }
  
  #relatedResources p {
    background: transparent url('../img/dotted.gif') left bottom repeat-x;
    padding: 3px 0 !important;
    width: 215px;
  }
  
  #relatedResources p.csc-uploads-description {
    background:none;
    margin-bottom: -5px;
  }
  
  #relatedResources a {
    background: transparent url('../img/download.gif') left .4em no-repeat;
    display: block;
    padding: 1px 0 3px 22px;
  }
  
  #sidebar .internal-link {
    background-image: url('../img/internal.gif');
  }
  
  #sidebar .external-link {
    background-image: url('../img/external.gif');
  }
  
  #footer {
    background: transparent url('../img/dotted_line.gif') left top repeat-x;
    display: block;
    font-size: .9em;
    margin: 30px 0 0 21em;
    padding: 20px 0;
    text-align: center;
    width: 49em;
  }
  
  #footer .fnav, #footer .fnav a {
    color: #003564;
  }
  
  #footer .cp, #footer .cp a {
    color: #687e92;
  }
  
  #footer .cp {
    font-size: .9em;
    padding-top: 3px;
  }
  
  #footer .sponsor {
    padding-top: 20px;
  }
  
  .front #footer { 
    margin: 30px 0;
    width: 69em;
  }
  
  .tx-vgetagcloud-pi1, #sidebar div.tx-vgetagcloud-pi1 {
  	background: transparent;
  	color: #336ea2;
  }

  #sidebar div.tx-vgetagcloud-pi1 div.boxText {
    overflow: hidden;
  }

  #sidebar div.tx-vgetagcloud-pi1 div.boxText span {
    float: left;
    padding: 0 4px;
  }
  
  #sidebar div.tx-vgetagcloud-pi1 div.boxText span a {
  	color: #336ea2;
	  text-decoration: none;
	}

  #sidebar div.tx-vgetagcloud-pi1 a:link, div.tx-vgetagcloud-pi1 a:active, div.tx-vgetagcloud-pi1 a:visited {
  	color: #336ea2;
	  text-decoration: none;
	}
	
	#sidebar div.tx-vgetagcloud-pi1 div.boxText span a:hover {
	  text-decoration: underline;
  	color: #336ea2;
	}
	
	.align-center {
		text-align: center;
	}
	.align-left {
		text-align: left;
	}
	.align-right {
		text-align: right;
	}
	
	.tx-indexedsearch-searchbox {
    background: #e3ecf5;
    margin-bottom: 20px;
    padding: 10px 10px 0 10px;
	}
	
	.tx-indexedsearch-form label {
	  display: block;
	  
	  margin: 6px 0 3px;
	}
	
	.tx-indexedsearch-form input {
	  border: 0 !important;
	  width: 300px;
	}
	
	.tx-indexedsearch-search-submit {
	  padding: 10px 0 0 0;
	}
	
	.tx-indexedsearch-search-submit .submit {
	  margin: 0;
	}
	
	.tx-indexedsearch-whatis {
	  padding-bottom: 10px;
	}
	
	.tx-indexedsearch .browsebox {
	  list-style: none !important;
	  margin: 0 !important;
	  padding: 10px 0 !important;
	}
	
	.tx-indexedsearch .browsebox li {
    background: transparent none !important;
    display: inline;
    margin-right: 7px;
    padding: 0 !important;
	}
	
	.tx-indexedsearch-sw {
	  font-weight: bold;
	}
	
	.tx-indexedsearch-browsebox {
/*    background: transparent url('../img/dotted.gif') left top repeat-x !important;*/
	  font-size: .95em;
	  padding: 0 0;
	}
	
	.tx-indexedsearch .res {
	  background: transparent url('../img/dotted.gif') left top repeat-x !important;
	  margin-bottom: 10px;
	  padding: 20px 0 0;
	}
	
	.tx-indexedsearch-res h3 {
	  position: relative;
	  padding-right: 7em;
	  width: 35.1em;
	}
	
	.tx-indexedsearch-res h3 .tx-indexedsearch-percent {
    font-size: 90%;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 60px;
    width: 5em;
	}
	
	.tx-indexedsearch-res p {
	  padding: 0 !important;
	}
	
	.tx-indexedsearch-redMarkup {
	  background: yellow;
	  color: #000;
	}
	
	legend {
	  display: block;
	  font-weight: bold;
	  padding-bottom: 5px;
	}


#tooltip {
	border : 1px solid #dca;
	border-width : 0px 1px 1px 0px;
	background-color : #eed;
	width : 250px;
	padding : 10px;
}
#tooltip p {
	text-align: left;
	margin : 4px 8px 3px 8px;
	color : #b00;
	font-size : 1em;
}  
  
dfn {
	font-style: normal;
	text-decoration: none;
	border: 0;
	cursor: inherit;
}  
  
#tt_content dfn {
	border-bottom: 1px dotted #111;
	cursor: help;
} 

.navbar {
	padding: 0 0 10px 0;
	font-size: 1em;
}
.navbar a.aktiv {
	font-weight: bold;
} 

.tx-powermail-pi1 legend, legend {
  display: none;
}

#tagCloud ul {
  list-style: none;
 background-image: none;  
}

#tagCloud ul li {
 list-style: none;
 background-image: none;
}



  
} /* End screen */