/*----------------------------------------------
 *  AUTHOR:  			Erwin Aligam 
    
 *  refurbished: Christoph Bach
 * letztes Update: 2008-12-01
 *--------------------------------------------*/
 
/*----------------------------------------------
 *  Browser-Reset
 *--------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

ol, ul {
  list-style: none;
}

/*----------------------------------------------
 *  Elemente
 *--------------------------------------------*/

body {
  background: #ccc;
}

h1 {
  margin-bottom: 1.3em;
}

h2 {
  margin-bottom: 1em;
}

p {
  margin-bottom: 0.8em;
}

blockquote {
 margin: 10px;
 padding: 10px 0 10px 30px;  
 border: 1px solid #f2f2f2; 
 background: #fafafa url(../images/quote.gif) no-repeat 5px 5px;
}


/*----------------------------------------------
 *  Form-Elemente
 *--------------------------------------------*/
 
form {
  padding: 10px;
  margin-bottom: 1em;
  border: 1px solid #f2f2f2; 
  background: #fafafa; 
}

label {
  margin: 5px 0;
}

input {
  padding: 2px;
  border: 1px solid #88ac0b;
}

textarea {
  display:block;
  width: 400px;
  height: 100px;
  padding: 2px;
  border:1px solid #eee;
}

input.button { 
  border: 1px solid #ccc; 
  padding: 2px 3px; 
}


/*----------------------------------------------
 *  allgemeine Klassen
 *--------------------------------------------*/
 
#partnerwerden br,
.clear {
  clear: both;
}

.hidden {
  display: none !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

img.float-right {
  margin: 5px 0px 10px 10px;  
}

img.float-left {
  margin: 5px 10px 10px 0px;
}

 
/*----------------------------------------------
 *  Typografie
 *--------------------------------------------*/
 
body {
  font: 62.5%/1 Verdana, Helvetica, Arial, sans-serif;
  color: #222; 
}


/*--- font-family ---*/

pre, code {
  font-family: Monaco, Courier, monospace;
}

#header {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

textarea {
  font: 1em Verdana, sans-serif;
}


/*--- font-size ---*/

#header h1 {
  font-size: 4.5em;
}

h1 {
  font-size: 2.2em;	
}

h2 {
  font-size: 1.9em;

}

h3,
pre, code,
#partnerwerden input {
  font-size: 1.5em;
}

p,
#header h2,
#partnerwerden p.green,
#partnerwerden p.red,
#sidebar h3,
#main li,
#nummernliste table,
#partnerwerden label,
#partnerliste li a {
  font-size: 1.3em;
}

#menu {
  font-size: 14px;
}

#partnerliste li,
#partnerwerden p {
  font-size: 1em;
}


/*--- line-height ---*/

#menu {
  line-height: 26px;
}

h2 {
}

h3 {
  line-height: 1.4em;
}

p,
pre, code,
#main li,
#partnerwerden p.green,
#partnerwerden p.red,
#partnerliste li a {
  line-height: 1.3em;
}

#partnerwerden p {
  line-height: 2.5em;
}


/*--- color ---*/

h3,
#footer {
  color: #666; 
}

a, a:visited {
  color: #4f82cb; 
}

a:hover {
  color: #4ebf37;
}

#sidebar h3 {
  color: #555;
}

h2, input,
#sidebar ul {
  color: #88ac0b;
}

#main ul {
  color: #789c0b;
}

#header h1 a,
#header h2,
#menu li a {
  color: #fff;
}

#menu li a:hover,
#menu li#current a {
  color: #333;
}

.red {
  color: #c30;
}

.green {
  color: #080;
}


/*--- font-weight ---*/

label {
  font-weight: bold;
}


/*--- text-align ---*/

#nummernliste thead {
  text-align: left;
}

#footer {
  text-align: center;
}


/*--- letter-spacing ---*/

#header h1 {
  letter-spacing: -2px;
}


/*--- text-decoration ---*/

a, a:visited {
  text-decoration: none;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}


/*----------------------------------------------
 *  Layout
 *--------------------------------------------*/

