*
{
 margin: 0;
 padding: 0;
}

body
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 
 margin: 0;
 padding: 0;
 
 background-color: #c6e4e9;
 color: black;
 text-align: center;
}

td
{
 font-size: 12px;	
}

img
{
 border: 0;
}

input
{
 padding: 5px;	
 margin: 3px;
}

input.textinput
{
 border: 1px solid #7b8cb2;
 background-color: white;
}

input.submitinput
{
 border: 1px solid #7b8cb2;
 background-color: white;
}

p
{
 margin: .3em 0;	
}

a
{
 text-decoration: none;
 color: black;	
}

h3
{
 margin: 20px 0 15px;
 font-size: 16px;
 font-weight: normal;	
}

/* Main Layout */

#totaltest
{
 width: 964px;	
 margin: 0 auto;
 text-align: left;
}

* html #totaltest
{
 width: 964px;	
}

#main
{
 width: 801px;	
 background: white url('http://de.totaltest.com/bilder/navibg.png') repeat-y;
 float: left;
 border-bottom: 3px solid #70bbc8;
}

#lmain
{
 background: white;
 float: left;
 border-bottom: 3px solid #70bbc8;
}

#topnavigation
{
 background: white url('http://de.totaltest.com/bilder/navi_bg.gif') repeat-x bottom;	
 height: 47px;
 border-bottom: 3px solid #70bbc8;
}

#topnavigation ul
{
 list-style-type: none;	
}

#topnavigation li
{
 float: left;	
 margin: 0 10px;
 /*border: 1px solid navy;*/
}

#topnavigation a
{
 display: block;
 margin: 17px 20px 0 20px;	
 padding-top: 10px;
 text-decoration: none;
 color: black;
 text-align: center;
 /*border: 1px solid red;*/
}

* html #topnavigation a
{
 
}

#topnavigation li.selected
{
 margin-top: 17px;
 
}

* html #topnavigation li.selected
{
 margin-top: 16px;
 width: 9em;
}


#topnavigation li.selected a
{
 margin: 0px 5px 0 5px !important;
}

* html #topnavigation li.selected a
{
 margin: 7px 5px -2px 5px !important;
 padding-top: 3px;
}

#topnavigation li.selected .navi_l
{
 background: url('http://de.totaltest.com/bilder/navibutton_l.gif') no-repeat left;	
 height: 29px;
}

#topnavigation li.selected .navi_m
{
 background: url('http://de.totaltest.com/bilder/navibutton_m.gif') repeat-x;
 height: 29px;
 margin: 0 8px;
}

#topnavigation li.selected .navi_r
{
 background: url('http://de.totaltest.com/bilder/navibutton_r.gif') no-repeat right;
 height: 29px;
}

#totaltest_logo
{
 display: block;
 float: right;	
}

#leftnavigation
{
 float: left;
 width: 146px;
 border-right: 3px solid #70bbc8;
 background: white;
}

#leftnavigation .navihead
{
 height: 20px;
 line-height: 20px;
 padding-left: 5px;
 padding-right: 5px;	
 color: black;
}

#leftnavigation .navititel
{
 height: 23px;	
 line-height: 23px;
 background-color: #666;
 color: white;
 padding-left: 5px;
}

#leftnavigation #loginbox
{
 padding-bottom: 10px;
 font-size: 11px;
 vertical-align: middle;
}

#leftnavigation #loginbox input
{
 width: 120px;
 padding: 2px 5px;
 margin: 4px 7px;
}

#leftnavigation #navi
{
 list-style-type: none;	
 margin-bottom: 1.7em;
}

#leftnavigation #navi li
{
 padding: 4px 6px;
 color: black;
 border-bottom: 1px solid white;
}

#leftnavigation #navi li a
{
 color: black;
 text-decoration: none;
}

#leftnavigation .navibox
{
 padding: 5px;
 vertical-align: middle;	
 font-size: 11px;
 line-height: 16px;
}

#leftnavigation .navibox img
{
 vertical-align: middle;	
}

#mid
{
 padding-top: 3px;	
}

#content
{
 float: right;
 width: 643px;
 background: white;
 margin-right: 3px;
 margin-left: 1px;
}

#ads_line
{
	
}

#ad1
{
 float: left;	
 
}

#ad2
{
 float: right;
}

#ad1 img, #ad2 img
{
 display: block;
}

#ad3
{
 width: 163px;	
 float: right;
}

#ad4
{
 text-align: center;
}


#copyright
{
 width: 149px;	
 height: 20px;
 line-height: 20px;	
 color: black;
 float: left;
 margin-bottom: 20px;
 position: relative;
 top: -23px;
}

