body {
 font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif ;
 font-size:80%;
 color:#666666;
 background-color:#ffffff;
 height:100%;
 text-align:center;
 margin:0;
 padding:0;
}

#wrapper {
 width:980px; 
 margin: 0px auto;
 text-align: left;
}
/*headline streaming  mobile  codec*/
h1 {float:left;font-size:1.5em;color:#999999;margin:10px 5px 0px 0px; width:100%;   
//text-transform:uppercase;
}


h1.index {color:#333333; margin:5px 0 5px 0;}
h1.products {color:#CC6600; margin:5px 0 5px 0;}
h1.con_dev {color:#666666; margin:5px 0 5px 0;}



/*headline orange context*/
h2 {font-size:1.1em;color:#333333; margin:3px 0 3px 0; padding:0; }
h2.orange {color:#ffffff;}
/*subheadline orange context*/
h3 { font-size:1.0em; color:#FF6600; margin:5px 0 0px 0; padding:0;}
/*subheadline grau context*/
h4 {font-size:1.0em; margin:2px 0 2px 0; padding:0;}

p {margin-top:0px; margin-bottom:3px;}

ul {margin: 0; padding:2px 5px 2px 10px;  list-style-position:inside; }
li { list-style-position:inside; }

img {border-style:none;}
#content a img { float:left; padding: 6px 8px 4px 0; }

form {margin-top:3px; margin-bottom:0px;}

 /* Menu Unterverzeichnis  */
a.menu {
  display:block;
  padding:0px;
  font-size:1.0em;
}


a:active, a:hover {
 color:#FF9933;
 text-decoration:underline;
}

code {font-size:14px;color:#0000ff;}
pre {
 font-size:14px;
 color:#0000ff;
 padding:5px;
}

a:link, a:visited, a:active, a:hover {
  text-decoration:none;
  font-weight:normal;
  color:#999999;
}

a:active, a:hover {
 color:#FF9933;
 text-decoration:underline;
}



  /* Container title oben */
#title {
  height:58px;
  border-bottom:0px solid #000000;
  border-right:0px solid #FF6600;
}

/* nanocosmos title ueber headerbild */
#nanocosmos-title {
  float:left;
  height:45px;
  padding:0 0 12px 0;
  margin-bottom:0px;
}
#nanocosmos-title h1{
  font-weight:normal;
  text-transform:uppercase;
}
/* logo headerbild menue */
#header-menu{
  float:right;
  border-bottom:0px solid #666;
  border-right:0px solid #FF6600;
}

#logo {
  float:left;
  padding:0;
  margin:0 4px 0 0;
}
/* Obere Navigation */
#navi{ 
  float:left;
  width:737px;
  background:#fff url(../pics/pic-header.jpg) no-repeat;
  background-position:right top;
  font-size:1.3em;
  color:#ffffff;
  font-weight:bold;
  padding:56px 0 0 0;
}

/* Navi neu Menue orange*/
#navi-neu2 { 
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  float:left;
  width:980px;
  height:112px;
  background-position:right top;
  color:#ffffff;
  font-weight:bold;
  padding:0;
}
#navi-neu2 ul {
  float:left;
  list-style:none;
  padding:0 0 0 243px;
  margin:0;
  height:20px;
  width:100%;
  text-transform:uppercase;
}

#navi-neu2 ul li {
  text-align:center;
  background-color:#ee8104;
  border-radius:6px;
  display:inline;
  float:left;
  padding:22px 0 0 0;
  margin:0 10px 0 0;
  width:239px;
  height:70px;
}

#navi-neu2 ul li a {
  color:#333;
  font-size:1.5em;
}
#navi-neu2 ul li a:hover, #navi-neu2 ul li a:active {
  color:#fff;
  font-size:1.5em;
  text-decoration:none;
}



/* für Header alt BEGIN
#navi-neu { 
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  float:left;
  width:980px;
  background:#fff url(../pics/pic-header.jpg) no-repeat;
  background-position:right top;
  color:#ffffff;
  font-weight:bold;
  padding:0;
}
#navi-neu ul {
  float:left;
  list-style:none;
  padding:0 0 0 243px;
  margin:0;
  height:20px;
  width:100%;
  text-transform:uppercase;
}

#navi-neu ul li {
  display:inline;
  float:left;
  padding:0;
  margin:0;
  width:245px;
}
#navi-neu ul li.seperator {
  background:#fff url(../pics/pic-menue-seperator.jpg) no-repeat;
  display:inline;
  float:left;
  padding:0 0 0 1px;
  margin:0;
  width:245px;
}
#navi-neu ul li a.begin {
  display:block;
  text-decoration:underline;
  text-align:center;
  font-weight:normal;
  color:#666666;
  background:#fff url(../pics/bg-menue-begin.jpg) 0px -30px no-repeat;
  width:245px;
  height:22px;

}
#navi-neu ul li a.begin:hover, #navi a.begin:active  {
  height:22px;
  background:#fff url(../pics/bg-menue-begin.jpg) no-repeat;
}

#navi-neu ul li a {
  display:block;
  text-decoration:underline;
  text-align:center;
  font-weight:normal;
  color:#666666;
  background:#fff url(../pics/bg-menue-middle.jpg) 0px -30px no-repeat;
  width:245px;
  height:22px;
  padding:2px 0 0 0;
}

#navi-neu ul li a:hover, #navi#navi-neu a:active  {
  height:22px;
  color:#333333;
  font-weight:normal;
  text-decoration:underline;
  background:#fff url(../pics/bg-menue-middle.jpg) no-repeat;
}
END */

