@charset "utf-8";
/* --------------------------------------------------------------
   GLOBAL
   Grün:              #44A12A
   Blau:              #003869
   Rot:               #FF0000
   Orange:            #FF7D00 
   Text-Farbe:        #606060;
   Border-HellGrau:   #DEDEDE   
   Border-DunkelGrau: #606060
   Hintergrund:       #CCCCCC   
-------------------------------------------------------------- */
body                                          {
  font-family:            Arial, Helvetica, sans-serif;
  font-size:              100.1%;
  line-height:            14px;
  width:                  100%;
  height:                 100%;
  background:             #F5F5F5 url(images/1px_grau_top.png) repeat-x;
  color:				          #606060;
  margin:                 0;
  padding:                0;
}

body,td,input,select,textarea  {
  font-size:              11px;
}

form                                           {
  margin:                 0px;
}

a                                                {
  color:                  #003869;
}

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

/* --------------------------------------------------------------
  ZUWEISUNGEN
	-------------------------------------------------------------- */
.txtleft {
  text-align:             left !important;
}

.txtcenter {
  text-align:             center !important;
}

.txtright {
  text-align:             right !important;
}

/* --------------------------------------------------------------
  LOGO
	-------------------------------------------------------------- */
.noborder {
  border:                 none !important;
}

/* --------------------------------------------------------------
   HEAD Left + Navigation Right
-------------------------------------------------------------- */
#head-container                  {
  width:                831px;
  border:               0px;
  padding:              0px;
  margin-left:          auto;
  margin-right:         auto;
}

#head-left  {
  float:                left; 
  width:                68%; 
  vertical-align:       top;
}

#head-right {
  float:                right; 
  width:                24%; 
  vertical-align:       top;
}

#head-right a {
  color:               #606060;
  text-decoration:     none;
}

#head-right a:hover  {
	color:             #44A12A;
}

/* --------------------------------------------------------------
   NAVIGATION SUPPORT
-------------------------------------------------------------- */
.support,
.support a                             {
   font-size:           11px;
   color:               #606060;
   float:               right;
   margin:              5px 0 0 0;
   border:              0px;
   text-decoration:     none;
   font-weight:         700;
}

#livesupport {
  text-align:           center;
	width:                128px;
}

/* --------------------------------------------------------------
   NAVIGATION TOP
-------------------------------------------------------------- */
#topnavbar-container       {
  width:                831px;
  border:               0px;
  padding:              0px;
  margin-left:          auto;
  margin-right:         auto;
}

#topnavbar-main             {	
  padding:              0;
  z-index:              0;
  width:                842px;
  margin:               0 0 0 -2px;
}	

/* Hauptmenu */
#topnavbar-main li                             {	
  list-style:           none;
  float:                left;
  font-size:            11px; 
  font-weight:          bold;
  vertical-align:       middle;
  background:           #FFFFFF;
  padding:              0;
}

#topnavbar-main li a                       {	
  display:              block;
  padding:              4px;
  color:                #003869;
  background:           #FFFFFF;
  text-align:           center;
  vertical-align:       middle;
  text-decoration:      none;
  height:               16px;
  width:                157px;
  border:               1px solid #DEDEDE;
}

#topnavbar-main li a:hover            {	
  background:           #003869;
  color:                #FFFFFF;
  width:                157px;
  text-align:           center;
  vertical-align:       middle;
}

/* Untermenu */
#topnavbar-main div                       {	
  position:             absolute;
  visibility:           hidden;
  text-align:           center;
  vertical-align:       middle;
}

#topnavbar-main div a                     {	
  display:              block;
  width:                157px;
  height:               10px;
  white-space:          nowrap;
  text-align:           center;
  vertical-align:       middle;
  text-decoration:      none;
  color:                #003869;
  background:           #FFFFFF;
  border-top:           none;
  border-left:          1px solid #DEDEDE;
  border-right:         1px solid #DEDEDE;
  border-bottom:        1px solid #DEDEDE;
  font-size:            11px; 
}

