* {
    margin:0;
    padding:0;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    line-height:1.5em;
    color:#fff;
}

ul, ol, li, dl, dd, dt {
  list-style:none;
}

a img{
	border:none;
}

a, a:visited{
	color:#000F99;
}

body, html{
    background:#000;
}

#frame {
  width:840px;
  margin:20px auto;
  position:relative;
}

#navigation_main {
  background:#151515;
  padding:20px;
  height:30px;
  padding:10px;
  position:relative;
}

#navigation_main h1 {
  float:left;
}

#navigation_main h1 a {
  display:block;
  text-indent:-99999999px;
  width:282px;
  height:30px;
  background:url('/images/teledesign_logo.png') center center no-repeat #151515;
}

#navigation_main ul {
  height:30px;
  position:absolute;
  top:10px;
  right:10px;
  white-space:nowrap;
}

#navigation_main ul li {
  float:left;
}
* html #navigation_main ul li{
  width:1px;
  overflow:visible;
}

#navigation_main ul li.lang {
  padding-top: 9px;
  padding-left:0;
  padding-right:5px;
}

#navigation_main ul li.seperate {
  padding-left:20px;
}

#navigation_main ul li.lang .switch_lang{
  padding:0;
}

#navigation_main ul li a.active {
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter:alpha(opacity=40);
}

#navigation_main ul li a {
  display:block;
  padding:5px;
  height:20px;
  line-height:20px;
  font-size:12px;
  color:#fff;
  text-decoration:none;
}

#navigation_main ul li.hover a:hover {
  background:#01a8ff;
}

#frame #about {
  background:#151515;
  position:absolute;
  padding:20px;
  width:440px;
  left:0;
  top:140px;
}

#frame #about h2{
  font-size:24px;
  letter-spacing: -1px;
  word-spacing: 0.1em;
}

#frame #portfolio {
  margin:287px 0 0 0;
  padding:0 20px 0 12px;
  background:#151515;
}

* + html #frame #portfolio {
  margin-bottom:287px;
  position:relative;
  top:267px;
}

* html #frame #portfolio {
  margin-bottom:287px;
  position:relative;
  top:267px;
}

#frame #portfolio h2 {
  font-size:16px;
  padding:15px 20px 15px 12px;
}

#frame #portfolio ul {
}

#frame #portfolio li {
  float:left;
  margin:19px 0 19px 8px;
}

#frame #portfolio li a {
  border:1px solid #151515;
  display:block;
}

#frame #portfolio li a:hover {
  border:1px solid #01a8ff;
}


#frame #portfolio li#promo_elem_5 {
  float:right;
  margin-left:0;
}

form .btn_row {
  text-align:right;
  margin:10px 0;
}

form div {
  background:#111;
}
 

form .btn_row input {
  background:#01a8ff;
  border:none;
  padding:5px;
  cursor: pointer;
}

form #request_mail {
  background:#222;
  border:none;  
  padding:3px;
  margin:10px 0;
}

form .textfield input {
  background:#222;
  border:none;
  padding:3px;
  margin:10px 0;
}

.left_col {
  float:left;
  width:425px;
}

.right_col {
  float:right;
  width:390px;
}


#media_show_player {
  width:425px;
  margin:0 0 10px 0;
  border:1px solid #555;
}

#media_metadata{

}

#media_description {
  background:#222;
  padding:10px;
  min-height:202px;
}

* html #media_description {
  height:202px;
}

#media_description * {
  line-height:1.5em;
  color:#eee;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


* + html .clearfix {
  zoom: 1;
  display: block; 
} 

* html .clearfix {
  zoom: 1;
  display: block; 
}

#req_form {
  margin:10px 0 0 0;
  background:#111;
}

#req_form p {
  padding:0 10px;
  color:#bbb;
}

#req_form label {
  display:block;
  margin:0 0 1px 10px;
  color:#01a8ff;
}

#req_form .textfield input {
  display:block;
  margin:0 0 10px 10px;
  width:364px;
  padding:3px;
}

#req_form .textfield input:focus,
#req_form div textarea:focus {
  border:1px solid #01a8ff;
  padding:2px;
}

#req_form div textarea {
  padding:3px;
  width:364px;
  height:140px;
  margin:0 0 5px 10px;
}

#req_form div.btn_row {
  margin:0;
  padding:0 10px 10px 10px;
}

#info {
  margin:20px 0;
  text-align:center;
}

#info h3 {
  font-size:16px;
}

#info h3 a {
  color:#01a8ff;
  font-size:16px;
  text-decoration:none;
}

#info h3 a:hover {
  text-decoration:underline;
}

#info h4 {
  color:#01a8ff;
}

#tags div {
  margin:0 0 5px 0;
  background:#151515 ;
}

#tags div h5 {
  font-size: 12px;
  width:20px;
  float:left;
  padding:7px 1px 5px 12px;
  color:#01a8ff;
}

#tags div ol {
  float:left;
  width:795px;
  margin:5px 0 3px 0;
}