#navi ul {
  float:left;
  list-style:none;
  padding:0;
  margin:0;
  height:20px;
  width:100%;
  text-transform:uppercase;
}
#navi ul li {
  display:inline;
  float:left;
  padding:0;
  margin:0;
  width:245px;
}
#navi ul li.seperator {
  background:#fff url(../pics/pic-menue-seperator.jpg) no-repeat;
  display:inline;
  float:left;
  padding:0 0 0 1px;
  margin:0;
  width:245px;
}

/* Obere Navigation alt
#navi2{
  text-align:left;
  padding:4px 4px 0 236px;
  white-space: nowrap;
  border-bottom:0px solid #666;
  border-right:5px solid #FF6600;
  font-weight:normal;
  font-size:0.9em;
  height:20px;
  text-transform:uppercase;
}
*/

/* Obere Navigation weiss*/
#navi2{
  text-align:left;
  padding:4px 4px 0 0;
  white-space: nowrap;
  border-bottom:0px solid #666;
  border-right:0px solid #FF6600;
  font-weight:normal;
  font-size:0.9em;
  height:60px;
  text-transform:uppercase;
}

#navi2 .headline {
  float:right;
}
#navi2 .headline h1 {  
  float:left;
  color:#ee8104; 
  font-weight:normal;
  margin:0;  
}


#navi2 ul.left{
  float:left;
  list-style:none;
  padding:0;
  margin:0;
}
#navi2 ul.right{
  float:right;
  list-style:none;
  padding:24px 0 0 0;
  margin:0;
}
#navi2 ul li {
  display:inline;
  padding:0 0 0 12px;
  margin:0;
}

/* Obere Navigation de_en*/
#navi3{
  float:right;
  text-align:left;
  color:#666666;
  padding:38px 5px 1px 1px;
  white-space: nowrap;
  font-size:0.9em;
  text-transform:uppercase;
}

/* Untere Navigation*/
#naviu{
  height:10px;
  text-align:left;
  padding:20px 0px 1px 0px;
  margin-left:0;
  white-space: nowrap;
  border-right:0px solid #FF6600;
}

/* Untere Adressleiste*/
.adress {
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  float:left;
  padding:4px 0;
  width:100%;
}
.bottom-left {
  float:left;
  width:30%;
  border-right:1px solid #cccccc;
  margin:0 4px 0 0;
}

.bottom-middle {
  float:left;
  width:20%;

}

.bottom-right {
  float:right;
  width:40%;
  text-align:right;
}

.menue-bottom {
  font-weight:normal;
  clear:both;
  float:left;
  width:50%;
  padding:4px 0;
}
.menue-bottom ul {
  list-style:none;
  padding:0 0 2px 236px;
}

.menue-bottom li {
  display:inline;
  text-transform:uppercase;
  padding:0 12px 0 0;
}

.menue-bottom ul.bottom-adress {
 border-top:1px solid #666;
 width:744px;
 padding-top:6px;
}

.menue-bottom ul.bottom-adress li {
  text-transform:none;
  padding:0 24px 0 0;
}

.menue-bottom .top-adress {
}

.list-menue-bottom  {
}
 ul.list-menue-bottom a  {
  font-weight:normal;
}

#navi2 lang {
 text-align:left;
 padding:1px 5px 1px 1px;
 white-space: nowrap;
 border-bottom:0px solid #666;
 border-right:5px solid #FF6600;
 font-size:0.8em;
}

#navi2 img {
 float:left;
 margin-top:2px;
}


#navi ul li a.begin {
  display:block;
  text-decoration:underline;
  text-align:center;
  font-weight:normal;
  color:#666666;
  background:#fff url(../pics/bg-menue-begin.jpg) 0px -30px no-repeat;
  width:245px;
  height:22px;
}
#navi ul li a.begin:hover, #navi a.begin:active  {
  height:22px;
  background:#fff url(../pics/bg-menue-begin.jpg) no-repeat;
}

#navi ul li a {
  display:block;
  text-decoration:underline;
  text-align:center;
  font-weight:normal;
  color:#666666;
  background:#fff url(../pics/bg-menue-middle.jpg) 0px -30px no-repeat;
  width:245px;
  height:22px;
}

#navi ul li a:hover, #navi a:active  {
  height:22px;
  color:#333333;
  font-weight:normal;
  text-decoration:underline;
  background:#fff url(../pics/bg-menue-middle.jpg) no-repeat;
}



