html {
	height: 100%;
}
.break {
	clear: both;
}

body {
	background-color: #CCCCCC;
	font-family:Arial;
	font-size: 10pt;
	/*background-image: url('../images/header_bg.gif');*/
	background-repeat:no-repeat;
	/*padding-top: 2px;*/
    color: #333333;
}

* html body {
	padding-top: 6px;
}

.main {
	/*background-image: url('../images/header_bg.gif');*/
	background-position: center ;
	background-repeat:no-repeat;
}


.a {
	width: 100%;
	background-color: #000000;
}


.a td {
	background-color: #EFEFEF;
	color: #000000;
}


td {
	text-align: justify;
	vertical-align: top;
}

.protab {
	text-align: justify;
	vertical-align: top;
    width: 400px
}

th {
	background-color: #F5242B;
	color: #000000;
	text-align: left;
	font-weight: normal;

}


th.vb {
	background-color: #EE1C25;

}


th a:link,
th a:hover,
th a:visited {
	color: #000000;
}


tr.cat td,
td.cat {
	background-color: #B2B2B2;
	color: #000000;

}


tr.cat td.vb {
	background-color: #AAAAAA;

}


.cat a:link,
.cat a:hover,
.cat a:visited {
	color: #000000;
}


tr.tda td,
td.tda {
	background-color: #EFEFEF;
	color: #000000;

}


tr.tda td.vb {
	background-color: #E4E4E4;

}


tr.tdb td,
td.tdb {
	background-color: #DFDFDF;
	color: #000000;

}


tr.tdb td.vb {
	background-color: #D4D4D4;

}


a:link,
a:visited {
	text-decoration: underline;
	color: #34528E;
}


a:hover {
	text-decoration: none;
	color: #000000;
}


.lt {
	font-size: 10px;
}

#cimg {
	float: left;
	padding-right: 10px;
	text-align: center;
}

#cimg img {
	padding-bottom: 10px;
}


img {
	border-width: 0px;
}


hr {
	background-color: #000000;
	border: 0px;
}


p {
	text-align: justify;
	margin-top: 0px;
}


div {
	text-align: justify;
}


code, pre {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


.center {
	text-align: center;
}


.nounderline,
a.nounderline {
	text-decoration: none;
}


.normalpadding {
	padding: 5px;
}


.pagetitle {
	font-size: 20px;
}


.underline {
	text-decoration: underline;
}


.linethrough {
	text-decoration: line-through;
}


.externlink {
	letter-spacing: 2px;
	background: url('http://page.compi-tec.de/images/link.gif') no-repeat center left;
	padding-left: 15px
}



.emaillink {
	letter-spacing: 2px;
	background: url('http://page.compi-tec.de/images/email.gif') no-repeat center left;
	padding-left: 20px
}


.online {
	color: #00A000;
}


.offline {
	color: #A00000;
}


.prefix {
	color: #606060;
}


.nomargin {
	margin: 0px;
}


.actions {
	border: 1px dashed #000000;
	background-color: #EFEFEF;
	padding: 5px;
	width: auto;
	letter-spacing: 2px;
	float: right;
}


.actions li {
	display: block;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	border-left: 1px solid #000000;
}


.actions li:first-child {
	border-left-width: 0px;
}


ul.menusep {
	padding: 0px;
	margin: 0px;
}


.menusep li {
	float: left;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #787878;
}


.menusep li:first-child {
	border-left-width: 0px;
}


.infobox {
	border: 1px dashed #000000;
	background-color: #EFEFEF;
	padding: 5px;
	margin: 5px;
	margin-bottom: 0px;
	width: auto;
	float: right;
	max-width: 45%;
	font-size: 10px;
}


.clearright {
	clear: right;
}


.clearboth {
	clear: both;
}


.codebox {
	overflow: auto;
	width: 100%;
	clear: right;
}


.codebox .linedisp {
	text-align: right;
	font-family: Courier New;
}


* html .codebox .linedisp {
	font-size: 12px;
}


.codebox .codedisp {
	white-space: nowrap;
}


label.inputerror {
	color: #FF0000;
	font-weight: bold;
}

.inputerror span {
	font-size: 10px;
}


#head {
	width: 657px;
	background-color: #FFFFFF;
	padding:0px;
	margin: auto;
	text-align: right;
}



