body {
font-family:'Avant Garde', 'Century Gothic', AvantGarde, Helvetica,Verdana,Arial,sans-serif;
	color: black; background-color: #D3D0B3;
	background-image: url('images/PanelBackground.gif');
        font-size: 14px; line-height: 26px;
	padding: 0px 5% 0px 5%; margin: 0px;
}

dl dt {font-weight: bold;
       padding: 2px 0;}
dl dd p {padding: 0 0 0 20px;}


ul li {;
margin: 0;
padding: 0;
font-size: 1.1em;}




/* absolute html formats */

img {background-color: #D3D0B3;
	background-image: url('images/PanelBackground.gif');}

h1 { padding: 0; margin: 0;
}
h2, h3 {
font-family:'Avant Garde', 'Century Gothic', AvantGarde, Helvetica,Verdana,Arial,sans-serif;

font-weight: bolder;
text-decoration: underline; 
font-size: 1.9em;
line-height: 30px;
padding:  0 0 0 20px; margin: 20px 0px 20px 0px;}

h4 {
font-family:'Avant Garde', 'Century Gothic', AvantGarde, Helvetica,Verdana,Arial,sans-serif;
font-weight: normal;
text-decoration: underline; 
font-size: 1.2em; line-height: 25px;
letter-spacing: .10em;
padding:  0 0  0 20px; margin: 20px 0px 20px 0px;}


a { color: #767162;
font-size: 1.4em;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;}

a:active { color: #767162;
background-color: #D3D0B3;
padding: 0 3px; 
font-weight: bold;}
 
a:hover {  color: #e9e7d6;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;}

p {
font-size: 1.1em; line-height: 26px;
padding: 0px 0px 10px 10px; margin: 0px;}

ol {
list-style-type: decimal;
list-style-position: inside;
font-size: 1.2em; line-height: 26px;
padding: 0px 0px 20px 0px; margin: 0px;}

ol li  {padding: 0 0 0 30px;}

li {
font-size: 14px; line-height: 26px;
padding: 0px; margin: 0px;}

table {
border-collapse: collapse;}

#AccountInfo { 
width: 85%;
background-color: #D3D0B3;
background-image: url('images/PanelBackground.gif'); }

#InvoiceInfo { 
width: 92%; }

td {
vertical-align: top;
padding: 3px; margin:0px;
height: 39px;
line-height: 26px;}

sup {
line-height: 0px;}

hr {
	border: 0px; size: 0px;
	border-top: 1px silver solid;
	line-height: 26px;
}

big {
	font-size: 14px;
	letter-spacing: 1px;
}

.Line {
	vertical-align: middle;
}

/*rates table*/

#rates table {

 border-top: 1px solid silver; height: 14px;}

#rates td {
width: 100%;
padding: 0px 10px 10px 10px;
border-bottom: 1px dotted #ed1c24;}

.head {border-bottom: 1px solid silver;
 height: 14px;
background-color: #e9e7d6;
text-decoration: underline;}

a#bottom_Include_neuigkeiten, a#bottom_Include_NewsAbo, a#top_Include_neuigkeiten, a#top_Include_NewsAbo, a#top_Include_announcements, a#top_Include_subscribe, a#top_Include_azrates, a#bottom_Include_announcements, a#bottom_Include_subscribe,  a#PDN, a#bottom_Include_azrates, a#top_Include_news, a#top_Include_SpreadTheWord, a#bottom_Include_news, a#bottom_Include_SpreadTheWord, a#top_Include_advantages, a#top_Include_advantages_0001, a#bottom_Include_advantages, a#bottom_Include_advantages_0001{display: none;}


/* new template*/


#main {	
position: relativ      
width: 100%;
min-width: 800px;
background-color: #e9e7d6;
padding: 0; 
margin: 0%;}
#main a { color: #ffde00;
background-color: #ed1c24;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;
font-size: 1em;}

#main a:active { color: #ffde00;
background-color: #D3D0B3;
padding: 0 3px; 
font-weight: bold;}
 
#main a:hover {  color: #ed1c24;
background-color: #ffde00;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;}


#TopNav { 
height: 2.1em;
width: 100%;
background: #ed1c24;
padding:  0;
margin: 0;}
          


#TopNav ul{
border: none;
font-size: 0.7em;
padding: 0px 0 0 0;
margin: 0px;
text-align: left;}

#TopNav ul li {
float: left;
height: 2.1em;
margin: 0.1em 0px 0px 0px;
padding: 0px 0px;
text-decoration: none; 
display: inline;
border: 0px solid green;}