#navi2 a, #navi2 a:link, #navi2 a:visited,#navi2 a:hover  {
 font-weight:normal;
 color:#666666;
}
#navi2 a, #navi2 a:hover, #navi2 a:active {
  font-size:1.5em;
 font-weight:normal;
 color:#333333;
}

#navi3 a, #navi3 a:link, #navi3 a:visited,#navi3 a:hover, #navi3 a:active {
 font-weight:normal;
}

#naviu a {
 color:#666;
}
#naviu a:hover, #naviu a:active {
 font-weight:normal;
 color:#333;
}

#content a {
  color:#FF6600;
  text-decoration:underline;
}
#content a:hover, #content a:active {
 color:#FF9933;
 text-decoration:underline;
}
#content a.black {
  color:#333333;
  text-decoration:underline;
}
#content a.black:hover, #content a.black:active {
 color:#FF6600;
 text-decoration:underline;
}
#content ul { list-style-position:outside; padding: 2px 5px 8px 16px; }
#content ul li { list-style-position:outside; }

#content-home a.link-orange {
  color:#ee8104;
  text-decoration:underline;
}
#content-home a.link-orange:hover, #content-home a.link-orange:active {
 color:#FF6600;
 text-decoration:underline;
  font-weight:bold;
}

#menuproducts a, #menuproducts a:link, #menuproducts a:visited, #menuproducts a:hover, #menuproducts a:active {
  color:#666666;
  text-decoration:underline;
}
#menuproducts a, #menuproducts a:hover, #menuproducts a:active {
 color:#FF9933;
 text-decoration:underline;
}

#contentnews2 a {
  color:#333333;
  text-decoration:underline;
  font-weight:normal;
  display:block;
  padding:4px 0 0;
}
#contentnews2 a:hover, #contentnews2 a:active {
 color:#FF9933;
 text-decoration:underline;
}

#contentnews3 a {
  color:#333333;
  text-decoration:underline;
  font-weight:normal;
  display:block;
  padding:4px 0 0;
}
#contentnews3 a:hover, #contentnews2 a:active {
 color:#FF9933;
 text-decoration:underline;
}

#menutitle a, #menutitle a:link, #menutitle a:visited, #menutitle a:hover, #menutitle a:active {
  color:#CC6600;
  text-decoration:underline;
}
#menutitle a, #menutitle a:hover, #menutitle a:active {
 color:#FF9933;
 text-decoration:underline;
}

/* h1 index*/
.index a, .index a:link, .index a:visited, .index a:hover, .index a:active {
  color:#333333;
  text-decoration:none;
}
.index a, .index a:hover, .index a:active {
 color:#CC6600;
 text-decoration:underline;
}
/* links index*/
.rightindex a, .rightindex a:link, .rightindex a:visited, .rightindex a:hover, .rightindex a:active {
  color:#CC6600;
  text-decoration:underline;
}
.rightindex a, .rightindex a:hover, .rightindex a:active {
 color:#333333;
 text-decoration:underline;
}

/* h1 products*/
.products a, .products a:link, .products a:visited, .products a:hover, .products a:active {
  color:#CC6600;
  text-decoration:none;
}
.products a, .products a:hover, .products a:active {
 color:#333333;
 text-decoration:underline;
}
/* links products*/
.rightproducts a, .rightproducts a:link, .rightproducts a:visited, .rightproducts a:hover, .rightproducts a:active {
  color:#333333;
  text-decoration:underline;
}
.rightproducts a, .rightproducts a:hover, .rightproducts a:active {
 color:#FFCC99;
 text-decoration:underline;
}

/* h1 con_dev*/
.con_dev a, .con_dev a:link, .con_dev a:visited, .con_dev a:hover, .con_dev a:active {
  color:#666666;
  text-decoration:none;
}
.con_dev a, .con_dev a:hover, .con_dev a:active {
 color:#CC6600;
 text-decoration:underline;
}
/* links con_dev*/
.rightcon_dev a, .rightcon_dev a:link, .rightcon_dev a:visited, .rightcon_dev a:hover, .rightcon_dev a:active {
  color:#993333;
  text-decoration:underline;
}
.rightcon_dev a, .rightcon_dev a:hover, .rightcon_dev a:active {
 color:#333333;
 text-decoration:underline;
}



/* Container, der das Logo enthält
#header {
 padding:0px 5px;
 background-color:#FEC483;
 text-align:right;
}
 */

/* Container unter der oberen Navigation*/
#header2 {
 clear:both;
 border-bottom:0px solid #666;
 border-right:0px solid #FF6600;
 font-size:3px;
 text-align:right;
 padding-right:10px;

}
#header3 {
 clear:both;
 border-bottom:0px solid #666;
 border-right:5px solid #FF6600;
 font-size:5px;
 text-align:right;
 padding-right:10px;
 height: 32px;
}
.header4 {
 clear:both;
 border-bottom:0px solid #666;
 border-right:0px solid #FF6600;
 font-size:0px;
 text-align:right;
 padding-right:0px;
}


