/* CSS-Template by cms-templates.de */


html, body {
	margin: 0;
	padding: 0;
	
height: 100%;
}

html{
	color: #333333;
		background-image: url("Bilder/background-body.gif");
	background-repeat: repeat-x;
	background-color: #DADADA;
text-align: center;
}

body {

}

#container {
position: relative;
margin: auto;
width: 795px;
border: 1px solid #cccccc;
padding: 0 1px 0 1px;
}


#innerContainer {
	width: 795px;
	background-color: #FFFFFF;
	text-align: left;
	overflow: hidden;

}


#contentContainer {
display: block;

}

/* ####################################################### */
/* #### Allgemein: Schriften, Listen u. Links ############ */

html, body, table, th, td, div, div.rechts{
	font-size: 13px;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
}


/* ####################################################### */
/* #### Raster / Seitenaufteilung: oben ################## */

div.top{
	top: 0;
	left: 0;
	height: 146px; /* Hˆhe der oberen horizontalen Leiste */
	background: #C5DFFA url("Bilder/background-header.gif") repeat-x 0 0 ;
	
	}

div.logo {

text-align: right;
position: absolute;
right: 20px;
top: 47px;
}

div#loginBox {
text-align: right;
position: absolute;
right: 10px;
top: 90px;
z-index: 999;
}


/* #### Layout / Seitenaufteilung: Content ############### */

div.content {
margin-top: 8px;
margin-left: 0px;
width: 590px;
display: block;
float: left;
/*border-right: 1px solid #cccccc;*/
}

/*div.content p {
margin-right: 10px;
}*/

div.rechts {
/*height-min: 40px; */
border-style: solid;
border-width: 1px;
border-color: white;
border-left-color: #cccccc;
border-bottom-color: #cccccc;
display: block;
float: left;
width: 180px;
margin-top: 10px;
	}	


div.border {
position: absolute;
left: 250px;
top: 0px;
z-index: 3;
	}


div.cleaner {
clear: both;
height: 10px;
}

/* ####################################################### */
/*

font, p {
font-size: 13px;
}
*/



hr {
border: solid 1px #336699;
height: 1px;
}






/* ####################################################### */


div.headertext {
position: absolute;
top: 16px;
left: 200px;
color: #ffffff;
font-size: 18px;
padding-top: 0px;
	}



div.breadcrumb {
display: none;	
font-size: 10px;
	}

div.breadcrumb a
{
color: #e96a04;
	}

a div.breadcrumb a:hover
{
color: #000000;
	}



/* Tabnav oben */
.tabnav {
	position: relative;
}

.left-tabs {
	position:absolute;
	top: 0px;
	left: 5px;
}

.right-tabs {
	position:absolute;
	top: 0px;
	right: 5px;
	text-align: right; 
	width: 590px;
}



.tabnav a {
	display: block;
	float: left;
	background: url(Bilder/tabs/bg-tab-grey-left.png) no-repeat left;
	_background: url(Bilder/tabs/bg-tab-grey-left.gif) no-repeat left;
	height: 23px;
	padding: 0px 0px 0 11px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

.tabnav a span {
	display: block;
	background: url(Bilder/tabs/bg-tab-grey-right.png) no-repeat right;
	_background: url(Bilder/tabs/bg-tab-grey-right.gif) no-repeat right;
	padding: 2px 11px 0 0;
	height: 21px;
	color: #326699;
}

.tabnav a.act,
.tabnav a:hover {
	background-image: url(Bilder/tabs/bg-tab-blue-left.png);
	_background-image: url(Bilder/tabs/bg-tab-blue-left.gif);
}

.tabnav a.act span,
.tabnav a:hover span {
	color: #F2F2F2;
	background-image: url(Bilder/tabs/bg-tab-blue-right.png);
	_background-image: url(Bilder/tabs/bg-tab-blue-right.gif);
}

.tabnav a.extern {
	float: right;
	background-image: url(Bilder/tabs/bg-tab-orange-left.png);
	_background-image: url(Bilder/tabs/bg-tab-orange-left.gif);
}

.tabnav a:hover.extern {
	background: url(Bilder/tabs/bg-tab-grey-left.png) no-repeat left;
	_background: url(Bilder/tabs/bg-tab-grey-left.gif) no-repeat left;
	color: #F39341;
}

.tabnav a:hover.extern span {
	background: url(Bilder/tabs/bg-tab-grey-right.png) no-repeat right;
	_background: url(Bilder/tabs/bg-tab-grey-right.gif) no-repeat right;
	color: #F39341;
}

.tabnav a.extern span {
	color: #666666;
	background-image: url(Bilder/tabs/bg-tab-orange-right.png);
	_background-image: url(Bilder/tabs/bg-tab-orange-right.gif);
}



/* Tabnav end */


/* ####################################################### */
/* #### Tabnavigtion ########################### */

    #nav {
      width:100%;
      height: 25px;
      font-size: 12px;
      line-height:normal;
      clear: left;
      position: absolute;
      top: 87px;
      left: -49px;
      }
    #nav ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #nav li {
      display:inline;
      float:left;	
      margin:0;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("Bilder/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      cursor: pointer;
      }
      
    #nav a span {
    	 float:left;
      display:block;
      background:url("Bilder/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
     body> #nav a span { width: 100%;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #nav a:hover, #nav li.active a {
      background-position:0% -42px;
      }
    #nav a:hover span, #nav li.active a span {
      background-position:100% -42px;
      }