#TopNav a {
margin: 0;
padding: 0.2em 13px 0.15em 13px;
Font-size: 1.5em;
text-decoration: none; 
color: #ffde00;
font-weight: bolder;
border: 0px solid #cccccc;
text-transform: none;
background-color: #ed1c24;}

#TopNav a:hover {
margin: 0; 
padding: 0.3em 13px 0.4em 13px;
Font-size: 1.5em;
text-decoration: none; 
color: #ed1c24;
font-weight: bolder;
border: 0px solid #cccccc;
text-transform: none;
background-color: #ffde00;}

#language {float: right;
padding: 0 12px 0 0;}
#language a{font-size: 1em;
color: #cccccc;
}
#language a:hover {font-size: 1em;
color: #ffffff;
background-color: #ed1c24; }

#box{ 
margin: 0;
background-color: #e9e7d6;
padding: 13px 1% 24px 1%;}

#content {
width: 58%;
clear: both;
background-color: white;
float:left;
margin: 25px 10px;
padding: 10px 10px 0 10px;
border-right: 1px solid silver;
border-bottom: 1px solid silver;}

#content p {clear: both;}

#content ul {
margin: 20px 0 0 0;
padding: 0 0 0 40px; }

#content ul li {
list-style: none outside url(images/sternkleiner.png);
margin: 0 30px;
padding: 0.5% 0.5%;
font-size: 1.1em;}

#rightsidebar { 
width: 35%;
margin: 25px 0 0 61.875%;
padding: 10px 10px  0 10px;
min-width: 264px;
background-color: white;
border-right: 1px solid silver;
border-bottom: 1px solid silver;}

#getsatisfaction {width: 52%;
margin: 0 auto;}

#footer {
width: 100%;
clear: both;
height: 30px;
margin: 0;
padding:0;
background-color: #ed1c24;}

#footer a {
font-weight: normal;
font-size: 0.8em;
float: right;
padding: 1px 10px 0 10px;
text-decoration: underline;}

#footer a:hover {
font-weight: normal;
font-size: 0.8em;
float: right;
padding: 1px 10px 0 10px;
color: #ffde00;
background-color: #ed1c24; }


body {
font-family:'Avant Garde', 'Century Gothic', AvantGarde, Helvetica,Verdana,Arial,sans-serif;
	color: black; background-color: #D3D0B3;
	background-image: url('images/PanelBackground.gif');
        font-size: 14px; line-height: 26px;
	padding: 0px 5% 0px 5%; margin: 0px;
}


ul li {;
margin: 0;
padding: 0;
font-size: 1.1em;}




/* absolute html formats */

img {background-color: #D3D0B3;
	background-image: url('images/PanelBackground.gif');}

h1 { padding: 0; margin: 0;
}
h2, h3 {
font-family:'Avant Garde', 'Century Gothic', AvantGarde, Helvetica,Verdana,Arial,sans-serif;

font-weight: bolder;
text-decoration: underline; 
font-size: 1.9em;
line-height: 30px;
padding:  0 0 0 20px; margin: 20px 0px 20px 0px;}

h4 {
font-family:'Avant Garde', 'Century Gothic', AvantGarde, Helvetica,Verdana,Arial,sans-serif;
font-weight: normal;
text-decoration: underline; 
font-size: 1.2em; line-height: 25px;
letter-spacing: .10em;
padding:  0 0  0 20px; margin: 20px 0px 20px 0px;}


a { color: #767162;
font-size: 1.4em;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;}

a:active { color: #767162;
background-color: #D3D0B3;
padding: 0 3px; 
font-weight: bold;}
 
a:hover {  color: #e9e7d6;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;}

p {
font-size: 1.1em; line-height: 26px;
padding: 0px 0px 10px 10px; margin: 0px;}

ol {
list-style-type: decimal;
list-style-position: inside;
font-size: 1.2em; line-height: 26px;
padding: 0px 0px 20px 0px; margin: 0px;}

ol li  {padding: 0 0 0 30px;}

li {
font-size: 14px; line-height: 26px;
padding: 0px; margin: 0px;}

table {
border-collapse: collapse;}

#AccountInfo { 
width: 85%;
background-color: #D3D0B3;
background-image: url('images/PanelBackground.gif'); }

#InvoiceInfo { 
width: 92%; }

td {
vertical-align: top;
padding: 3px; margin:0px;
height: 39px;
line-height: 26px;}

sup {
line-height: 0px;}

hr {
	border: 0px; size: 0px;
	border-top: 1px silver solid;
	line-height: 26px;
}

big {
	font-size: 14px;
	letter-spacing: 1px;
}