/* Pfad */
#path{
 padding:24px 5px 5px 238px;
 text-align:left;
 border-right:0px solid #FF6600;
}


#left {
  width:18%;
  float:left;
  border:0px solid #000000;
  padding:0px;
}
/* Textinhalt rechts*/
#right {
  width:29%;
  float:right;
  border:1px solid #cccccc;
  padding:5px;
  margin-left:15px;
}

/* social bookmarks*/
.bookmarks {
  float:right;
  border:0px solid #cccccc;
  padding:4px 0;
  background-color:#ffffff;
}

/* social bookmarks oben*/
.bookmarkstop {
  width:37%;
  float:right;
  border:0px solid #cccccc;
  padding:0px;
  margin-left:0px;
  background-color:#ffffff;
}

/* Textinhalt Intro auf Product und custom pages*/
.intro {
  width:48%;
  float:left;
  padding:5px;
  margin-left:0px;
}
.intro p{
  padding:16px 0 4px 0;
}

/* Textinhalt nach Intro auf Product und custom pages*/
.description {
  float:left;
  width:49%;
}

.description p{
  padding:16px 0 4px 0;
}

.pic {
  float:left;
}


/* Textinhalt rechts index*/
.rightindex {
  width:32%;
  float:right;
  border:1px solid #cccccc;
  padding:5px;
  margin-left:15px;
  background-color:#ffffff;
}

/* Textinhalt rechts products*/
.rightproducts {
  width:32%;
  float:right;
  border:1px solid #cccccc;
  padding:5px;
  margin-left:15px;
  background-color:#CC9966;
}

/* Textinhalt rechts con_dev*/
.rightcon_dev {
  width:32%;
  float:right;
  border:1px solid #cccccc;
  padding:5px;
  margin-left:15px;
}

/* Textinhalt rechts für Anwenderprodukte*/
.right_user {
  width:32%;
  float:right;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  padding:0 5px 5px 5px;
  margin-left:15px;
  background-color:#FFFFFF;
}

/* Textinhalt rechts für Developerprodukte*/
.right_developer {
  width:32%;
  float:right;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  padding:0 5px 5px 5px;
  margin-left:15px;
  background-color:#FFFFFF;
}

.head_right_developer {
  color:#ffffff;
  font-weight:bold;
  margin:0 0 5px 0;
  background-color:#666666;
  padding:2px 6px;
}

.rahmen_right_developer {
  border:2px solid #aaaaaa;
  padding:0 6px 5px 6px;
}

.application_title {
  color:#ffffff;
  font-weight:bold;
  margin:5px 0px;
  background-color:#aaaaaa;
  padding:2px 6px;
}

.copyright {
  color:#FF6600;
  font-weight:normal;
  margin:0 0 8px 0;;
  padding:3px 0px 3px 0px;
}

.rahmen_requirements{
  width:62%;
  border-top:2px solid #aaaaaa;
  border-bottom:2px solid #aaaaaa;
  padding:5px 0px;
}

.head_product_screen {
  color:#ffffff;
  font-weight:bold;
  margin:0 0 5px 0;
  background-color:#666666;
  padding:2px 6px;
}

.rahmen_product_screen {
  border:2px solid #aaaaaa;
  padding:5px 6px;
}

.head_testdownload {
  color:#ffffff;
  font-weight:bold;
  margin:5px 0px;
  background-color:#aaaaaa;
  padding:2px 6px;
}

.info {
  border-top:2px solid #999999;
  border-bottom:2px solid #999999;
  padding:5px 6px;
}

.ordertitle {
  color:#ffffff;
  font-weight:bold;
  margin:0px;
  background-color:#666666;
  padding:2px 6px;
}

.order_paypal {
  color:#ffffff;
  font-weight:bold;
  margin:5px 0px;
  background-color:#aaaaaa;
  padding:2px 6px;
}

.paypal_button {
  background-color:#ffffff;
  padding:2px 2px;
}

.order {
  border-left:2px solid #666666;
  border-right:2px solid #666666;
  border-bottom:2px solid #666666;
  padding:5px 6px;
}

 .inforahmen {
  border-left:2px solid #FF9933;
  border-right:2px solid #FF9933;
  border-bottom:2px solid #FF9933;
  padding:2px 4px;
}
.inforahmentitle {
  color:#ffffff;
  font-weight:bold;
  margin:0px;
  background-color:#FF9933;
  padding:2px 6px;
}

.features {
  color:#CC6600;
  font-weight:bold;
  margin:0px;
  padding:9px 9px;
  border:1px solid #cccccc;
}

#sitemap {
  line-height:1.6;
}

/* Textinhalt sicherung 
#content {
  float:right;
  width:80%;
  color:#333333;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  margin-left:0px;
  padding:5px;
  padding-right:0px;
  line-height:1.3;
}
*/

/* Textinhalt */
#content {
  float:right;
  width:736px;
  color:#333333;
  border:1px solid #999999;
  margin-left:0px;
  padding:5px;
  line-height:1.3;
}