#wrap,
#content-wrap  {
  margin: 0 auto;
}

#wrap {
  width: 820px;
  background: #ccc url(../images/content.jpg) repeat-y center top;
}

#content-wrap {
  clear: both;
  width: 760px;
}

#header {
  width: 820px;
  position: relative;
  height: 106px;
  background: #ccc url(../images/header.jpg) no-repeat center top;
}

	#header h1,
	#header h2,
	#header img#ente {
	  position: absolute;
	  left: 170px;
	}
	
	#header h1 {
	  top: 28px;
	}
	
	#header h2 {
	  top: 74px;
	}
	
	#header img#ente {
	  top: 12px;
	  left: 45px;		
	}


/*----------------------------------------------
 *  Menue
 *--------------------------------------------*/

#menu {
  clear: both;
  height: 26px;
  padding: 0 40px 0 0;
  background: url(../images/menu.jpg) repeat-y center top;	
}

	#menu ul {
	  float: right;
	  list-style: none;
	}

		#menu li {
		  display: inline;
		}

			#menu li a {
			  float: left;
			  display: block;
			  padding: 0 8px;
			}
			
			#menu li a:hover {
			  background: #ececec;
			}
			
			#menu li#current a {	
			  background: #fff;
			}


/*----------------------------------------------
 *  Content-Wrapper
 *--------------------------------------------*/

#main {
  float: left;
  width: 545px;
  margin: 25px 0 0 12px;	
}

#main h2 {
  padding: 5px 0 5px 25px; 	
  border-bottom: 1px solid #EFF0F1;
  background: #fff url(../images/square-green.png) no-repeat 3px 55%;	
}

#main ul {
  padding: 0 0 0 20px;
  margin: 0 0 1.5em 0;
  list-style: disc;
}

	#main li {
	  margin: 0 0 0.3em 0;
	}


/*----------------------------------------------
 *  Content
 *--------------------------------------------*/
	
#sidebar {
  float: left;
  width: 200px;
}

#sidebar h3 {
  margin-top: 10px;
  padding: 5px 0 5px 10px; 
  background: #eef0f1 url(../images/headerbg.gif) repeat-x left bottom;	
  border: 1px solid #eef0f1;
}

	#bookmark-box {
	  height: 47px;
	}
	
		#bookmark-box li {
		  display: inline;
		}
		
			#bookmark-box li a {
			  float: left;
			  display: block;
			  margin: 2px 2px -1px 0;
			  border: 1px solid #fff;
			}
			
			#bookmark-box li a:hover {
			  background: #eee;
			  border: 1px solid #ddd;
			}

#sidebar .left-box {
	border: 1px solid #eef0f1; 
	margin: 0 0 5px 0;	
}

	#sidebar .left-box ul {
	  margin: 0;
	  padding: 0 0 0 5px;
	}

		#sidebar .left-box ul.partnerlinks {
		  /*list-style: disc;*/
		  margin-bottom: 10px;
		}
		
			#sidebar .left-box ul.partnerlinks li {
			  border-bottom: 1px solid #a8cc2b;
			  padding: 3px 2px;
			}


#sidebar ul.sidemenu {
  list-style: none;
  margin: 3px 0 8px 0;
}

	#sidebar ul.sidemenu li {
	  margin: 0 2px;	
	  padding: 4px 0 4px 25px;
	  border-bottom: 1px solid #EFF0F1;
	  background: url(../images/go.gif) no-repeat 5px 70%;
	}
	
	#sidebar ul.sidemenu a {
	  background: none;	
	}
	
#partnerliste li {
  width: 80%;
  padding: 4px 0;
  border-bottom: 1px solid;
}

#partnerliste li a {
  display: block;
}


/*----------------------------------------------
 *  Footer
 *--------------------------------------------*/
	
#footer {
  clear: both;
  width: 820px;
  height: 55px;
  background: #ccc url(../images/footer.jpg) no-repeat center top;
}


/*----------------------------------------------
 *  Layout SMS-Box, Statusbox
 *--------------------------------------------*/