.Line {
	vertical-align: middle;
}

/*rates table*/

#rates table {

 border-top: 1px solid silver; height: 14px;}

#rates td {
width: 100%;
padding: 0px 10px 10px 10px;
border-bottom: 1px dotted #ed1c24;}

.head {border-bottom: 1px solid silver;
 height: 14px;
background-color: #e9e7d6;
text-decoration: underline;}

a#bottom_Include_neuigkeiten, a#bottom_Include_NewsAbo, a#top_Include_neuigkeiten, a#top_Include_NewsAbo, a#top_Include_announcements, a#top_Include_subscribe, a#top_Include_azrates, a#bottom_Include_announcements, a#bottom_Include_subscribe,  a#PDN, a#bottom_Include_azrates, a#top_Include_news, a#top_Include_SpreadTheWord, a#bottom_Include_news, a#bottom_Include_SpreadTheWord, a#top_Include_advantages, a#top_Include_advantages_0001, a#bottom_Include_advantages, a#bottom_Include_advantages_0001{display: none;}


/* new template*/


#main {	
position: relativ      
width: 100%;
min-width: 800px;
background-color: #e9e7d6;
padding: 0; 
margin: 0%;}
#main a { color: #ffde00;
background-color: #ed1c24;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;
font-size: 1em;}

#main a:active { color: #ffde00;
background-color: #D3D0B3;
padding: 0 3px; 
font-weight: bold;}
 
#main a:hover {  color: #ed1c24;
background-color: #ffde00;
padding: 0 3px; 
font-weight: bold;
text-decoration: none;}


#TopNav { 
height: 2.1em;
width: 100%;
background: #ed1c24;
padding:  0;
margin: 0;}
          


#TopNav ul{
border: none;
font-size: 0.7em;
padding: 0px 0 0 0;
margin: 0px;
text-align: left;}

#TopNav ul li {
float: left;
height: 2.1em;
margin: 0.1em 0px 0px 0px;
padding: 0px 0px;
text-decoration: none; 
display: inline;
border: 0px solid green;}

#TopNav a {
margin: 0;
padding: 0.2em 13px 0.15em 13px;
Font-size: 1.5em;
text-decoration: none; 
color: #ffde00;
font-weight: bolder;
border: 0px solid #cccccc;
text-transform: none;
background-color: #ed1c24;}

#TopNav a:hover {
margin: 0; 
padding: 0.3em 13px 0.4em 13px;
Font-size: 1.5em;
text-decoration: none; 
color: #ed1c24;
font-weight: bolder;
border: 0px solid #cccccc;
text-transform: none;
background-color: #ffde00;}

#language {float: right;
padding: 0 12px 0 0;}
#language a{font-size: 1em;
color: #cccccc;
}
#language a:hover {font-size: 1em;
color: #ffffff;
background-color: #ed1c24; }

#box{ 
margin: 0;
background-color: #e9e7d6;
padding: 13px 1% 24px 1%;}

#content {
width: 58%;
clear: both;
background-color: white;
float:left;
margin: 25px 10px;
padding: 10px 10px 0 10px;
border-right: 1px solid silver;
border-bottom: 1px solid silver;}

#content p {clear: both;}

#content ul {
margin: 20px 0 0 0;
padding: 0 0 0 40px; }

#content ul li {
list-style: none outside url(images/sternkleiner.png);
margin: 0 30px;
padding: 0.5% 0.5%;
font-size: 1.1em;}

#rightsidebar { 
width: 35%;
margin: 25px 0 0 61.875%;
padding: 10px 10px  0 10px;
min-width: 264px;
background-color: white;
border-right: 1px solid silver;
border-bottom: 1px solid silver;}

#getsatisfaction {width: 52%;
margin: 0 auto;}

#footer {
width: 100%;
clear: both;
height: 30px;
margin: 0;
padding:0;
background-color: #ed1c24;}

#footer a {
font-weight: normal;
font-size: 0.8em;
float: right;
padding: 1px 10px 0 10px;
text-decoration: underline;}

#footer a:hover {
font-weight: normal;
font-size: 0.8em;
float: right;
padding: 1px 10px 0 10px;
color: #ffde00;
background-color: #ed1c24; }

fieldset p {margin: 0;
padding:0;}


legend {	
font-weight:bold;
/*font-size:16px;*/
font-size: 1.6em;
color: #ed1c24;
}


#CallFrom {
width: 70%;
min-width: 185px;
margin: 0px auto;
padding: 10px;
background-color: #edfed2;}