#tags div ol li {
  float:left;
  margin:0 2px 2px 0;
}

#tags div ol li a {
  font-size:11px;
  display:block;
  padding:2px 3px 1px 3px;
  color:#eee;
  text-decoration:none;
}

#tags div ol li a:hover {
  background:#272727;
}

h2.search_title,
h2.media_title {
  font-size:24px;
  margin:20px 0 10px 0;
  clear:both;
}



h2.search_title span {
  font-size:18px;
  color:#01a8ff;
}

.media_list {
  
}

.media_list .single_media {
  background:#151515;
  margin:0 0 5px 0;
}

.media_list .single_media:hover {
  background:#222;
}


* + html .media_list .single_media {
  padding-bottom:6px;
}


* html .media_list .single_media {
  padding-bottom:6px;
}


.media_list .single_media .thumbnail {
  float:left;
  margin:10px;
}

.media_list .single_media .description {
  float:left;
  width:680px;
  margin:10px 0 0 0;
}

.media_list .single_media .description h3 a{
  font-size:16px;
  color:#fff;
  text-decoration:none;
}

.media_list .single_media .description .text * {
  color:#aaa;
}

#media_tags li {
  float:left;
  margin:0 2px 2px 0;
}

#media_tags li a {
  padding:3px 4px;
  display:block;
  background:#222;
  text-decoration:none;
  color:#fff;
}

#media_tags li a:hover {
  background:#01a8ff;
}

.right_col h3.section_headline {
  background:#111;
  color:#01a8ff;
  padding:10px;
  margin:0;
  height:20px;
  line-height:20px;
  font-size:16px;
}

div.pagination {
  background:#222;
  margin:0 0 5px 0;
  padding:9px 95px 7px 95px;
  min-height:19px;
  position:relative;
  line-height:15px;
}
* html div.pagination {
  height:19px;
}


div.pagination a.prev_page,
div.pagination a.next_page,
div.pagination span.prev_page,
div.pagination span.next_page{
  position:absolute;
  top:0;
  height:35px;
  width:90px;
  text-align:center;
  line-height:35px;
  background:#111;
}

div.pagination a.next_page,
div.pagination span.next_page{
  right:0;
}

div.pagination a.prev_page,
div.pagination span.prev_page{
  left:0;
}

div.pagination span.prev_page,
div.pagination span.next_page{
  color:#555;
}

div.pagination a.prev_page,
div.pagination a.next_page{
  color:#fff;
  text-decoration:none;
}

div.pagination a.prev_page:hover,
div.pagination a.next_page:hover{
  background:#01a8ff;
}

div.pagination span.current {
  color:#fff;
}

div.pagination a {
  text-decoration:none;
  color:#01a8ff;
}

div.text p {
  color:#777;
  font-size:12px;
  margin:0 0 5px 0;
}

div.text h3,
div.text h4,
div.text h5,
div.text h6 {
  margin:10px 0 0 0;
}

div.text h3{ font-size:16px;}
div.text h4{ font-size:15px;}
div.text h5{ font-size:14px;}
div.text h6{ font-size:13px;}

div.text ol li {
  list-style: decimal inside;
  color:#777;
}

div.text ul li {
  color:#777;
  list-style: disc inside;
}

ol.dia_list li {
  float:left;
  margin:0 10px 10px 0;
  position:relative;
  width:140px;
  height:140px;
  overflow:hidden;
}

ol.dia_list li a {
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:120px;
  height:120px;
  border:5px solid #222;
  background:#111;
  overflow:hidden;
  z-index:1;
  text-decoration:none;
}
ol.dia_list li a * {
  z-index:1;
}

ol.dia_list li a:hover {
  border: 5px solid #333;
}

/*ol.dia_list li a:hover span.title {
  position:absolute;
  font-weight:bold;
  width:110px;
  height:110px;
  left:0;
  top:0;
  font-size:12px;
  color:#000;
  background:#fff;
  padding:5px;
  display:block;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity=70);
}*/

ol.dia_list li a span.title{
  display:none;
  z-index:2;
}



ol.dia_list li a{
  background:#333;
}


#tag_folder {
  position:relative;
  height:300px;
}

* html #tag_folder {
  position:inherit;
}

#tag_folder .section h5 {
  width:16px;
  height:12px;
  padding:7px 0 7px 0;
  margin:0 3px 3px 0;
  line-height:12px;
  text-align:center;
  background:#151515;
  float:left;
  cursor: pointer;
}
#tag_folder .section:hover h5,
#tag_folder .section h5:hover {
  color:#01a8ff;
  background:#222;
}

#tag_folder .section ol {
  position:absolute;
  top:29px;
  left:0;
  min-height:130px;
  background:#222;
  padding:10px;
  width:820px;
}
* html #tag_folder .section ol {
  height:130px;
}

#tag_folder .section ol li {
  float:left;
  width:180px;
  padding:3px 9px 2px 9px;  
}

#tag_folder .section ol a {
  text-decoration:none;
  color:#fff;
}