/* ####################################################### */
/* #### Tabnavigtion  LVL 2 ########################### */

    #subNav {
      width:100%;
      font-size:93%;
      line-height:normal;
      clear: left;
      position: absolute;
      top: 110px;
      left: -49px;
      height: 23px;
      font-size: 11px;
      }
    #subNav ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #subNav li {
      display:inline;	
      margin:0;
      padding:0;
      height: 20px;
      overflow: hidden;
      }
    #subNav a {
      float:left;
      background:url("Bilder/tableft12.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #subNav a span {

      float:left;
      display:block;
      background:url("Bilder/tabright12.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
   
      }
        body> #nav a span { width: 100%;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #subNav a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #subNav a:hover, #subNav li.active a {
      background-position:0% -42px;
      }
    #subNav a:hover span, #subNav li.active a span {
      background-position:100% -42px;
      }


/* ####################################################### */
/* #### Content ########################################## */

div.content{
	padding: 10px 10px 0 10px;
}


div.content p{
	font-size: 13px;
}



/* ####################################################### */
/* #### Rechts: Marginalien ############################## */

/* #### Suchbox ########################################## */

div.search{
	position: absolute;
	top: 145px;
	left: 805px;
	width: 180px;
}

div.search form{
	margin: 0;
	padding: 3px;
}

div.search input{
	color: #336699;
	padding: 0;
	background-color: #ffffff;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
	font-size: 11px;
	line-height: 17px;
}

div.search input.searchfield {
	display:block;
	float: left;
	height: 17px;
	width: 138px;
	border: #666666 solid 1px;
}

div.search table{
	border-spacing: 0;
	border-collapse: collapse;
}

div.search td{
	margin: 0;
	padding: 0;
	line-height: 1px;
	vertical-align: top;
}

div.search td.searchimage{
	text-align: right;
}



/* ####################################################### */
/* #### Allgemein: Bilder ################################ */

img{
	margin:0;
	padding:0;
	border:none;
}

div.content p img{
	margin:0;
	padding:10px;
	border:none;
}



/*div.content h1 {
font-size: 20px;
color: #000000;
border-bottom: 1px #000000 solid;
}*/

div.content h1 {
	font-size: 15px;
	color: #336699;
	text-transform: uppercase;
}

div.content h2 {
	font-size: 13px;

	color: #333333;
	
}
div.content h3 {
	font-size: 12px;
	color: #333333;
}

div.links h1, div.links h2, div.rechts h1, div.rechts h2 {
font-size: 14px;
background: url(Bilder/tabright10.gif) -2px -42px no-repeat ;
color: #ffffff;
padding-left: 5px;
margin-top: 0px;
}



p.quote {
border: 1px #336699 solid;
background-color: #CAD7ED;
text-align: center;
padding: 5px;
}

div.content a, div.rechts a {

 color: #336699; 
text-decoration: underline;

}

div.content a:hover, div.rechts a:hover {
color: #e96a04;
text-decoration: underline;
}

table.table-redbackground {
background-color: #ffffff;

border: 1px solid #336699 ;
padding: 0px;

}

table.table-redbackground td {
background-color: #ffffff;
border: 1px solid #336699;
padding: 5px;



margin: 0px;

}

tr.highlight td {
background-color: #CAD7ED;
}

h5 {
font-size: 13px;
color: #336699;
	}

div.content table td {
padding-left: 5px;
padding-right: 3px;

	}

a.totop {
line-height: 22px;

}

a.totop img {
vertical-align: text-bottom;
margin: 0px;
padding: 0px;
}
div.content p.bottoms {
width: 192px;
vertical-align: top;
margin-top: 20px;
}