#CallTo {
width: 70%;
min-width: 185px;
margin: 0px auto 0 auto;
padding: 10px;
background-color: #edfed2;}

select {width: 99%;
height: 1.2em;
margin: 20px 0;
font-size: 1.5em;
font-weight: bold;
border: 1px dotted #ed1c24;
}

#NameToCall {
width: 50%;
height: 1.2em;
font-size: 1.5em;
font-weight: bold;
border: 1px dotted #ed1c24;
}

#PreCode {width: 15.5%;
height: 1.4em;
margin: 0px;
padding: 0.2em 0 0px 0;
font-size: 1.1em;
font-weight: bold;
border: 1px dotted #ed1c24;
}

#NumberFrom, #ToCall {
width: 99%;
height: 1.2em;
font-size: 1.5em;
font-weight: bold;
border: 2px solid #ed1c24;}

#username, #password {width: 75%;
min-width: 220px;
height: 1.2em;
margin: 10px 0 20px 0;
font-size: 1.2em;
font-weight: bold;
border: 2px solid #ed1c24;
}
#login {
height: 50px;
width: 13em;
margin: 1% auto 2% auto;
min-width: 165px;
position: relative;
padding: 0 0 0 40px;
align: center;
display: block;
font-size: 1.1em;
font-weight: bolder;
background: #ed1c24 url(images/sternkleinrot.png)no-repeat;
color: #ffde00;
}

#login:hover {
height: 50px;
width: 13em;
min-width: 165px;
position: relative;
padding: 0 0 0 40px;
margin: 1% auto 2% auto;
align: center;
display: block;
font-size: 1.1em;
font-weight: bolder;
background: #ffde00 url(images/sternkleingelb.png)no-repeat;
color: #ed1c24;
}

#formdiv{width: 100%;
margin: 0 -5px 0  -5px;}

#contactform { 
width:75%;
margin: 0 auto;
padding:0;}

#contactname, #contactmail {width: 100%;
min-width: 220px;
height: 1.2em;
margin: 0;
font-size: 1em;
border: 1px dotted #ed1c24;
}

#anliegen {width: 100%;
min-width: 220px;
height: 3em;
margin: 0;
font-size: 1em;
border: 1px dotted #ed1c24;
}

.contactbox {
font-size: 1em;
padding: 0 2px;
}

#senden{
font-family: 'Courier New', Courier, monospace;
margin: 1% auto 2% auto;
position: relative;
padding: 0 0 0 0px;
align: center;
display: block;
background-color: #e9e7d6;
border: 1px dotted #ed1c24;
}

#senden:hover {
font-family: 'Courier New', Courier, monospace;
margin: 1% auto 2% auto;
position: relative;
padding: 0 0 0 0px;
align: center;
display: block;
background-color: #e9e7d6;
border: 1px solid #ed1c24;
}



#formbox {
margin: 0;
padding: 0 20px;
background-color: #ffffff;
backgound-image: url('images/PanelBackground.gif');}

#formbox p {
margin: 0;
padding: 0;
display: block;
font-size: 1em;
padding: 0; 
margin: 0 0 0 0%;
color: #474849;}

#formbox h2 {
width: 420px;
position: relativ; 
margin: 3% auto;
padding: 0;
font-size: 1.7em;
line-height: 30px;}

#formbox h4 {
width:  400px;
margin: 20px auto;}

.starlist { margin:20px 0px;
padding: 0;}


/* other formats -- general template */
.RedColor {
	color: Red;
}

.WhiteBack { background-color: white; }	

#Account {
	text-align: right;
	float: right;
	background-image: url('images/PaperAccountBack.png');
	background-repeat: no-repeat;
	background-position: top right;
	width: 300px; height: 110px;
}



dl, dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

dl {
	padding: 0px;

}

dd {
	background-color: white;
	padding: 0px;

}
dt {font-weight: normal;}



#InputNumber {
	width: 180px;
	border: 0px;
	border-top: 1px solid gray;
	border-left: 1px solid silver;
	background-color: #ffde00;
}

#InputPin {
	width: 70px;
	border: 0px;
	border-top: 1px solid gray;
	border-left: 1px solid silver;
	background-color: #ffde00;
}
.SmallButton {
	background-color: #C1B58F;
	border-left: #C1B58F 1px solid;
	border-top: #C1B58F 1px solid;
	border-right: #726D65 2px solid;
	border-bottom: #4C4D4C 2px solid;
	padding: 0px 1em 0px 1em;
	font-size: 9px; height: 20px;
}
#CallFrom {
width: 70%;
min-width: 185px;
margin: 0px auto;
padding: 10px;
background-color: #edfed2;}