#content p {
  /* float:left;  */
  margin:0;
  padding:0 0 8px 0;
}

#container-slider {
  }

#main {
  float:left;
  width:490px;
  margin:0 0 0 0;
  padding:0px 8px 0 4px;
  border-right:1px solid #ddd;
}
#main-right{
  float:right;
  width:220px;
  margin:0 0 0 0;
  padding:0 4px 0 0;
}
.orange {
  color:#EE8104;
  font-weight:bold;
}
.headline-pic-broadcast {
  height:176px;
  background:url(../pics/bg-pic-broadcast-zweispaltig.jpg) no-repeat top left;
  margin:0;
  padding:0;
}
.headline-pic-streaming {
  height:176px;
  background:url(../pics/bg-pic-streaming-zweispaltig.jpg) no-repeat top left;
  margin:0;
  padding:0;
}
.headline-pic-custom {
  height:176px;
  background:url(../pics/bg-pic-custom-zweispaltig.jpg) no-repeat top left;
  margin:0;
  padding:0;
}

#header-zweispaltig {
  float:left;
  width:486px;
  min-height:196px;
  margin:8px 16px 0 0;
  padding:0;
}

#content h2.orange {
  font-size:0.9em;
  font-weight:normal;
  color:#FF6600;
  padding:0 0 4px 0;
  text-transform:uppercase;
}

#content .left {
  float:left;
  width:236px;
  margin:0 16px 0 0;
  padding:0;
}
#content .middle {
  float:left;
  width:236px;
  margin:0 0 0 0;
  padding:0;
}

#content .middle-sitemap {
  float:right;
  width:226px;
  margin:0;
  padding:15px 0 0 0;
}

#content .right {
  float:right;
  width:220px;
  margin:0 0 0 0;
  padding:0;
}

#content .right-rahmen {
  border: 1px solid #999999;
  border-radius: 6px 6px 6px 6px;
  float:right;
  width:220px;
  height:194px;
  margin:8px 0 0 0;
  padding:0 0 8px 0;
}

/* product icon links */
a.LiveEncoder { float:left; display:block; background:url(../pics/pic-live-encoder.jpg) no-repeat top left; margin:6px 0 0 0; padding:0 4px; width:70px; height:70px; }
a.LiveEncoder:hover { background:url(../pics/pic-live-encoder-active.jpg) no-repeat top left; }

a.rtmp { float:left; display:block; background:url(../pics/pic-rtmp-filter.jpg) no-repeat top left; margin:6px 0 0 0; padding:0 4px; width:70px; height:70px; }
a.rtmp:hover { background:url(../pics/pic-rtmp-filter-active.jpg) no-repeat top left; }

a.h264SDK { float:left; display:block; background:url(../pics/pic-h264-SDK.jpg) no-repeat top left; margin:6px 0 0 0; padding:0 4px; width:70px; height:70px; }
a.h264SDK:hover { background:url(../pics/pic-h264-SDK-active.jpg) no-repeat top left; }

a.mpeg2 { float:left; display:block; background:url(../pics/../pics/pic-mpeg-2.jpg) no-repeat top left; margin:6px 0 0 0; padding:0 4px; width:70px; height:70px; }
a.mpeg2:hover { background:url(../pics/../pics/pic-mpeg-2-active.jpg) no-repeat top left; }

a.dvcpro { float:left; display:block; background:url(../pics/../pics/pic-qt-dvcpro.jpg) no-repeat top left; margin:6px 0 0 0; padding:0 4px; width:70px; height:70px; }
a.dvcpro:hover { background:url(../pics/pic-qt-dvcpro-active.jpg) no-repeat top left; }

a.imx { float:left; display:block; background:url(../pics/pic-qt-imx-decoder.jpg) no-repeat top left; margin:6px 0 0 0; padding:0 4px; width:70px; height:70px; }
a.imx:hover { background:url(../pics/pic-qt-imx-decoder-active.jpg) no-repeat top left; }


#content .right-rahmen h1.text-rahmen-oben {
  margin:0;
  padding:8px 8px 4px 8px;
  width:204px;
}
/* alt
#content .right-rahmen h1.text-rahmen-oben {
  background:url(../pics/bg-grauer-rahmen-rund-oben.jpg) no-repeat top left;
  margin:0;
  padding:8px 8px 4px 8px;
  width:204px;
}
#content .right-rahmen p.text-rahmen-unten {
  background:url(../pics/bg-grauer-rahmen-rund-unten.jpg) no-repeat bottom left;
  padding:8px 4px 8px 8px;
}

*/
#content .right-rahmen p.text-rahmen-unten {
  padding:8px 4px 8px 8px;
}
#content .right-rahmen-products {float:right; width:220px; margin:9px 0 0 0; padding:0 0 8px 0; 
  background:url(../pics/bg-grauer-rahmen-rund-unten.jpg) no-repeat bottom left; }
#content .right-rahmen-products h1.text-rahmen-oben { width:204px; margin:0 0 8px 0; padding:8px 4px 4px 12px; 
  background:url(../pics/bg-grauer-rahmen-rund-oben.jpg) no-repeat top left; }