#sms-box, #sms-box iframe {
  width: 385px;
}

#sms-box iframe {
  margin: 0 0 2em 0;
}

#sms-box p {
margin: 0pt auto; text-align: center;
}

#sms-box,
#sms-box-status {
  float: left;
  margin-bottom: 2em;
}

.box-layout {
  padding: 3px;
  background: #eee;
  border: 2px solid #ccc;
}

#sms-box-status {
  width: 125px;
  margin-left: 10px;
  text-align: center;
}
	
	p.sms-counter {
	  width: 90px;
	  margin: 5px auto;
	  font-size: 2.5em;
	  font-weight: bold;
	  padding: 5px 0;
	  background: #ddd;
	  border: 1px solid #bbb;
	}
	
	p.status-5000,
	p.status-850 {
	  color: #62a11e;
	}
	
	p.status-450 {
	  color: #ee1;
	}
	
	p.status-200 {
	  color: #ef9500;
	}
	
	p.status-50 {
	  color: #e11;
	}


/*----------------------------------------------
 *  Layout Tabellen
 *--------------------------------------------*/

#nummernliste table {
  width: 375px;
  margin: 0.5em 0 2em 0;
  background: #f0f0f0;
  border-collapse: collapse;
  border: 1px solid #dee0d1;
}

	#nummernliste th,
	#nummernliste td {
	  padding: 8px 10px;
	}
	
	#nummernliste thead {
	  background: #e0e0e0;
	  border-bottom: 1px solid #a8cc2b;
	}
	
	#nummernliste td {
	  width: 15em;
	  vertical-align: top;
	  border-bottom: 1px solid #a8cc2b;
	}
	
	#nummernliste td+td {
	  width: 8em;
	}
	
	#nummernliste tfoot {
	  background: #f7f7f7;
	}
	
	#nummernliste tr.odd {
	  background: #fff;
	}


/*----------------------------------------------
 *  Formular "Partner werden"
 *--------------------------------------------*/

#partnerwerden {
}

	#partnerwerden input,
	#partnerwerden label {
	  float: left;
	  display: block;
	}
	
	#partnerwerden label {
	  width: 85px;
	}
	
	#partnerwerden input {
	  width: 225px;
	  margin: 0 15px;
	  padding: 3px 7px;
	}
	
	#partnerwerden .submit {
	  width: 135px;
	  margin: 10px 0 10px 100px;
	  padding: 10px;
	}


/*----------------------------------------------
 *  einzelne Elemente
 *--------------------------------------------*/

#imprint {
  margin-top: 0.5em;
}

	#imprint img {
	  margin-left: -1px;
	}


/*----------------------------------------------
 *  Google Ads
 *--------------------------------------------*/
  
.ad-txt-120-240 {
  float: right;
  margin: 0 0 0 20px;
}

.ad-lnk-120-90 {
  float: left;
  width: 125px;
  margin: 0 0 0 10px;
}

.ad-sky {
  width: 125px;
  float: right;
}



/*-------------------------------------------
 * Gelistet bei ...
 *-----------------------------------------*/

a.partner {
  display: block;
  float: left;
  width: 88px;
  height: 0;
  padding: 31px 0 0;
  margin: 4px 4px 4px 4px;
  border: 1px solid #aaa;
  background-repeat: no-repeat;
  overflow: hidden;
}

a.partner:hover {
  border: 1px solid #555;
}

	#no-abzocke   { background-image: url(http://no-abzocke.de/images/Siegel/siegel_weiss_88x31.jpg); }
	#geizkragen   { background-image: url(http://www.geizkragen.de/img/linkbutton.gif); }
	#nulltarif-de { background-image: url(/images/partner/nulltarif-de.gif); }
	#kostenlos-de { background-image: url(http://www.kostenlos.de/images/fanbanner/kostenlos2005_88x31_2.gif); }

#sidebar .gelistet-bei ul {
  list-style: disc;
  margin-left: 15px;
  line-height: 2em;
}


/*----------------------------------------------
 *  le fin.
 *--------------------------------------------*/