#topnavbar-main div a:hover	      {	    
  background:           #44A12A;
  color:                #FFFFFF;
  text-align:           center;
  vertical-align:       middle;
}

/* --------------------------------------------------------------
   BANNER
-------------------------------------------------------------- */
.banner                             {
  margin:             0 0 1px 0;
  width:              833px;
  height:             65px;
  background:         #FFFFFF url(images/netsys-banner.png);
  border-bottom:      1px solid #DEDEDE;
}

/* --------------------------------------------------------------
   NAVIGATION LEFT
-------------------------------------------------------------- */
.nav-left                        {
  margin-bottom:        20px;
  padding:              5px 0 5px 0;               
  border:               1px solid #DEDEDE;
  border-left:          none;
  width:                100%;  
  text-indent:          5px;
}

.nav-left a                       {
  color:                #003869;
}

.nav-left  a:hover             {
  color:                #44A12A;
}

/* --------------------------------------------------------------
   CONTENT
-------------------------------------------------------------- */
.wrapper                              {
  width:                833px;
  border:               0px;
  margin-left:          auto;
  margin-right:         auto;
  margin-bottom:        5px;
  border:               1px solid #DEDEDE;
  background:           #FFFFFF url(images/1px_grau.png) repeat-x;
}

/* --------------------------------------------------------------
   CONTENT LEFT
-------------------------------------------------------------- */
.container-left                 {
  margin:               5px 0 5px 0;  
  float:                left;
  width:                140px;
  text-decoration:      none;
  background:           #FFFFFF;
}

.container-left a              {
  float:                left;
  width:                140px;
  text-decoration:      none;
}

/* --------------------------------------------------------------
   CONTENT RIGHT
-------------------------------------------------------------- */
.container-right               {
  margin:				0 5px 5px 0;
  float:                right;
  width:                668px;
}

/* --------------------------------------------------------------
  FOOTER
-------------------------------------------------------------- */
#footer-bg             	           {
  position:               absolute;
  bottom:                 0;
  width:                  100%;
  height:                 36px;
  background:             url(images/footerbar.gif) repeat-x;
}

.footertext             	       {
  font-size:            10px;
  width: 				840px;
  border: 				0px;
  padding: 				5px;
  border-collapse: 		collapse;
  color: 				#606060;
  margin-left: 			auto;
  margin-right: 		auto;
}

/* --------------------------------------------------------------
   COPYRIGHT
-------------------------------------------------------------- */
#copyright                       {
  width:                840px;
  border:               0px;
  padding:              5px;
  border-collapse:      collapse;
  color:                #606060;
  margin-left:          auto;
  margin-right:         auto;
}

#copyright a                     {
  font-size:            11px;
  color:                #606060;
  text-decoration:      none;
}

#copyright a:hover          {
  color:                #44A12A;
}

/* --------------------------------------------------------------
  WERBEBLOCK LINKS
-------------------------------------------------------------- */
.advert                             {
  font-size:            12px;
  font-weight:          bold;
  color:                #606060;  
  margin:               20px 0 0 0;  
  border:               1px solid #DEDEDE;
  border-left:          none;
  width:                99%;
}

.advert-head                    {  
  text-align:           center;
  width:                100%;
  font-size:            12px;
  line-height:          16px;
  color:                #FFFFFF;
  background-color:     #44A12A;          
}

.advert-body                    {
  text-align:           center;
  font-weight:          bold;
  margin:               5px 0 5px 0;
}

.advert-footer                {
  text-align:           center;
  font-weight:          bold;
}

/* --------------------------------------------------------------
  LOGIN BOX
-------------------------------------------------------------- */
#login-box {
  color:                #606060;  
  margin:               0 0 0 0;  
  border:               1px solid #DEDEDE;
  border-left:          none;
  background-color:     #F5F5F5;
  width:                99%;
}

#login-head {
  text-align:           center;
}

#login-body {
  font-size:            11px;
  text-align:           left;
  line-height:          16px;
  padding:              0 0 0 10px;
}

#login-input {
  width:               110px;
}