#content .right-rahmen-products ul { color:#FF6600; margin:0 0 0 4px; }
#content .right-rahmen-products ul li { padding:4px 0; }
/* button */
#content .download { float:right; width:220px; margin:0 0 0 0; padding:32px 0 8px 0; }
#content .download a.button { border:1px solid #EE8104; color:#ffffff; background:#EE8104; display: block;
  height:20px; padding:2px 0 0 10px; text-decoration:none; text-transform:uppercase; }
#content .download a.button:hover { border:1px solid #EE8104; color:#333333; background:#EE8104; display: block; }

#content #main-right input { text-align:left; border:1px solid #EE8104; font-size:0.9em;
  background:url("../pics/pic-plus.jpg") no-repeat 200px 10px; cursor:pointer;
  height:28px; width:220px; padding:2px 0 0 0; text-decoration:none; text-transform:uppercase; }

/* Aufklapp */
/* always visible */
#outer .holder { border:1px solid #FF6600; margin:10px 0; min-height:24px; }
#outer .holder p { float:left; width:190px; padding:5px 0 0 0; margin:0; }
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 { float:left; width:190px; margin:4px 0 0 6px; padding:0; text-transform:uppercase; font-weight:normal; font-size:0.9em; }

/* unclicked style div.more */
#outer div.more span {float:right; background:url("../pics/pic-plus.jpg") no-repeat 0 7px; 
  height:20px; width:20px; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more span.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more ul {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click span.show {display:none;}
#outer div.click span.hide {display:block; background:url("../pics/pic-minus.jpg") no-repeat 0 7px;}
#outer div.click p {display:block;}
#outer div.click ul {display:block; border-top:1px solid #ddd; margin:6px 0 8px 0; padding:0 0 2px 20px; }
#outer div.click img {display:block; float:left; padding-right:10px;}

/* Home mit slider  */

#content-home {
  float:right;
  width:742px;
  color:#333333;
  border-top:0px solid #FF6600;
  margin-left:0px;
  padding:0;
  line-height:1.3;
}

#content-home a {
  text-decoration:none;
  font-weight:bold;
  color:#333333;
}

#content-home #container-text li {
  list-style-position:outside;
  margin: 0 0 0 14px;
}

#container-text p {
  padding:0 12px 8px 12px;
}

#content-home a:hover, #content-homea:active{
  color:#FF6600;
  font-weight:normal;
  text-decoration:underline;
}

#main h1.headline-pic {
  font-size:1.7em;
  font-weight:normal;
  padding:0 0 0 8px;
}

#container-text {
  font-size: 110%;
  }

#container-text h1 {
  background: url("../pics/bg-border-grey-top.png") no-repeat scroll left top transparent;
  padding:12px 12px 8px 12px;
  font-weight:bold;
  font-size:110%;
  color:#ee8104;
  width:100%;
  margin:0 0 4px 0;
  text-transform:uppercase;
  }
  
#container-text ul {
  padding: 2px 8px 2px 12px;
  }
  
#content-home h2 {
  font-size:0.9em;
  font-weight:normal;
  color:#FF6600;
  padding:8px 0 4px 0;
}


#content-home h1 a, #main h1.headline-pic a {
  display:block;
  text-decoration:underline;
  text-transform:uppercase;
  font-weight:normal;
  color:#ffffff;
}

#content-home h1 a:hover, #content-home h1 a:active,
#main h1.headline-pic a:hover, #main h1.headline-pic a:active {
  color:#ffffff;
  font-weight:normal;
  text-decoration:underline;
}

#content h1.text, h1.text-rahmen-oben {
  font-weight:bold;
  font-size:0.9em;
  color:#333333;
  width:100%;
  border-bottom:1px solid #FF6600;
  padding:8px 0 4px 0;
  margin:0 0 4px 0;
  text-transform:uppercase;
}
#content #main h1.text {
  font-weight:normal;
  font-size:1.3em;
  color:#333333;
  width:100%;
  border-bottom:1px solid #FF6600;
  padding:8px 0 4px 0;
  margin:0 0 4px 0;
  text-transform:uppercase;
}

#content-home h2.text-home, #content h2.text, h2.text-rahmen-oben {
  font-weight:normal;
  font-size:0.9em;
  color:#FF6600;
  width:100%;
  padding:0;
  margin:0;
  text-transform:uppercase;
}


#content-home .home-left {
  background: url("../pics/bg-border-grey-bottom.png") no-repeat scroll left bottom transparent;
  float:left;
  width:236px;
  max-height:250px;
  margin:0 16px 0 0;
  padding:0;
}


.headline-left {
  height:176px;
  background:url(../pics/bg-pic-broadcast-einspaltig.jpg) no-repeat top left;
  margin:0;
  padding:0;
}

#content-home .home-middle {
  background: url("../pics/bg-border-grey-bottom.png") no-repeat scroll left bottom transparent;
  float:left;
  width:236px;
  max-height:250px;
  margin:0;
  padding:0;
}