#menutop {
	float: right;
	text-align: right;
	font-size: 10px;
	padding: 2px;
}


#sitename {
	text-align: center;
	margin: auto;
	border: 1px solid #EE1C25;
}


#section {
	text-align: right;
	background-color: #FFFFFF;
	height: 22px;
	padding-top: 3px;
	margin-top: -3px;
	background-image: url('../images/menu.gif');
	background-repeat: no-repeat;
	background-position:  right 50%;; padding-left:0px; padding-right:0px; padding-bottom:0px
}

* html #section {
	height: 24px;
}


#section a:link,
#section a:visited {
	color: #313131;
	font-size: 17px;
	padding-left: 20px;
	padding-right: 12px;
	padding-bottom: 5px;
	text-decoration: none;
	font-size: 11px;
}


#section a.selected:link,
#section a.selected:visited {
	color: #313131;
	font-size: 11px;
}


#section a:hover,
#section a.selected:hover {
	color: #313131;
	font-size: 11px;
}


#main {
	padding-top: -10px;
	/*background-image: url('../images/bg.gif');*/
	background-position: center;
	background-repeat:repeat-y;
	width: 980px;
	background-color: #FFFFFF;
	margin-top: 0px;
    margin:auto;
}


#left {
	/*margin-left: 18px;*/
	width: 230px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 20px;
}

* html #left {
	margin-left: 9px;
	width: 265px;
}


.menutop {
	background-image: url('../images/menu_top.gif');
	background-position: 0px 0px;
	background-repeat: repeat-y;
	height: 27px;
}

#menu {
	background-image: url('../images/menu_bg.gif');
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#menu li {
	list-style-image:url('../images/spacer.gif');
	padding-left: 15px;
	padding-bottom: 8px;
}

* html #menu li {
	padding-left: 15px;
}

#menu li a{
	color: #FFFFFF;
	font-family: arial;
	font-size: 11pt;
	text-decoration: none;
}

#menu li a:hover {
	color: #1B1A1A;
}

#menu li.select a {
	color: #1B1A1A;
}

#menu li.superangebot a {
    background-image: url('../images/menu_bg.gif');
	font-weight:bold;
    
}

#menu li.superangebot a:hover {
	color: #CACACA;
}


#menu li.ueberschrift {
	color: #171616;
	font-weight: bold;
    font-size: 11pt;
    /*font-style:italic;*/

}

.menubottom {
	background-image: url('../images/menu_bottom.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 30px;
	padding-bottom: 50px;
}

#content {
	padding-top: 0px;
	/*padding-right: 20px;*/
	margin-left: 230px;
	width: 770px;
}

#contentframe {
	padding-top: 0px;
	/*margin-left: 250px;*/
    /*margin-right: 15px;*/
	/*padding-right: 5px;*/
    padding-left: 0px;
	padding-bottom: 0px;

}

.bg {
	clear: left;
}

#fastnav a {
	padding-left: 10px;
	text-decoration: none;
    font-size: 10pt;
}

h1 {
	font-size: 15pt;
}

ul.star1 {
	list-style-image: url('../images/star1.gif');
	font-size: 9pt;
    list-style-position:outside;
    /*display:block;*/
    /*margin: 0px;*/
}

ul.star1 h1 {
	color: #006600;
    list-style-image: url('../images/star1.gif');
	font-size: 12pt;
	margin-bottom: 5px;
}

li.star2 {
	list-style-image: url('../images/star2.gif');
}

.redlsit {
	width:400px;
}
.redlsit ul {
	list-style-image: none;
	list-style-type:none;
	line-height:23px;
}

.redlist li {
	list-style-image: url('../images/redlist.gif');
}

li.star4 {
	list-style-image: url('../images/star4.gif');
}

.complete {
	width: 730px;
	height: 160px;
	/*padding-left: 20px;*/
	background-image: url('../images/frame_small.gif');
	background-repeat: no-repeat;
	font-size: 10pt;
    /*margin-left: 250px;*/
   float: left;
}