/* --------------------------------------------------------------
   TEXT H1,2,3 SETTINGS HEADINGS
-------------------------------------------------------------- */
.heading                           {
  font-size:            16px; 
  line-height:          14px;
  padding:              0;
  color:				#44A12A;
  font-weight:          bold;
}

.heading2                         {
  font-size:            14px; 
  line-height:          14px;
  padding:              0;
  color:				#44A12A;
  font-weight:          bold;
}

.heading3                         {
  font-size:            12px; 
  line-height:          14px;
  padding:              0;
  line-height:          13px;
  font-weight:          normal;
}

h1                                      {
  font-size:            16px; 
  line-height:          14px;
  padding:              0;
  color:				        #44A12A;
}

h2                                      {
  font-size:            14px; 
  line-height:          14px;
  padding:              0;
  font-weight:          normal;
}

h3                                      {
  font-size:            12px; 
  line-height:          14px;
  padding:              0;
  font-weight:          normal;
}

/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */
.contentbox             	      {
  width:                98%;
  text-align:           center;
  background-color:     #FFFFFF;
  border:               1px solid #DEDEDE;
  padding:              5px;
  margin:               5px auto 5px auto;
}

.errorbox                         {
  border:               1px solid #CC0000;
  font-weight:          bold;
  background-color:     #DEDEDE;
  text-align:           center;
  width:                90%;
  padding:              10px;
  color:                #CC0000;
  margin-left:          auto;
  margin-right:         auto;
}

.successbox                     {
  border:               1px solid #66CC00;
  font-weight:          bold;
  background-color:     #DDFFC6;
  text-align:           center;
  width:                90%;
  padding:              10px;
  color:                #009933;
  margin-left:          auto;
  margin-right:         auto;
}

/* --------------------------------------------------------------
   NAVIGATION CLIENTAREA
-------------------------------------------------------------- */
.clientarea-nav              {
  color:                #606060;
  border:               1px solid #DEDEDE;
  border-left:          none;
  width:                100%;
  text-indent:          11px;
}

.clientarea-nav-head     {
  font-size:            14px;
  color:                #44A12A;
  font-weight:          bolder;
  border-bottom:        1px solid #DEDEDE;
}

.clientarea-nav-body     {
  font-size:            11px;
  text-align:           left;
  line-height:          14px;
}

.clientarea-nav a            {
  font-size:            11px;
  color:                #003869;  
  width:                100%;
}

.clientarea-nav a:hover,
.clientarea-nav a#current {
  font-size:            11px;
  color:                #44A12A;    
  width:                100%;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.frame                         {
  width:                100%;
  border:               1px solid #DEDEDE;
  padding:              0px;
}

.fieldarea                        {
  background-color:     #FFFFFF;
  text-align:           left;
}

.clientareatable             {
  width:                100%;
  background-color:     #CCCCCC;
}

tr.clientareatableheading {
  background-color:     #EFEFEF;
  font-weight:          bold;
  text-align:           center;
}

tr.clientareatablecancelled {
  background-color:     #FF6868;
  font-weight:          bold;
  text-align:           center;
}

tr.clientareatableactive {
  background-color:     #FFFFFF;
  text-align:           center;
}

.clientareatableactive1 {
  padding:              5px; 
	text-align:           left;
}

tr.clientareatablepending {
  background-color:     #92BDEA;
  text-align:           center;
}

tr.clientareatablesuspended {
  background-color:     #E9FFD2;
  text-align:           center;
}