#content-home .home-middle {
  padding-bottom:14px;
}

.headline-middle {
  height:176px;
  background:url(../pics/bg-pic-streaming-einspaltig.jpg) no-repeat top left;
  margin:0;
  padding:0;
}

#content-home .home-right {
  background: url("../pics/bg-border-grey-bottom.png") no-repeat scroll left bottom transparent;
  float:right;
  width:236px;
  max-height:250px;
  margin:0;
  padding:0;
}
.headline-right {
  height:176px;
  background:url(../pics/bg-pic-custom-einspaltig.jpg) no-repeat top left;
  margin:0;
  padding:0;
}




/* innerer Rahmen für Produkte Produktseiten con/dev/pro*/
.rahmen {
  float:left;
  border:1px solid #CC9966;
  margin:0px;
  padding:5px;
}

/* Textinhalt 40em Produktseiten con/dev/pro*/
.r_content {
  float:left;
  width:40em;
  color:#333333;
  margin:0px;
  padding:5px;
  line-height:1.3;
}

/* Textinhalt(screenshot) 70% Produktseiten con/dev/pro*/
.r_contentright {
  /*clear:all;*/
  width:10em;
  float:right;
  vertical-align:top;
  border-left:1px solid #999999;
  padding:5px 10px;
}

/* Textinhalt Hauptseiten index/products/con_dev*/
.content {
  float:right;
  width:80%;
  color:#333333;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  margin-left:0px;
  padding:5px;
  padding-right:0px;
  line-height:1.3;
}

.headline_content {
  width:60%;
  color:#ffffff;
  font-weight:bold;
  margin:0 0 5px 0px;
  background-color:#aaaaaa;
  padding:1px 0px 1px 10px;
}

.headlinesub_content {
  width:60%;
  font-weight:bold;
  margin:0 0 5px 0px;
  border:1px solid #aaaaaa;
  padding:1px 0px 1px 10px;
}

.headlineOrange_content {
  width:60%;
  color:#ffffff;
  font-weight:bold;
  margin:0 0 5px 0px;
  border:1px solid #ff6600;
  padding:1px 0px 1px 10px;
}



/* Textinhalt eingezogen */
.contentsub {
  float:left;
  width:60%;
  color:#333333;
  border:0px solid #CC6600;
  margin-left:0px;
  padding:0px;
  padding-left:12px;
  line-height:1.3;
}

/* Textinhalt  news links*/
#contentnews {
  float:left;
  width:61%;
  color:#333333;
  border-top:1px solid #CC6600;
  border-bottom:1px solid #CC6600;
  margin-left:0px;
  padding:5px;
  padding-right:0px;
  line-height:1.3;
}

/* Menue products alt */
#menuproducts {
  float:left;
  width:18%;
  color:#333333;
  border-left:0px solid #FF9933;
  margin-left:0px;
  padding:0px;
  line-height:1.3;
}
.menutitle {
  color:#FF6600;
  font-weight:normal;
  margin-left:0px;
  border-top:0px solid #FF9933;
  border-bottom:1px solid #FF6600;
  padding:3px 0px;
}

/* menue products NEU */
.menue-left {
  border: 1px solid #EE8104;
  border-radius: 6px 6px 6px 6px;
  float: left;
  width: 200px;
  padding:8px 8px 0 8px;
}
.menue-left p {
  color:#ee8104;
  font-weight:bold;
}
.menue-left ul {
  list-style:none;
  padding:0 0 4px 0;
  margin:0;
}
.menue-left ul li {
  background-color:#fff;
}
.menue-left ul li a {
  border:1px solid #fff;
  font-size: 1.3em;
  display:block;
  color:#333;
  text-decoration:none;
  margin:0;
  padding:4px;
}
.menue-left ul li a:hover {
  border:1px solid #666;
  color:#333;  
}

.menue-left ul ul {
  padding:0 0 4px 0;
  margin:0;
}
.menue-left ul ul li {
  background-color:#ee8104; 
}
.menue-left ul ul li a {
  color:#fff;
  font-size: 1em;
  border:1px solid #ee8104;
  margin:4px 0;
  padding:2px 2px 2px 4px;
}
.menue-left ul ul li a:active {
  background-color:#ee8104;
}
.menue-left ul ul li a:hover {
  border:1px solid #666;
  color:#333;
}


#contentnews2 {
  float:left;
  width:210px;
  color:#333333;
  border:1px solid #FF9933;
  margin:0 4px 0 0;
  padding:4px;
  line-height:1.3;
}

#contentnews2 .menutitle {
  font-weight:normal;
  border-bottom:1px solid #FF9933;
}

#contentnews2 h2{
  font-weight:normal;
}
#contentnews3 {
  float:left;
  width:224px;
  color:#333333;
  margin:0;
  padding:;
}