#CallTo {
width: 70%;
min-width: 185px;
margin: 0px auto 0 auto;
padding: 10px;
background-color: #edfed2;}

select {width: 99%;
height: 1.2em;
margin: 20px 0;
font-size: 1.5em;
font-weight: bold;
border: 1px dotted #ed1c24;
}

#NameToCall {
width: 50%;
height: 1.2em;
font-size: 1.5em;
font-weight: bold;
border: 1px dotted #ed1c24;
}

#PreCode {width: 15.5%;
height: 1.4em;
margin: 0px;
padding: 0.2em 0 0px 0;
font-size: 1.1em;
font-weight: bold;
border: 1px dotted #ed1c24;
}

#NumberFrom, #ToCall {
width: 99%;
height: 1.2em;
font-size: 1.5em;
font-weight: bold;
border: 2px solid #ed1c24;}

#username, #password {width: 75%;
min-width: 220px;
height: 1.2em;
margin: 10px 0 20px 0;
font-size: 1.2em;
font-weight: bold;
border: 2px solid #ed1c24;
}
#login {
height: 50px;
width: 13em;
margin: 1% auto 2% auto;
min-width: 165px;
position: relative;
padding: 0 0 0 40px;
align: center;
display: block;
font-size: 1.1em;
font-weight: bolder;
background: #ed1c24 url(images/sternkleinrot.png)no-repeat;
color: #ffde00;
}

#login:hover {
height: 50px;
width: 13em;
min-width: 165px;
position: relative;
padding: 0 0 0 40px;
margin: 1% auto 2% auto;
align: center;
display: block;
font-size: 1.1em;
font-weight: bolder;
background: #ffde00 url(images/sternkleingelb.png)no-repeat;
color: #ed1c24;
}

#formdiv{width: 100%;
margin: 0 -5px 0  -5px;}

#contactform { 
width:75%;
margin: 0 auto;
padding:0;}

#contactname, #contactmail {width: 100%;
min-width: 220px;
height: 1.2em;
margin: 0;
font-size: 1em;
border: 1px dotted #ed1c24;
}

#anliegen {width: 100%;
min-width: 220px;
height: 3em;
margin: 0;
font-size: 1em;
border: 1px dotted #ed1c24;
}

.contactbox {
font-size: 1em;
padding: 0 2px;
}

#senden{
font-family: 'Courier New', Courier, monospace;
margin: 1% auto 2% auto;
position: relative;
padding: 0 0 0 0px;
align: center;
display: block;
background-color: #e9e7d6;
border: 1px dotted #ed1c24;
}

#senden:hover {
font-family: 'Courier New', Courier, monospace;
margin: 1% auto 2% auto;
position: relative;
padding: 0 0 0 0px;
align: center;
display: block;
background-color: #e9e7d6;
border: 1px solid #ed1c24;
}



#formbox {
margin: 0;
padding: 0 20px;
background-color: #ffffff;
backgound-image: url('images/PanelBackground.gif');}

#formbox p {
margin: 0;
padding: 0;
display: block;
font-size: 1em;
padding: 0; 
margin: 0 0 0 0%;
color: #474849;}

#formbox h2 {
width: 420px;
position: relativ; 
margin: 3% auto;
padding: 0;
font-size: 1.7em;
line-height: 30px;}

#formbox h4 {
width:  400px;
margin: 20px auto;}

.starlist { margin:20px 0px;
padding: 0;}


/* other formats -- general template */
.RedColor {
	color: Red;
}

.WhiteBack { background-color: white; }	

#Account {
	text-align: right;
	float: right;
	background-image: url('images/PaperAccountBack.png');
	background-repeat: no-repeat;
	background-position: top right;
	width: 300px; height: 110px;
}



dl, dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

dl {
	padding: 0px;

}

dd {
	background-color: white;
	padding: 0px;

}
dt {font-weight: normal;}



#InputNumber {
	width: 180px;
	border: 0px;
	border-top: 1px solid gray;
	border-left: 1px solid silver;
	background-color: #ffde00;
}

#InputPin {
	width: 70px;
	border: 0px;
	border-top: 1px solid gray;
	border-left: 1px solid silver;
	background-color: #ffde00;
}
.SmallButton {
	background-color: #C1B58F;
	border-left: #C1B58F 1px solid;
	border-top: #C1B58F 1px solid;
	border-right: #726D65 2px solid;
	border-bottom: #4C4D4C 2px solid;
	padding: 0px 1em 0px 1em;
	font-size: 9px; height: 20px;
}