/*
border: solid 2px #fff;
<br class=\"clear\" />
z-index: 2;
*/

@media (max-width: 768px) {

body {background-color: #fff;}
#page {background: transparent; width: 100%;} 
img {width: 100%;} 

#page {width:100%;}
#page h1 {color: #000;} 

#head, #headall {width: 100%;}
#head img.index , #headall img.index {width: 262px;}    /*width: 67%*/

#page h1 {font-size: 20px; color: #000;} 
#page h1.sect, #page h1.sect1, #page h1.sect2, #page h1.sect3, #page h1.sect4 {font-size: 20px; color: #000; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} 
#page h1.sect2 {margin-left: 5%; margin-right: 5%;} 
#page h1.sect3 {margin-left: 12%; margin-right: 12%;} 
#page h1.sect4 {margin-left: 15%; margin-right: 15%;} 
#page h1.sect5 {font-size: 24px; padding-left: 10%; padding-right: 10%; line-height: 26px;}

#page h2 {font-size: 16px;} 

#page h3 {font-size: 18px; color: #000;} 
#page h3.cour {width: 80%; margin-left: 10%; margin-right: 10%;} 
#page h3.list {font-size: 16px;}

#page div.at {padding-left: 0; padding-right: 0;}
#page div {font-size: 18px; color: #000;} 
#page div.bold {font-size: 18px; color: #000;} 
#page div.at3 {padding-left: 15%; padding-right: 15%;}
#page div.at4 {padding-left: 25%; padding-right: 25%;}
#page div.abt {font-size: 16px;}
#page div.blogt1 {width: 60%; padding-left: 20%; padding-right: 20%;}


#page a {color: #009} #page a:hover {color: #900;}
#page a.bout {font-size: 16px; font-weight: bold; line-height: 10px;}

#liniemenu, #liniemenufr {background: transparent; width: 0; height: 0; margin-top: 0;}
#liniemenu div, #liniemenufr div {font-size: 0px; #fff000; font-weight: normal; padding-top: 0; margin-left: 0;}
 
#spalteextr, #spalteextr1

/*              Linie 01 */
#linie00, #linie00x, #linie00n, #linie01dx, #linie0 {background: transparent; width: 90%; margin-left: 5%; margin-right: 5%;}  
#linie00 {background: transparent; width: 90%; margin-left: 5%; margin-right: 5%;}  
#linie00x {margin-top: 20px;}  
#linie00.ku1 {width: 70%; margin-left: 15%; margin-right: 15%;}
#linie01, #linie01new, #linie01d, #linie01d1, #linie01d11, #linie01d2, #linieast, #linie1x, #linie2x, #linie3x, #linie4x, #linie5x {width: 100%; margin-top: 18px;}
     #linie01d1.contact {height: 100%;} 
#spalte01double img, #spalte02double img {width: 100%;}
#spalte02double.blog {width: 90%;} 
     #spalte02double div.blogt {width: 90%;}
#linie01d1.kurz {background: transparent; width: 100%; height: 480px; margin-top: 26px;}  

#linie6x {background: transparent; width: 100%; height: 480px; margin-top: 26px;}  


#linie01 h1, #linie01 h1, #linie01dx h1, #linie0 h1 {width: 90%; margin-left: 5%; margin-right: 5%;} 
#spalte01, #spalte01new, #spalte01x, #spalte01xn, #spalte011, #spalte012, #spalte012.krimi, #spalte013, #spalte012a, #spalte013a #spalte01krim, #spalte02krim, #spalte03krim {width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 22px;}  
#spalte01 img, #spalte01new img, #spalte01x img, #spalte01xn img, #spalte011 img, #spalte03d img, #spalte012.krimi img, #spalte13 img, #spalte13a img {width: 100%;} 
#spalte01krim img, #spalte02krim img, #spalte03krim img {width: 100%;} 
#spalte02, #spalteextr, #spalteextr1, #spalte02new, #spalte03, #spalte03new, #spalte03d, #spalte02a, #spalte02b, #spalte01double, #spalte02double, #spalte02double.bl, #spalte02breit, #spalte02jan
     {width: 90%; margin-right: 5%; margin-left: 5%; margin-bottom: 5%;}
		#spalteextr {background: transparent url(../livres/backtext.jpg) repeat;}
#spalte02jan {padding-botton: 5%;}

#spalte02.weg {width: 0; height: 0; padding:0; margin: 0;} #spalte02.weg div {width: 0; height: 0; padding:0; margin: 0; line-height: 0; font-size: 0;}
#spalte02.weg h1 {width: 0; height: 0; padding:0; margin: 0; line-height: 0; font-size: 0;}

#spalte02jan div, #spalte02b div, #spalte02breit div, #spalte01double div {padding-bottom: 5%; margin-left: 0; margin-right: 5%; padding-left: 5%;} 

/* 2 kurze Spalten nebeneinander */

#spalteme {width: 100%; margin-right: 0; margin-left: 0;}
#spaltemen1, #spaltemen2 {width: 70%; margin-right: 15%; margin-left: 15%;}
#spaltemen3, #spaltemen4, #spaltemen1.des, #spaltemen2.des {width: 70%; margin-right: 15%; margin-left: 15%; padding-bottom: 4%;}
#spaltemen3 {height: 104%; padding-bottom: 2%;}
#spaltemen4 {height: 108%; padding-bottom: 2%;}

#spaltemen1 div, #spaltemen3 div, #spaltemen4 div, #spaltemen1.des div, #spaltemen2.des div {margin-left: 5%; margin-right: 5%;}
#spaltemen2 div {margin-left: 0; margin-right: 0;}
#spaltemen1 div {margin-top: 0; margin-bottom: 4%;}

/* Bouton pour cliquer
#bouton, #bouton1, #bouton2 {width: 78%;}  
#bouton, #bouton1 {height: 50px;}
#bouton2 {height: 200px;}

/* Extraits Jana */
#spalteext1, #spalte01e, #spalte01ex, #spalte02ex, #spalte03ex {width: 90%; margin-left: 5%; margin-right: 5%;} 
#spalte01ext, #spalte02ext, #spalte03ext, #sp#linie1lte01ext1, #spalte02ext1, #spalte03ext1, #spalte01ext2, #spalte02ext2, #spalte03ext2, #spalte04ext2
      {width: 95%; margin-left: 0; margin-right: 0;}  

#spalte01e {width: 90%; margin-left: 5%; margin-right: 5%;} 

/*              Linie 0 et 1 */
#linie0 {width: 90%; margin-top: 26px; margin-bottom: 20px;}
#linie1, #linie1bas, #liniemal, #liniesom {width: 100%; margin-top: 2px; height: 100%;} 
#spalte1, #spalte2, #spalte3, #spalte1hoch, #spalte2hoch, #spalte3hoch {width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 22px;}
#spalte1, #spalte1hoch {margin-top: 2px;}
#spalte1 img, #spalte2 img, #spalte3 img, #spalte1hoch img, #spalte2hoch img, #spalte3hoch img {width: 100%;}

/*              Linie 2 - Linie 3 (Biographie) - footer    */
#linie2, #linie3, #linie3d, #spalte4, #spalte5, #spalte5a {background: transparent; width: 0; height: 0;}
#linie2 div, #spalte5a div, #linie3d div, #spalte4 div, #spalte5 div {font-size: 0; width: 0; line-height: 0; height: 0;}
#spalte4 img {width: 0; height: 0;}

#spaltehalb {width: 100%; margin: 0; margin-top: 20px; border: none; height: 1250px;}
#spaltebuch, #spaltebuch1, #spaltebuch1 img {width: 90%; margin-left: 5%; margin-right: 5%;}
#spaltebuch1 {height: 600px;}
#liniejuif, #liniejust, #liniejust1, #liniejust2, #liniejust3, #liniejust4 {width: 100%}

#spalte011 h1 {width: 70%; margin-left: 15%; margin-right: 15%;}

/*              Linie menu - exclusivement tel */
#linmenu {width: 100%; height: 34px; margin-top: 8px;} 
#linmenu input {margin-left: 85%; width: 10%; height: 34px;} 

#linmenu1 {width: 100%; height: 100%; margin-top: 8px; background: #fff;} 
#linmenu1 div {margin-left: 10%;} 

/*              minimail    */
#minimail {background: transparent url(../livres/backtext.jpg) repeat; width: 100%; margin-top: 20px;} #minimail div.rand {padding: 5px;}
#formulaire div.mf, #formulaire div.mf1 {padding-left: 10px;}

/*              blogmail    */
#blogmail div.blog1 {width: 40%; float: left;}
#blogmail div.blog2 {width: 50%; float: left;}


/*              footer    */
#footer {width: 90%; margin-left: 5%; margin-right: 5%;}

/*            Page biographie - exclusivement tel */
#linie1t {background: transparent; width: 100%; height: 100%; margin-top: 16px;}
#spalte1t {background: transparent; width: 60%; height: 100%; margin-left: 20%; margin-right: 20%;}
#spalte1t img {width: 60%;}

#spalte2t {background: transparent url(../livres/backtext.jpg) repeat; width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 18px; margin-bottom: 20px; border: solid 1px #000;}
#spalte2at {background: transparent url(../livres/backtext.jpg) repeat; width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 20px; margin-bottom: 20px; }





}