#copyright div
{
 padding-left: 5px;
 padding-right: 5px;	
 padding-top: 2px;
}

#bottom #links
{
 float: right;
 width: 643px;
 margin-right: 160px;
 padding-top: 3px;
 text-align: center;
 /*border: 1px solid green;*/
}

* html #bottom
{
 width: 964px;	
}

* html #bottom #links
{
 margin-right: 82px;
}

#bottom
{
 font-size: 11px;
 clear: both;
 background: #c6e4e9;
 width: 964px;
 margin: 0 auto;
 /*border: 1px solid red;*/
}

#bottom a
{
 margin: 3px 20px;
}
rgin: 3px 20px;
}



/* Contentbereich */


.infobox_large
{
 border: 1px solid #666;
 background-color: #c6e4e9;
 padding: 10px;
 margin-bottom: 15px;
}

.infobox_head
{
 border: 1px solid #666;
 background: #c6e4e9;
 margin-bottom: 15px;
 color: #666;	
 width: 640px;
}

.ergebnis
{
 background: #c6e4e9 url('http://de.totaltest.com/bilder/ergebnis.jpg') no-repeat right top;	
}

.infobox_head .bild
{
 padding: 10px;
 width: 100px;
}

.infobox_head img
{
 display: block;
}

.infobox_head .titel
{
 padding: 10px;
 vertical-align: bottom;
}

.quizinfo
{
 border: 1px solid #c6e4e9;
 background-color: #c6e4e9;
 margin-bottom: 15px;	
 padding: 0 20px 10px 20px;
}

.quizinfo table td
{
 vertical-align: middle;	
}

.quizinfo img
{
 float: left;
 display: block;
 margin: 0 15px 15px 0;	
}

.infobox_head h2
{
 font-size: 20px; 	
 font-weight: normal;
 color: #666;	
}

.quizinfo h2
{
 font-size: 20px; 	
 font-weight: normal;
 color: #666;	
 margin: 10px 0 15px;
}

.quizinfo p
{
 line-height: 15px;
}

ol.more
{
 margin-left: 20px;	
 margin-top: 20px;
}

ul.more
{
 margin-left: 20px;	
 margin-top: 20px;
 list-style-type: none;
}

ol.more li, ul.more li
{
 color: #666;	
 font-weight: bold;
 line-height: 15px;
}

.buchstabenreihe
{
 font-size:	20px;
 margin: 1em 5px;
}

.buchstabe
{
 width: 30px;
 height: 30px;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
 font-size: 22px;	
 background: #e2f1f4;
 margin-bottom: 10px;
 margin-top: 30px;
}

.testanlegen td
{
 padding: 10px;
 vertical-align: middle;
}

.testanlegen td img
{
 vertical-align: middle;	
}

  /* Profiltabelle */
  
  .profiltop
  {
   margin-top: 18px;
   margin-bottom: 20px;
   width: 99%;	
  }
  
  .profiltop td
  {
   vertical-align: top;	
  }
  
  .profil
  {
   margin-top: 18px;	
  }
  
  .profil td
  {
   vertical-align: top;
   line-height: 16px;	
  }
  
  .profilfoto
  {
   display: block;
   width: 90px;	
  }
  
  .profilfotooption
  {
   height: 20px;
   line-height: 20px;
   padding-left: 10px;
   margin: 2px 0;
   font-size: .9em;
   background: #e0e0e0;	
  }
  
  .stars
  {
   margin-top: 3px;	
  }
  
  .profild td
  {
   padding: 3px;	
  }
  
  input.editline
  {
   padding: 3px;
   border-top: 1px solid #7b8cb2;
   border-bottom: 1px solid #7b8cb2;
   border-right: 2px solid #7b8cb2;
   border-left: 2px solid #7b8cb2;
   width: 180px;
  }
  
  input.savebutton
  {
   border: 1px solid #699;	
   text-align: center;
   width: 180px;
   padding: 3px;
   cursor: pointer;
   font-size: 11px;
  }
  
  .profild textarea
  {
   font-size: 11px;
   font-family:	Arial, Helvetica, sans-serif;
   padding: 5px;
   width: 97%;
  }
  
  input.editbutton
  {
   border: 0;
   background: #e0e0e0;	
   padding: 3px 15px;
   cursor: pointer;
   font-size: 11px;
  }
  
  .hinweisbox
  {
   background: #e2f1f4;
   padding: 10px 8px;	
   font-size: .9em;
  }
  
  
  .testauflistung
  {
   width: 99%;	
  }
  
  .testauflistung th
  {
   background: #70bbc8;
   padding: 4px 3px;
   font-weight: bold;
  }
  
  .testauflistung .titel td
  {
   padding: 10px 3px;	
   font-weight: bold;
  }
  
  .testauflistung .eintrag td
  {
   padding: 3px;
   vertical-align: middle;	
  }
  
  .testauflistung .eintrag .e2
  {
  	width: 100px;
  	font-size: 18px;
  }
  
  .testauflistung .eintrag .e3, .testauflistung .titel .e3
  {
  	width: 100px;
  	text-align: right;
  }
  
  
  
  .testauflistung2
  {
   width: 99%;	
  }
  
  .testauflistung2 td
  {
    vertical-align: top;
    padding: 5px 3px;
  }
  
  .testauflistung2 th
  {
   background: #70bbc8;
   padding: 4px 3px;
   font-weight: bold;
  }
  
  .testauflistung2 .titel td
  {
   padding: 10px 3px;	
   font-weight: bold;
  }
  
  .testauflistung2 .titel .e2, .testauflistung2 .titel .e4, .testauflistung2 .titel .e5
  {
   text-align: center;	
  }
  
  .testauflistung2 .eintrag .e2, .testauflistung2 .eintrag .e4, .testauflistung2 .eintrag .e5
  {
   text-align: center;	
  }