.comptable {
	width: 710px;
	height: 130px;
	margin-left: 20px;
    margin-top: 30px;
   
	
}

* html .complete {
	padding-top: 30px;
}

.complete h1 {
	font-size: 12pt;
	margin-bottom: 7px;
    
    color: #FF3300;
    margin-right:67px;
    
}

.complete h2 {
	font-size: 11pt;
	margin-bottom: 7px;
    
    color: #006600;
    
}

/*.complete .pricetag {
	padding-left: 200px;
}*/

.product .text {
	padding-left: 25px;
    padding-right: 25px;
    font-size: 10pt;
    color: #333333;
}

.product {
	width: 450px;
    /*margin-left: 250px;*/
	background-image: url('../images/frame_middle.gif');
	background-repeat: repeat-y;
	font-size: 10pt;
	/*padding-right: 30px;*/
    float: left;
}

.specfields {
	width: 260px;
    margin-top: 10px;
    /*padding-right: 30px;*/
    float: left;
}

.product h1{
	width: 400px;
	padding-left: 25px;
	margin-left: 0px;
    margin-top: 0px;
	background-image: url('../images/frame_top.gif');
	background-repeat: no-repeat;
	padding-right: 25px;
	margin-bottom: 0px;
	padding-top: 40px; 
    
}

.product h2 {

font-size: 16px;

}


.red{
	color:#FF3300;    
}

* html .product {
	padding-top: 5px;
}

.product .bottom{
	width: 450px;
    height: 55px;
	background-image: url('../images/frame_bottom.gif');
	background-repeat: no-repeat;
	margin-bottom: 0px;
	
}

.product .pricetag {
	float: right;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.pricefont {
	font-size:20px; 
    color: #FF3300;
    /*font-weight:bold;*/
}
.paypalbutton {
	float: left;
}



#header {
	background-image:url('../images/head.gif');
	font-size: 11px;
	color: #FFF9C9;
	background-repeat: no-repeat;
	font-weight: bold
}

#header1 {
	background-image:url('../images/head1.gif');
	font-size: 11px;
	color: #FFF9C9;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center
}


#hcontent {
	background-color: #FFF9C9;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	background-image:url('../images/content_bg.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 11px;
	color: #660700;
	padding-bottom: 10px
}

#hcontent1 {
	background-color: #FFF9C9;
	padding-left: 5px;
	padding-right: 40px;
	padding-top: 10px;
	background-image:url('../images/content_bg.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 11px;
	color: #660700
}

.horse {
	float: left;
	padding-right: 12px;
	font-weight: bold;
	width: 100px;
}

#hcontent td {
	background-color: #FFF9C9;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 10px;
}

.horsel {
	font-weight: bold;
}

.hp {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}

.righter {
	margin-left: 500px;
}

.lefter {
	margin-left: 10px;
}

#bottom {
	background-image:url('../images/bottom.gif');
	background-repeat: no-repeat;
	font-size: 11px;
	color: #FFF9C9; background-position-y:50%
}

#footer {
	clear: both;
	font-size: 11px;
	background-image: url('../images/footer.gif');
	background-repeat: no-repeat;
	background-position:  right 50%;
	height: 17px
}


#loadtime {
	font-size: 10px;
	text-align: right;
}


#menutop a,
#linklist a,
#footer a {
	color: #787878;
}


#head .menusep li,
#footer .menusep li {
	border-color: #787878;
}


#menutop,
#menubottom {
	text-align: right;
	padding: 0px;
	margin: 0px;
}

#menutop a,
#menubottom a {
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #000000;
}

#menutop a:first-child,
#menubottom a:first-child {
	border-left-width: 0px;
}


#copyright {
	text-align: center;
	vertical-align: 50%;
	background-image: url('../images/footer_right.gif');
	background-repeat: no-repeat;
	background-position:  right 50%;
	height: 26px
}


#copyright a {
	text-decoration: none;
	color: #DDB378;
	margin-top: 5px;
}


#cc {
	padding-top: 7px;
	text-align: center;
}


