body
{
 font-size:12px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
  background: #c9c9c9;
 margin-top: 5px;
 padding: 0px;
}

/*Links*/
a,
a:link
 {
  color:#000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:11px;
  text-decoration: none;
}

a:active,
a:hover
 {
  color:#000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:11px;
  text-decoration: none;
}

/*breite der gesamten seite*/
#frame {
  width: 970px;
}

/*header*/

#header {
  width: 970px;
  height: 61px;
  background: #ffffff url(images/webspaceorder_logo.jpg) no-repeat;
}
#menuHead {
  text-align: right;
  padding-top:45px;
}
#banner {
  width: 970px;
  height: 100px;
  background: #ffffff url(images/webspacorder_banner.jpg);
}
#menumain {
  width: 970px;
  height: 30px;
  background: #ffffff url(images/v2_1_4.jpg);
}

/*floatet left und content*/
#main {
  float: left;
  width:970px;
  background: #ffffff url(images/v2_1_4.jpg);
  border-left: 0px solid #1C455B;
  border-right: 0px solid #1C455B;
  text-align: left;
  height: 400px;
}
html>body #main { /* be nice to opera (&gekko) */
height: auto;
min-height: 400px;
}
/*content bereich*/
#content {
  float: right;
  width: 760px;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 18px;
  padding-right: 10px;
  border: 0px solid #000;
}

/*linke spalte*/
#left {
  float:left;
  width: 200px;
  margin: 0;
  margin-top: 20px;
  /*line-height: 18px;*/
}
#menucontainer {
  background: #ffffff url(images/navigation.gif);
	margin: 20px 0 0px 8px;
	padding: 5px;
}

#navcontent {
	margin: 0 8px 0 8px;
	padding: 4px;
	width: 165px;
}
#menuText {
  /*border-top: 1px double #B11119;
  border-bottom: 1px double #B11119;*/
	margin: 20px 10px 0px 8px;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
}
#menuText {
	margin: 16px 10px 0px 8px;
}

/*Breadcrumb Navigation*/
#breadcrumb {
  float: left;
  font-size: 11px;
  margin: 5px 4px 3px 4px;
}

#breadcrumbLine {
  margin: 25px 0px 0 0;
  border-bottom: 1px dotted #C8C8C8;
}

a#breadcrumbLink {
  color:#000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:10px;
  text-decoration: none;
}

/*Spacer*/
.spacer-top, .clearer {
  margin-bottom: 10px;
  margin-right: 40px;
  clear: both;
}

/* Top Navigation */
#modernbricksmenu{
margin-bottom: 1em;
overflow: hidden;
text-align: center;
width: 700px;
color: #993233;
line-height: 30px;
}

#modernbricksmenu a{
 color: #353D6E;
}
#modernbricksmenu a:hover{

}

#modernbricksmenu a.current{ /*currently selected tab*/
  color: #000000;
}

/* Menu left */
/* 2nd Level */
#secondLevel {
	list-style-image: url(images/point.gif);
	margin-left: 20px;
}
#current2nd a{
	color: #B01217;
}
/* 3rd Level */
#thirdLevel {
	list-style-image: url(images/arrow_grey.gif);
	margin-left: 10px;
}
#thirdLevel a{
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

#current3rd a{
	color: #B01217;
}


/* fourthLevel */
#fourthLevel {
	list-style-image: url(images/arrow_grey_single.gif);
	margin-left: 10px;
}
#fourthLevel a{
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

#fourthLevel a{
	color: #000;
}

#current4th a{
	color: #353D6E;
}

               