/* Quizfragen */

div.quiz
{
 margin-left: 20px;	
}

form.quiz
{
 margin-top: 25px;	
}

ul.quiz
{
 list-style-type: none;
 margin: 15px 5px;
}

ul.quiz li
{
 color: #165270;	
}

ul.quiz li a
{
 color: #165270;	
 text-decoration: none;
}

ul.quiz li a:hover
{
 text-decoration: underline;
}


div.quizresult
{
	
}

.ergebnisbox
{
 padding: 20px 20px 20px 130px;	
}

.ergebnisbox .p2
{
 font-size: 20px;	
}

.quizresult_frage
{
 margin-top: 5px;	
}

.quizresult_frage_titel
{
 background: #e0e0e0;
 padding: 3px 10px;	
}

.quizresult_frage_titel .g
{
 font-size: 20px;	
}

.antwort_r { color: #390; }

.antwort_f { color: red; }

.quizresult_antwort_tab td
{
 padding: 5px 10px;	
 vertical-align: top;
}

.quizresult_antwort
{
 line-height: 20px;	
}

.quizresult_antworte
{
 padding: 10px;	
}


.content_l
{
 width: 335px;
 float: left;	
}

.content_r
{
 width: 302px;	
 float: right;
}

.padl
{
 padding-left: 20px;	
}
.box_quiz
{
 background: #99cccc url('http://de.totaltest.com/bilder/content/box_quiz.jpg') no-repeat right;
 color: black;	
 width: 300px;
 border: 1px solid black;
 margin-bottom: 20px;
}

.box_umfrage
{
 background: #99cccc url('http://de.totaltest.com/bilder/content/box_umfrage.jpg') no-repeat right;
 color: black;	
 width: 335px;
 height: 95px;
 border: 1px solid black;
 margin-bottom: 20px;
}

.in
{
 padding: 10px 15px;	
}

.in input
{
 margin: 0;
}

.box_quiz .abst, .box_umfrage .abst
{
 margin-left: 20px;	
}

/* "groß" */

.contenttab td
{
 vertical-align: top;
}

.contenttab td.text
{
 padding: 1px 5px 23px 10px;	
}

.contenttab td.bild img
{
 border: 1px solid black;
}

/* klein */

.contenttabkl td
{
 vertical-align: top;
}

.contenttabkl td.text
{
 padding: 1px 5px 13px 10px;	
}

.contenttabkl td.bild img
{
 border: 1px solid black;
}



.contentad
{
 border: 1px solid black;	
}

.content_buttons img
{
 margin: 1px;
 padding: 0;
}




/* Farben für Navigation */

.n1 { background-color: #e0e0e0; }
.n2 { background-color: #e2f1f4; }
.n3 { background-color: #70bbc8; }



/* Klassen */

.tm, .textm
{
 text-align: center;	
}

.tl, .textl
{
 text-align: left;	
}

.tr, .textr
{
 text-align: right;	
}

.fl
{
 float: left;	
}

.fr
{
 float: right;	
}


.tb, .textb
{
 text-align: justify;	
}

.vm
{
 vertical-align: middle !important;	
}

.vm img, .vm input
{
 vertical-align: middle !important;
}

.rot
{
 color: red !important;	
}

.kl
{
 font-size: 11px;	
}

.b
{
 font-weight: bold;	
}

.i
{
 font-style: italic;	
}

.u
{
 text-decoration: underline;	
}

.cl
{
 clear: both;	
 height: 1px;
}