#tag_folder .section ol li a:hover {
  color:#01a8ff;
}

#random_medias {
  margin:10px 0 0 0;
}

#random_medias .media {
  width:70px;
  height:68px;
  float:left;
  background:#222;
  text-align:center;
  overflow:hidden;
  margin:0 0 0 10px;
}

#random_medias .media a {
  display:block;
  width:60px;
  height:58px;
  border:5px solid #151515;
  overflow:hidden;
}

#random_medias .media a:hover {
  border:5px solid #01a8ff;
}

#random_medias .first {
  margin:0;
}

#tag_search_form {
  position:absolute;
  right:0;
  top:0;
  z-index:9;
  width:150px
}

#tag_search_form #tag_name {
  color:#01a8ff;
  font-size:14px;
  font-weight:bold;
  padding:3px;
  background:#111;
  border: 1px solid #333;
  width:116px;
  line-height:16px;
  height:16px;
}

#tag_search_form #tag_name:focus {
  border:1px solid #01a8ff;
}

#tag_search_form #tag_completition {
  border:1px solid #444;
  border-top:none;
  width:150px
}

#tag_search_form #tag_completition li {
  padding:3px;
  color:#777;
  cursor:pointer;
}

#tag_search_form #tag_completition li:hover {
  background:#222;
}

#tag_search_form #tag_completition strong {
  color:#fff;
}

#tag_search_form #tag_name_submit {
  background:url('/images/search_24.gif') center center #333;
  width:24px;
  height:24px;
  border:none;
  position:absolute;
  top:0;
  right:0;
  display:block;
  text-indent:-9999999px;
  cursor:pointer;
}

#tag_search_form #tag_name_submit:hover {
  background:url('/images/search_24_hover.gif') center center #01a8ff;
}

#categories_bar {
  height:105px;
}

#categories_bar li {
  width:64px;
  height:84px;
  margin:0 5 0 0;
  float:left;
}

#categories_bar a {
  width:64px;
  height:64px;
  display:block;
  background:url('/images/cat_icons.jpg') no-repeat;
  background-position: top;
  text-decoration:none;
  position:relative;
}

#categories_bar a span {
  position:absolute;
  left:-30px;
  top:64px;
  width:124px;
  display:none;
  text-align:center;
  font-size:9px;
}

#categories_bar a:hover span{
  display:block;
}

#categories_bar .behandlungen a                                { background-position: 0px 0px ;}
#categories_bar .behandlungen a:hover                          { background-position: 0px -64px ;}

#categories_bar .bewegungsapparat a                            { background-position: -64px 0 ;}
#categories_bar .bewegungsapparat a:hover                      { background-position: -64px -64px ;}

#categories_bar .comic a                                       { background-position: -128px 0;}
#categories_bar .comic a:hover                                 { background-position: -128px -64px ;}

#categories_bar .gehirn-nerven a                               { background-position: -189px 0;}
#categories_bar .gehirn-nerven a:hover                         { background-position: -189px -64px ;}

#categories_bar .haut-haare a                                  { background-position: -256px 0 ;}
#categories_bar .haut-haare a:hover                            { background-position: -256px -64px ;}

#categories_bar .herz-gefaesse-und-lymphe a                    { background-position: -320px 0 ;}
#categories_bar .herz-gefaesse-und-lymphe a:hover              { background-position: -320px -64px ;}

#categories_bar .hormone-botenstoffe a                         { background-position: -384px 0 ;}
#categories_bar .hormone-botenstoffe a:hover                   { background-position: -384px -64px ;}

#categories_bar .lunge-atemwege-hno a                          { background-position: -448px 0 ;}
#categories_bar .lunge-atemwege-hno a:hover                    { background-position: -448px -64px ;}
                
#categories_bar .sinnesorgane a                                { background-position: -512px 0;}
#categories_bar .sinnesorgane a:hover                          { background-position: -512px -64px ;}
                
#categories_bar .urologie-sexualitaet a                        { background-position: -576px 0 ;}
#categories_bar .urologie-sexualitaet a:hover                  { background-position: -576px -64px ;}
                
#categories_bar .verdauung a                                   { background-position: -640px 0 ;}
#categories_bar .verdauung a:hover                             { background-position: -640px -64px ;}

#categories_bar .zellen-immunzellen-zellenbestandteile a       { background-position: -704px 0 ;}
#categories_bar .zellen-immunzellen-zellenbestandteile a:hover { background-position: -704px -64px ;}


#contact_form {
  margin:20px 0 0 0;
}

#contact_form form div {
  position:relative;
  padding: 0 0 0 100px;
}

#contact_form form div label {
  position:absolute;
  left:10px;
  top:10px;
}

* html #contact_form form div label {
  left:-90px;
}

#contact_form form div #request_mail {
  width:714px;
  height:250px;
}

#contact_form form div #request_mail_contact_email {
  width:714px;
}

#contact_form form div.btn_row{
  padding:0 20px 20px 20px;
  margin:0;
}

#animation{
  position:absolute;
  left: 480px;
  top: 49px;
}