.webhosting {
	border: 1px solid #787878;
	width: 140px;
	padding: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}



#prices {
	text-align: left;
	font-size: 10px;
	color: #787878;
}


.imprintLeft {
	float: left;
	font-weight: bold;
}


.imprintRight {
	display: block;
	margin-left: 150px;
}

input,
select,
textarea {
 padding: 2px;
 font-size: 11px;
 font-family: Verdana;
 color: #000000;
 background-color: #FFFCE2;
 border: 1px solid #DDB378;
 text-indent : 0px;
 margin-top: 4px;
}

.button {
	border: 0px solid #DDB378;
	background-image: url('../images/button.gif');
	width: 130px;
	height: 23px;
	color: #660700;
	font-size: 11px;
	font-weight: bold
}
.green-list {
	width:410px;
}
.green-list ul {
	list-style-image: none;
	list-style-type:none;
	line-height:30px;
}
.green-list li {
	background-image: url('../images/icon-ul-haken.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 32px;
}
.small-list {
	width:400px;
	padding:0
}
.small-list ul {
	list-style-image: none;
	list-style-type:none;
	line-height:23px;
}
.small-list li {
	list-style-image:url(../images/smlist.gif);
	padding: 0px 0px 0px 0px;
}
.prouebersicht {
	font-size:0.8em;
	float:left;
	width:103px;
	margin-right: 35px;
}
.prouebersicht p {
	text-align: left;
}
.break {
	clear: both;
}
.grey {
	background-color: #cccccc;
}

.footinf {
	width: 730px;
	height: 160px;
	/*padding-left: 20px;*/
	background-image: url('../images/footer-frame.gif');
	background-repeat: no-repeat;
	font-size: 10pt;
    margin-left: 250px;
   
}

.minim {
	float:left; 
    margin-right:10px; 
    margin-bottom:20px
   
}

.feet {
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 15px;
	color: #333333;
	font-size: 10pt;
	margin:0px;
    text-align: center;
}

.feetl:link { text-decoration:none; color:#333333; font-size:8pt;}
.feetl:visited { text-decoration:none; color:#333333; font-size:8pt;}
.feetl:active { text-decoration:none; color:#333333; font-size:8pt;}
.feetl:hover { text-decoration:none; color:#333333; font-size:8pt;}




.tan {

position:absolute; 
z-index:-1; 
/*background:#3A565E; */
width:250px; 
height:880px;
vertical-align:bottom;
margin:0;
/*text-align:center;*/
margin-left:80px;
}

.tan p{
position: absolute; 
bottom: 0; 
margin: 0;
}

.tanl:link { text-decoration:none; color:#333333; font-size:8pt;}
.tanl:visited { text-decoration:none; color:#333333; font-size:8pt;}
.tanl:active { text-decoration:none; color:#333333; font-size:8pt;}
.tanl:hover { text-decoration:none; color:#333333; font-size:8pt;}


.plus{
float: left;
margin-right: 10px;
margin-bottom: 170px;
}

.klas{
float: left;
margin-right: 10px;
margin-bottom: 120px;
}

.plusin{
float: left;
margin-right: 10px;
margin-bottom: 20px;
}


.prem:link { text-decoration:none; color:#FF3300; font-weight:bold; }
.prem:visited { text-decoration:none; color:#FF3300; font-weight:bold; }
.prem:active { text-decoration:none; color:#FF3300; font-weight:bold; }
.prem:hover { text-decoration:none; color:#FF3300; font-weight:bold; }

.cla:link { text-decoration:none; color:#333333; font-weight:bold; }
.cla:visited { text-decoration:none; color:#333333; font-weight:bold; }
.cla:active { text-decoration:none; color:#333333; font-weight:bold; }
.cla:hover { text-decoration:none; color:#333333; font-weight:bold; }


.sup{
border: 2px solid rgb(255, 51, 0);
padding: 4px;
/*font-size: 13px;*/
/*width: 465px;*/
height: 50px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}

.sup{
border: 2px solid rgb(255, 51, 0);
padding: 4px;
/*font-size: 13px;*/
/*width: 465px;*/
height: 50px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}