tr.clientareatableterminated {
  background-color:     #FF6868;
  text-align:           center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */
.networkissuessummary    {
  background-color:     #F6F6F6;
  border:               1px solid #CCCCCC;
  padding:              10px;
  text-align:           center;
}

.networkissuesopen         {
  font-size:            13px;
  font-weight:          bold;
  color:                #65CC00;
  padding-right:        20px;
}

.networkissuesscheduled {
  font-size:            13px;
  font-weight:          bold;
  color:                #EEDD00;
  padding-right:        20px;
}

.networkissuesclosed     {
  font-size:            13px;
  font-weight:          bold;
  color:                #888888;
}

.networkissuedescription {
  border-left:          5px solid #EFEFEF;
  padding:              20px;
  padding-top:          1px;
}

.networkissueaffected    {
  background-color:     #FDFCDD;
  padding:               10px;
  margin-top:            10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */
.clientticketreplyheader {
  margin-top:            20px;
  border:      			     1px solid #003869;
  font-weight:           bold;
  color:                 #003869;
  padding:               4px 20px 4px 20px;
}

.clientticketreply            {
  min-height:            80px;
  background-color:      #FFFFFF;
  background-image:      url('images/clientticketreplybg.gif');
  background-repeat:     repeat-x;
  padding:               10px;
  border:                1px solid #DEDEDE;;
}

.adminticketreplyheader  {
  margin-top:            20px;
  border:      			     1px solid #44A12A;
  font-weight:           bold;
  color:                 #44A12A;
  padding:               4px 20px 4px 20px;
}

.adminticketreply             {
  min-height:            80px;
  background-color:      #FFFFFF;
  background-image:      url('images/adminticketreplybg.gif');
  background-repeat:     repeat-x;
  padding:               10px;
  border:                1px solid #DEDEDE;;
}

.closeticket                      {
  border:                1px solid #CC0000;
  font-weight:           bold;
  background-color:      #DEDEDE;
  color:                 #CC0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */
.textblack                          {
  color:                 #000000;
}

.textblue                            {
  color:                 #224488;
}

.textgreen                          {
  color:                 #779500;
}

.textgrey                            {
  color:                 #888888;
}

.textgold                            {
  color:                 #ffbb55;
}

.textorange                        {
  color:                 #ff6600; 
}

.textred                             {
  color:                 #CC0000;
}

/* --------------------------------------------------------------
   PRODUKT MATRIX
-------------------------------------------------------------- */
.detail-site-right-paket {
  font-size:            12px;
  line-height:          16px;
  width:                170px;
  text-align:           center;
  color:                #003869;
  font-weight:          bold;
  border-bottom:        1px solid #DEDEDE;
  border-left:          1px solid #DEDEDE;  
}

.detail-site-left           {	
  font-weight:          bold;
  font-size:            11px;
  line-height:          16px;
  width:                323px;
  border-bottom:        1px solid #DEDEDE;
  text-indent:          3px;
}

.detail-site-cat             {
  color:                #44A12A ;
  width:                100%;
}

.detail-site-cat-left    {
  font-size:            13px;
  font-weight:          bold;
  line-height:          18px;
  width:                300px; 
  text-indent:          3px;
  border-bottom:        1px solid #DEDEDE;
}

.detail-site-right         {
  font-size:            11px;
  line-height:          18px;
  border-bottom:        1px solid #DEDEDE;
  border-left:          1px solid #DEDEDE;
  width:                auto;
  text-align:           center;
}

.order                               {
  border-bottom:        1px solid #DEDEDE;
  border-left:          1px solid #DEDEDE;
  line-height:          20px;
}

.order a                            {
  line-height:          20px;
  color:                transparent;
  text-decoration:      none;
  display:              block;  
  width:                100%;
  background:           url(images/button/button_1.png) no-repeat center;
}

.order  a:hover                {
  line-height:          18px;
  color:                transparent;
  text-decoration:      none;
  display:              block;  
  width:                100%;
  background:           url(images/button/button_0.png) no-repeat center;
  line-height:          20px;
} 

.order_eng                      {
  border-bottom:        1px solid #DEDEDE;
  border-left:          1px solid #DEDEDE;
  line-height:          20px;
}

.order_eng a                            {
  line-height:          18px;
  color:                transparent;
  text-decoration:      none;
  display:              block;  
  width:                100%;
  background:           url(images/button/button_1_eng.png) no-repeat center;
  line-height:          20px;
}

.order_eng  a:hover                {
  line-height:          18px;
  color:                transparent;
  text-decoration:      none;
  display:              block;  
  width:                100%;
  background:           url(images/button/button_0_eng.png) no-repeat center;
  line-height:          20px;
	}

.preis                               {
  font-weight:          bold;
  font-size:            13px;
  color:                #44A12A;
}

.placeholder                    {
  line-height:          16px;
}

/* --------------------------------------------------------------
   SITEMAP
-------------------------------------------------------------- */
.sitemap                           {
  float:                left;
  width:                100%;
}

.sitemap-head                  {
  background-color:     #44A12A;
  font-weight:          bold;
  font-size:            11px;
  line-height:          16px;
  width:                200px;
  border:               1px solid #DEDEDE;
  text-indent:          3px;
}

.sitemap-head a                {
  color:                #FFFFFF;
}

.sitemap-cont                  {        
  border:               1px solid #DEDEDE;
  width:                200px;
}

/* --------------------------------------------------------------
   STARTSETE
-------------------------------------------------------------- */
#starttext {
  font-family:          Verdana, Arial, Helvetica, sans-serif; 
	font-size:            12px; 
	color:                #6a6a6a; 
}

.listenstyle {
  list-style:           none
}

.offer_container {
  text-align:           center;
	width:                100%;
}
.offer_left1 {  
  float:                left;
	width:                200px;
  border:               1px solid #DEDEDE;
}

.offer_mid1 {  
  float:                left;
  margin-left:          28px;
	width:                200px;
  border:               1px solid #DEDEDE;
}

.offer_right1 {   
  float:                left;
  margin-left:          28px;
	width:                200px;
  border:               1px solid #DEDEDE;
}

.offer_left2 a{  
  float:                left;
	width:                200px;
  border-left:          1px solid #DEDEDE;
  border-right:         1px solid #DEDEDE;
  border-bottom:        1px solid #DEDEDE;
	text-decoration:      none;
}

.offer_mid2 a{  
  float:                left;
  margin-left:          28px;
	width:                200px;
  border-left:          1px solid #DEDEDE;
  border-right:         1px solid #DEDEDE;
  border-bottom:        1px solid #DEDEDE;
	text-decoration:      none;
}

.offer_right2 a{ 
  float:                left;
  margin-left:          28px;
	width:                200px;
  border-left:          1px solid #DEDEDE;
  border-right:         1px solid #DEDEDE;
  border-bottom:        1px solid #DEDEDE;
	text-decoration:      none;
}

.img_ang img                      {
  border:               0px;
}

/* --------------------------------------------------------------
   STARTSETE DOMAINCHECK
-------------------------------------------------------------- */
#domaincheck-container {
  text-align:           center;
	width:                100%;
  border:               1px solid #DEDEDE;
}

#domaincheck-head {
  text-align:           center;
  width:                100%;
  font-size:            12px;
  line-height:          16px;
  color:                #FFFFFF;
  background-color:     #44A12A;
  border-top:           1px solid #DEDEDE;
  border-left:          1px solid #DEDEDE;
  border-right:         1px solid #DEDEDE;
  font-weight:          bold;
}

/* --------------------------------------------------------------
   TEXT COLORS BOLD
-------------------------------------------------------------- */
.redbold                           {
  color:                #FF0000;
  font-weight:          bold;
}

.greenbold                       {
  color:                #44A12A;
  font-weight:          bolder;
}

.bluebold                         {
  color:                #003869;
  font-weight:          bolder;
}

/* --------------------------------------------------------------
   TEXT COLORS BOLD
-------------------------------------------------------------- */
.contact                           {
  line-height:          34px;
  border-bottom:        1px solid #DEDEDE;
  border-left:          1px solid #DEDEDE;
}

.contact a                         {
  color:                transparent;
  text-decoration:      none;
  display:              block;  
  width:                100%;
  background:           url(images/button/contact_1.png) no-repeat center;
}

.contact a:hover               {
  color:                transparent;
  text-decoration:      none;
  display:              block;  
  width:                100%;
  background:           url(images/button/contact_0.png) no-repeat center;
} 

.div_end {
  clear:                left;
}

.clear_both {
  clear:                both;
}