#contentnews3 .box-orange {
  border:1px solid #EE8104;
  border-radius:6px;
  float:left;
  margin:0 0 14px 0;
  padding:0 0 4px;
  width:224px;
}
#contentnews3 .box-orange h1 {

  padding:8px 8px 0 8px;
  font-weight:bold;
  font-size:110%;
  color:#333;
  width:210px;
  margin:0 0 4px 0;
  text-transform:uppercase;
}
#contentnews3 .box-orange p {
  padding:0 8px 0 8px;
}


/* Textinhalt  news 2spaltig*/
.contentnewssub {
  float:left;
  width:46%;
  color:#333333;
  border:0px solid #cccccc;
  border-left:0px solid #cccccc;
  margin-left:0px;
  padding:5px;
  padding-left:10px;
  line-height:1.3;
}

p{ widows:5;}

.clear {
  clear: both;
}


/* Browserkompatibil.stabelle */
.j, .f, .n,.t{
 text-align:center;
 font-weight:bold;
 vertical-align:middle;
}

/* mws erweitert */
.bold{
font-weight:bold;
}

#content td{
font-size:8pt;
font-family:Verdana,Arial,Helvetica;
font-style:normal;
}

#content p.mwsp{
width:480px;
margin-top:10px;
}

#content span.do{
color:#CC6600;
}

#content h2.mwsh2{
padding:0px;
margin:15px 0px 3px 0px;
}

#content h3.mwsh3{
padding:0px;
margin:0px 0px 10px 0px;
}

#wako{
margin-top:10px;
padding-right:20px;
}

#wako table{
width:100%;
}

#wako table td{
padding:2px;
background:#ededed;
text-align:center;
}

#wako table td.tdl{
text-align:left;
}

#wako table th{
padding:2px;
background:#ededed;
text-align:center;
}

#wako table th.thl{
width:75%;
text-align:left;
}

#single_form{
float:left;
margin-top:20px;
padding-bottom:20px;
}

#single_form p {
  clear:both;
  margin: 0;
  padding: 0 0 8px;
}

#single_form table{
margin-bottom:10px;
}

#single_form table th{
padding:4px;
background:#ededed;
text-align:left;
}

#single_form table td{
padding:4px;
margin:4px;
text-align:left;
}

#single_form table td.center{
padding:4px;
margin:4px;
text-align:center;
}

#single_form table tr.grau{
background:#ededed;
}

#single_form input.submit{
margin-left:2px;
padding:2px 4px 2px 4px;
background:#ededed;
border:1px solid #000000;
color:#000000;
}

#multi_form{
padding-bottom:20px;
}

#multi_form table.multi_table{
float:left;
width:730px;
margin-top:10px;
border-bottom: 1px solid #ededed;
}

#multi_form table.multi_table td{
padding:4px;
margin:4px;
}

#multi_form table.multi_table td.product_word{
width:520px;
font-weight:bold;
}

#multi_form table.multi_table tr.paint1{
background:#ededed;
}

#multi_form table.multi_table td.checkbox{
width:20px;
}

#multi_form table.multi_table td.text{
width:500px;
}

#multi_form table.multi_table td.m_preis{
width:60px;
text-align:center;
}

#multi_form table.multi_table input.submit{
margin-left:3px;
padding:2px 4px 2px 4px;
background:#ededed;
border:1px solid #000000;
color:#000000;
}

#mail_data{
margin-top:20px;
padding:0px 20px 20px 0px;
}

#mail_data fieldset{
margin:0px;
padding:0px 10px 10px 10px;
border:none;
border-top: 1px solid #cccccc;
}

#mail_data table{
margin-top:10px;
}

#mail_data table td{
background:#ffffff;
text-align:left;
}

#mail_data table td.error{
color:#dd0000;
}

#mail_data table td.space{
width:80px;
}

#mail_data table td.space2{
width:120px;
}

#mail_data fieldset legend{
font-weight:bold;
}

#mail_data p.req{
padding-bottom:10px;
color:#cccccc;
}

#mail_data input.submit{
margin-left:10px;
padding:2px 4px 2px 4px;
background:#ededed;
border:1px solid #000000;
color:#000000;
}

#mail_data textarea{
margin-top:10px;
height:100px;
width:615px;
}

#payment_info{
margin-bottom:15px;
padding:5px;
border: 1px solid #cccccc;
font-weight:bold;
}

#error_info{
margin-top:20px;
padding:0px 20px 0px 0px;
}

#error_info p{
margin-bottom:5px;
padding:5px;
border: 1px solid #DF0000;
font-weight:bold;
}

/* Layout sitemap    */
#content h1.text-sitemap{
  font-weight:normal;
  font-size:0.9em;
  color:#333333;
  width:100%;
  border-bottom:1px solid #FF6600;
  padding:8px 0 4px 0;
  margin:0 0 16px 0;
  text-transform:uppercase;
  display:inline; 
}

#content h2.sitemap {
  clear:both;
  font-size:0.9em;
  font-weight:normal;
  color:#333333;
  padding:6px 4px 6px 4px;
  text-transform:uppercase;
  background-color:#EE8104;
  border-radius: 5px
}
#content .middle-sitemap {
  margin:0 0 12px 0;
}