div.content  p.bottoms {
vertical-align: top;
color: #e96a04;
line-height: 22px;
background-image: url("Bilder/link_bg.gif");
background-repeat: repeat-x;

}
	
div.content  p.bottoms img {
vertical-align: sub;
margin: 0px;
padding: 0px;
	}

div.content p.bottoms a {
border: 0px;
padding-bottom: 4px;
	}
div.content p.bottoms a:hover {
border: 0px;
padding-bottom: 3px;
color: #e96a04;
	}



/* forms, loginbox */

.tx-loginboxmacmade-pi1 .input, .tx-loginboxmacmade-pi1 .password {
border: 1px solid #999999;
}

.tx-loginboxmacmade-pi1 .submit{
border: 1px solid #999999;

}


.tx-loginboxmacmade-pi2 form {
padding: 5px;

}

.tx-loginboxmacmade-pi2 .input {
border: 1px solid #eeeeee;
font-size: 10px;
}

.tx-loginboxmacmade-pi2 .submit {
position: relative;
top: 5px;
}


/* testsuite overview */
.tx-wintestsuite-setitem .footNote {
font-size: 10px;
padding: 2px 0 2px 5px;
background: #fcfcfc;
border-bottom: 1px dotted #666666;
margin-bottom: 20px;
position: relative;

}
.tx-wintestsuite-setitem .footNote span.link {
position: absolute;
right: 5px;
text-align: right;
}


/* testsuite single */

.tx-wintestsuite-pi1 {
position: relative;
}

.tx-wintestsuite-stausbar  {
width: 560px;
overflow: hidden;
white-space: nowrap;
}
.tx-wintestsuite-stausbar img {
background: #cccccc;
}

.tx-wintestsuite-single .answers ul {
padding: 0px;
margin-bottom: 25px;
margin-left: 0px;
}

.answer {
display: block;
position: relative;
list-style-type: none;
clear:left;
margin-left: 0px;
margin-bottom: 15px;

	}

.answer input {
float: left;

margin-bottom: 5px;
}

body > .answer span {
clear: left;

}

.answer label {
width: 470px;
display:block;
float: left;
margin-bottom: 5px;
margin-right: 5px;
}

body > .answer .answerJsFunc {
position: absolute;
left: 505px;
top:0px;
border: 1px dotted grey;
z-index: 999;
}

.answers .answer {
visibility: hidden;
}

#kombianswers {
visibility: hidden;
}

#commentedanswer {
visibility: hidden;
width: 560px;
overflow: hidden;
background: #CBD8F0;
border: 1px solid #336699;
padding: 5px;
margin: 15px 10px 10px 0;
position:relative;
}


#commentedanswer .cover-up {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width:100%;

}

.tx-wintestsuite-single {
width: 560px;
}

.tx-wintestsuite-single div.submit {
visibility: hidden;
}


#li1, #answers #lia {
visibility: visible;
}


.upperTransform {
text-transform: uppercase;
}

.boldText {
font-weight: bold;
}

.tx-wintestsuite-unhide {
display: block;
position: absolute;
top: 0px;
right: 25px;
margin-bottom: 10px;
}

.tx-wintestsuite-unhide a {
	vertical-align: top;
}


/* RTE FORMATIERUNGEN*/

.csc-frame-frame2 {

border: 1 px solid #333333;
background: #B8CEE7;
padding: 3px;
}

.codetable
{
	border: 1px solid silver;
	background: white;
	width: 90%;
	padding: 0px;
	border-collapse: collapse;
}

.codetable th
{
	padding: 3px;
	color: white;
	background: #326699;
}

.codetable td
{
	border-bottom: 1px solid silver;
}	



/****** REGISTER *******/
.tx-srfeuserregister-pi1 fieldset
{
	border: 0px;
}


.tx-srfeuserregister-pi1 legend
{
	font-weight: bold;
}


.tx-srfeuserregister-pi1 label
{
	font-weight: bold;
}


.tx-srfeuserregister-pi1 dt
{
	float: left;
	width: 90px;
	margin-bottom: 15px;
}
.tx-srfeuserregister-pi1 dd
{
	float: left;
	width: 430px;
	margin-bottom: 15px;
}

.tx-srfeuserregister-pi1 dd input
{
	margin-right: 10px;
}


.tx-srfeuserregister-pi1-error
{
	color: red;
	margin: 3px;
}

#tx-srfeuserregister-pi1-fe_users_form dt
{
	font-weight: bold;
}

/****** REGISTER END *******/