/*Text*/
h1 {font-size:14px;color:#353D6E;margin-bottom:4px;font-family: Verdana, Helvetica, Arial, sans-serif;}
h2 {font-size:12px;color:#353D6E;margin-bottom:4px;font-family: Verdana, Helvetica, Arial, sans-serif;}
h3 {font-size:11px;color:#353D6E;margin-bottom:4px;font-family: Verdana, Helvetica, Arial, sans-serif;}
p {margin-top:0px;font-size: 12px;font-family: Verdana, Helvetica, Arial, sans-serif;}

.htmlarea-showtableborders { border-collapse: collapse; margin:0px; padding: 0px;}
.htmlarea-showtableborders TH { background: #2a5e85;  font-size:11px;}
.htmlarea-showtableborders TR TD {border: 1px #2a5e85 solid; padding: 1px;font-size: 10px;}
.htmlarea-showtableborders TR TD P.bodytext { font-size: 12px; text-valign: middle; margin:7px 0; padding: 0px; }
.htmlarea-showtableborders H1 {width: 100%; height: 22px; margin: 0px; padding: 4px 0px 0px 0px; text-valign: middle;font-size: 11px; color: #2a5e85}
.htmlarea-showtableborders H2 {width: 100%; height: 22px; margin: 0px; padding: 4px 0px 0px 0px; text-valign: middle;font-size: 10px; color: #2a5e85}
.htmlarea-showtableborders H3 {font-weight: bold;font-size: 11px; color: #000; margin: 0px;}

table.csc-frame-frame2,
table.htmlarea-showtableborders {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

table.csc-frame-frame2 td,
table.htmlarea-showtableborders td{
  border: 1px solid #e8e8e8;
  padding: 5px;
}

table.csc-frame-frame2 thead{
  padding: 0px;
  margin: 0px;
  width: 100%;
  font-size: 11px;
  background: #e8e8e8;
  color: #000;
}
table.csc-frame-frame2 h3,
table.csc-frame-frame2 h1{
  padding: 0px;
  margin: 0px;
  color: #000;
}

table.csc-frame-frame2 p.bodytext{
  line-height: 20px;
}

.csc-textpic-text h1, h2, h3, h4 {
}

.csc-textpic-caption {
  font-size: 11px;
  font-style: italic;
}

.csc-textpic-intext-right-nowrap {
	padding-right: 15px;
}

DIV.csc-frame-indent6633 {
	padding-right: 25%;
}

DIV.csc-textpic-imagewrap {
	border: 0px solid;
}

# Farbe Bildunterschrift
.csc-textpic-caption {
	color:#353D6E;
}

.csc-firstHeader {
 color: #000;
}

ul {
  margin: 0px; 
  padding: 0px;
  list-style-type:square;
}

#content ul {
margin: 0;
padding: 0px;
margin-left: 30px;
list-style-type:square;
}
/* Navigation Top */

#menumain ul {
	margin: 0;
	padding: 0px;
}

#navcontainer{
margin: 0;
padding: 0;
height: 22px;
font: 11px Verdana, sans-serif;
width: 50%;
border-bottom: 0px solid #bbb;
list-style-type: none;
}

#navlist li {
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link {
background: #fff;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
border-bottom: 3px solid #f90;
}

#navlist li a:hover{
color: #039;
border-bottom: 3px solid #CECECE;
background: #eee;
}

#navlist li a#current, #navlist li a#current:link{
color: #000;
font-weight: bold;
border-bottom: 3px solid #CECECE;
}

#navlist li a#current:hover{
border-bottom: 3px solid #f90;
background: #eee;
}



/*Text*/
.contenttable P { font-size: 12px; margin:0px;font-family: Verdana, Helvetica, Arial, sans-serif;}
.contenttable TR TD { vertical-align: top; }
.contenttable TR.tr-last TD P { background-color: #336699; }
.contenttable TR TD.td-last P { background-color: #aa6699; }
.align-right { text-align: right; }

.csc-header h1,h2,h3{
 color: #353D6E;
}

.csc-header h1{
  font-size: 12px;
}

h1.csc-firstHeader{
 color: #353D6E;
 font-size: 14px;
}

H1 { font-size: 14px; color: #353D6E; font-weight: bold;}
H2 { font-size: 12px; color: #353D6E; font-weight: bold;}
H3 { font-size: 11px; color: #353D6E; font-weight: bold;}
H4 { font-size: 11px; color: #353D6E; font-weight: bold;}
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 5px; margin-bottom: 10px; }



/*image*/
.csc-textpic-imagewrap {
  border: 0px;
}
/*extended sitemap*/
.tx-flseositemap-pi1 {
}
ul.list {
  list-style-type:square;
}

li.deep1 {
 list-style: none;
 background-image: url(images/arrow_black.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 15px;
}

hr {
  background-color: #353D6E; /* Mozilla 1.4 */
  color: #353D6E; /* IE 6 */
  border: #353D6E; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

/* Ruler */
.csc-frame-rulerAfter {
  border-top: 1px dotted #353D6E;
}

.csc-frame-rulerBefore{
  border-top: 1px dotted #353D6E;
  margin-bottom: 10px;
}

/* Rahmen um Code */
p.csc-frame-frame1 { background-color: #C8CCE6; padding: 2px 4px 2px 4px; border: 1px solid #3952A3; }

img {
	border: 0px;
}

/* Formulare */
/* ---------- Fieldset---------------------------------------- */
.csc-mailform-submit {
      color: #000;
}
.csc-mailform-field {
      color: #000;
      border: 0px solid #353D6E;
}
.csc-mailform{
        border: 0px solid #353D6E;
}

.csc-mailform input,
.csc-mailform textarea {
        border: 1px solid #c9c9c9;
}
fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  border:0px;
}

label {
  width: 12em;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  color: #000;
  float: left;
  text-align: left;
  margin-right: 0.5em
  display: block;
}

input {
 margin-bottom: 0px;
 color: #000;
}

textarea {
  margin-bottom: 10px;
  color: #000;
  width: 90%;
  height: 50px;
}

/*
	Styles 2 Column DIV Section
*/

div.tx-fdfx2cols-pi1{
	float:left;
	width: 730px;
	margin-bottom:10px;
	padding: 0px;
  border: 0px solid #000;
}

/* Layout 1 */
div.c2l1d-left{
	float:left;
  left:0px;
  padding: 0px;
  width:440px;
  white-space:normal;
  border: 0px;
  margin: 0px;
}

div.c2l1d-left h1,
div.c2l1d-middle h1{
  color: #000;
  margin-top: 0px;
  padding-top: 0px;
  font-size: 14px;
}

div.c2l1d-left h2,
div.c2l1d-middle h2{
  color: #000;
  font-size: 14px;
}

div.c2l1d-middle {
	float: right;
	color:#333;
  padding: 0px 20px 20px;
	border: 0px;
	border-top: 1px solid #d7d7d7;
	margin: 0 15px 15p 15px;
  left:460px;
  padding: 5px;
  width:250px;
	background: #f6f6f6 url(images/featurebox_bg.gif) no-repeat 100% 100%
}

div.c2l1d-middle h1,
div.c2l1d-middle h2,
div.c2l1d-middle h3,
div.c2l1d-middle h4,
div.c2l1d-middle h5,
div.c2l1d-middle h6 {
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;
	color:#000;
	border-bottom: 1px solid #353D6E;
}

div.c2l1d-middle p {
	border:none;
	margin: 0 0 1em;color:#444
}

div.c2l1d-middle a {
	font-weight:bold
}

/* Layout 2 */
div.c2l2d-left{
	float:left;
  left:0px;
  width:350px;
  border: 0px;
  border:0px solid #353D6E;
}

div.c2l2d-left h1,
div.c2l2d-middle h1{
  margin: 0px;
  border: 0px;
  font-size: 13px;
  padding: 1px 5px;
  background: #000;
}

div.c2l2d-left p.bodytext,
div.c2l2d-middle p.bodytext {
  margin: 0px;
  border: 0px;
  padding: 2px 5px;
}

div.c2l2d-middle{
  float: right;
  left: 350px;
  width:350px;
  border:0px solid #000;
  background: #ffffff;
}

/* 	Layout 3 	embedded */
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}

div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}

/* Layout1 Tabellendesign */
.c2l1-left{
   border-right: 0px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;

}
/* tt_news */
.news-list-morelink a.download,
.news-latest-morelink a.download {
	background: url(images/download.gif) no-repeat;
 background-position: left;
	padding-left: 25px;
}
.news-list-morelink a.extern,
.news-latest-morelink a.extern {
	background: url(images/link_ext.gif) no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-list-morelink a,
.news-latest-morelink a {
 /*background: url(images/arrow_black.gif);*/
 background-repeat: no-repeat;
 background-position: left;
	padding-left: 15px;
}

.news-latest-item .bodytext{
	padding: 0px;
}

.news-latest-item a{
	margin-left: 140px;
}

.news-list-date {
	font-weight: bold;
}

/* News allgemein */
.tx-ttnews-browsebox-SCell a{
  text-decoration: underline;  
}

.tx-ttnews-browsebox p{
  padding: 0px;
  margin: 0px;
}

.news-list-container a.download,
.news-list-container a.download,
.news-single-links a.download {
	background: url(images/download.gif) no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-list-container a.extern,
.news-list-container a.extern,
.news-single-links a.extern {
	background: url(images/link_ext.gif) no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-list-container a,
.news-list-container a,
.news-single-links a {
 background: url(images/arrow_news.gif);
 background-repeat: no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-list-item a.download,
.news-list-item a.download {
	background: url(images/download.gif) no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-list-item a.extern,
.news-list-item a.extern {
	background: url(images/link_ext.gif) no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-list-item a,
.news-list-item a {
 background: url(images/arrow_news.gif);
 background-repeat: no-repeat;
 background-position: left;
	padding-left: 25px;
}

.news-single-img {
	float: right;
	margin-left:5px;
  font-style:italic;
  font-size: 12px;
}

p.news-single-imgcaption {
  width: 180px;
  margin-bottom: 10px;
}

.news-list-item img {
  float: left;
  margin: 0 5px;
}

.news-list-item .news-list-morelink {
  margin: 0px;
  padding: 0px;
}

.news-list-item a {
  padding: 0;
  margin: 0;
  color: #000;
  text-decoration: none;
}

/* Rahmen */
.csc-frame-indent2080 {
  padding-left: 25%;
}
/* Tab Navigation*/
.thirdNavi {
  margin: 5px 5px 3px 15px;
}

#tabs12 {
  float:left;
  font-size:93%;  
  background: #fff;
  line-height:normal;
  border-bottom:0px solid #B01116;
}
#tabs12 ul {
  margin:0;
  padding:0px 1px 0 0px;
  list-style:none;
  }
#tabs12 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs12 a {
  float:left;
  background:url("images/tableft12.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs12 a span {
  float:left;
  display:block;
  background:url("images/tabright12.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#000;
  }
#tabs12 a.current span {
  color:#fff;
  }  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs12 a span {float:none;}
/* End IE5-Mac hack */
#tabs12 a:hover span {
  color:#FFF;
  }
#tabs12 a:hover {
  background-position:0% -42px;
  }
#tabs12 a:hover span {
  background-position:100% -42px;
  }

#tabs12 a.current {
  background-position:0% -42px;
}
#tabs12 a.current span {
  background-position:100% -42px;
} 
.thirdNavi ul {
  list-style: none;
  margin: 0;
  padding: 0;
} 
.textBold {font-weight: bold;}
.csc-frame-frame1 { background-color: #fff; padding: 2px 4px 2px 4px; border: 1px solid #B01116; margin: 0px;}
