body { 
    font-family: Sans-serif,Geneva,Helvetica,Verdana,Arial;
    font-size: 12px;
    background: #ffffff;
    color: #888888;
    margin-bottom: 5px;    
    margin-top: 5px;
    margin-left: 5px;      
    margin-right: 5px;

    /* background-image: url(http://www.langen.de/leseobjekte.html?id=6472o); */
    /*     background-repeat: no-repeat; */
    /*     background-position: right bottom; */
    /* 	background-attachment: fixed; */
	

}



p.entry_p {      
    margin-top: 7px;
    margin-bottom: 2px;
    text-indent: 8px;       
}


div.thepage {
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -320px;
    padding-bottom: 20px;
    line-height: 18px;    

    width: 640px;
    z-index: 2;
    
}


@media screen and (max-width: 640px) {
    div.thepage {
	font-size: 18px;
	line-height: 22px;

	position: absolute;
	margin-left: 0px;
	padding-bottom: 2px;
    
	left: 0px;
	top: 0px;
    
	width: 99%;
	z-index: 2;
	border: 0px solid #ff0000;
	background: #ffffff;
    }
}

@media screen and (max-width: 480px){
    div.thepage {
	position: absolute;
	margin-left: 0px;
	padding-bottom: 2px;
    
	left: 0px;
	top: 0px;
    
	width: 99%;
	z-index: 2;
	border: 0px solid #000000;
	background: #ffffff;
    }
}

ul {
    list-style-type: square;
}

span.ttt {
    font-family:   "Courier New", monospace, "Lucida Console", fixed;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}



div.titlediv {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right:auto;
    margin-left:auto;
    top: 0px;
    width: 640px;   
    height: 100px;   
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: right;  
    text-align: left;
    color: #666666;     


}
@media screen and (max-width: 640px){
div.titlediv {
    width: 100%;   
    height: 100px;   

    text-align: right;  
    text-align: left;
    color: #666666;     

}
}

div.titletextdiv {
    position: relative;
    top: 24px;
    left: 30px;
    width: 400px;   
    height: 80px;   

    cursor: pointer;
}
@media screen and (max-width: 640px){
div.titletextdiv {
    position: relative;
    top: 24px;
    left: 30px;
    width: 99%;   

    cursor: pointer;
}
}
div.allentriesdiv {
    position: relative;
    width: 420px;  
    
}

@media(max-device-width: 640px){
   div.allentriesdiv {
       position: relative;
       width: 65%;  
    
   } 
}

@media screen and (max-width: 480px){
   div.allentriesdiv {
       position: relative;
       width: 65%;  
    
   } 
}

div.rightbox {

    font-size: 10px;
    float: right;
    width: 207px;   

    border: 0px solid #000000;
    text-align: right;
    line-height: 12px;

    padding-top: 110px;
    padding-left: 0px;
    padding-right: 0px;

    margin-top: -100px;


    border-left: 0px dotted #dddddd;
}

@media screen and (max-width: 640px){
div.rightbox {

    font-size: 18px;
    line-height: 22px;
    float: right;
    width: 34%;   

    border: 0px solid #000000;
    text-align: right;


    padding-top: 110px;
    padding-left: 0px;
    padding-right: 0px;

    margin-top: -100px;


    border-left: 0px dotted #dddddd;
}
}

@media screen and (max-width: 480px){
div.rightbox {

    font-size: 18px;
    float: right;
    width: 34%;   

    border: 0px solid #000000;
    text-align: right;
    line-height: 22px;

    padding-top: 110px;
    padding-left: 0px;
    padding-right: 0px;

    margin-top: -100px;


    border-left: 0px dotted #dddddd;
}
}

div.rightboxinner {
    
    margin-left: 5px;
    margin-right: 14px;
}

hr.righthr {
    border: 1px solid #888888;
    width: 5px;
    height: 5px;

    background-color: #ffffff;
    color: #ffffff;
}

div.singlentry {
    
}

div.singlemessagewrap {
    text-align: left;
    border-left: 0px solid #aaaaaa;
    padding-left: 30px;
    padding-right: 15px;        

}



div.mycite {

    border-left: 2px dotted #dddddd;
    padding-left: 10px;
    padding-right: 5px;
    margin-left: 10px;  
    margin-bottom: 0px;         
    margin-top: 10px;   
    font-style: italic; 
    font-family: "Palatino", "Georgia", "Baskerville", serif;
    color: #999999;
}

span.mycite {
  
    font-style: italic; 
    font-family: "Palatino", "Georgia", "Baskerville", serif;
    color: #999999;
}


div.singlemessage {
    text-align: justify;
    
}

@media screen and (max-width: 640px) {
div.singlemessage {
    text-align: justify;
    line-height: 24px;
}
}




h1 {
    font-size: 18px;    
}

h2 {
    font-size: 12px;    

}

h1.allh1 {
    font-size: 28px;    
    margin:4px;         
}

h2.allh2 {
    font-size: 12px;
    margin:4px;         
}

div.entrytitledeco {
    height: 45;
    width: 416;
    

    margin: 0px;
    padding: 0px;

    margin: 0px;
    margin-left: 10px;
    margin-right: 4px;
    

    border: 1px solid #ffffff;
    background-image: url(../h1_light_3.jpg); 
    background-repeat: no-repeat;  
    background-position: center center;
}

@media screen and (max-width: 640px){
div.entrytitledeco {
    height: 80;
    width: 99%;
    

    margin: 0px;
    padding: 0px;

    margin-left: 2px;
    margin-right: 2px;
    

    border: 1px solid #ffffff;
    border-bottom: 1px solid #aaaaaa;
    background-image: none;
    background-repeat: no-repeat;  
    background-position: center center;
}

}

h2.entrytitle {
    font-size: 16px;

    margin-top: 12px;
    margin-right: 24px;


    text-align: right;
    color: #666666;


}


table {
    border: 1px dotted #000000;
    font-family: Sans-serif,Geneva,Helvetica,Verdana,Arial;
    font-size: 12px;
    background: #ffffff;
    color: #888888;
    
}

tr.trheader { 
    font-size: 13px;
    text-align: left;
    border-bottom: 1px dotted #000000;
    font-weight: bold;
    color: #888888;
    background-color: #ffffff;
    padding-left: 20px;
}


td.tdheader { 
    font-size: 13px;
    text-align: left;
    border-bottom: 1px dotted #000000;
    font-weight: bold;
    color: #888888;
    background-color: #ffffff;
    padding-left: 20px;

}



td { 
    font-family: Sans-serif,Geneva,Helvetica,Verdana,Arial;
    
    font-size: 12px;
    background: #ffffff;
    color: #888888;
    
}


a { outline: none; }
a:link { text-decoration: none;  color: #000000;     }
a:visited { text-decoration: none; color: #111111;   }
a:hover { text-decoration: none; color: #aa0000; background-color: #eeeeee; }

input:focus {
    color: #000000;
    border: 1px solid #000000;

}

textarea:focus {
    color: #000000;
    border: 1px solid #000000;

}

input {
    font-family: Sans-serif,Geneva,Helvetica,Verdana,Arial;
    
    font-size: 12px;
    background: #ffffff url(/inputschatten2.jpg);
    color: #888888;
    border: 1px solid #888888;

}

input.searchinput {
    width: 58px; 
    height:20px; 

    font-size: 9px;
    padding-left: 5px;
    padding-top: 4px;
    padding-right: 5px;
    border: 0px solid #000000;
    background: #ffffff url(/field1.gif);       
    background-repeat: no-repeat;  
    background-position: center center;
}

input.searchbutton {
    width: 22px; 
    height: 28px; 
    margin: 0px;
    font-size: 9px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    border: 0px solid #000000;
    background: #ffffff url(/field2.gif);       
    background-repeat: no-repeat;  
    background-position: center bottom;
}




input.button {
    font-family: Sans-serif,Geneva,Helvetica,Verdana,Arial;
    
    font-size: 12px;
    background: #ffffff;
    color: #888888;
    border: 1px solid #888888;

}

textarea {
    font-family: Sans-serif,Geneva,Helvetica,Verdana,Arial;
    
    font-size: 12px;
    background: #ffffff url(/inputschatten.jpg);
    color: #888888;
    border: 1px solid #888888;

}
@media screen and (max-width: 420px) {
textarea {
    font-size: 16px;
    width: 99%;
}

input {
    font-size: 16px;
    width: 99%;

}

}

img {
    border: 0px solid #ffffff;
}

img.frimg {
    margin: 0px;
    border: 1px solid #eeeeee;

}


table.imgtable {
    padding: 0px;
    spacing: 0px;       

    border-collapse: collapse;
    padding: 0px;
    spacing: 0px;
    border: 0px solid #000000;
}

td.tdlo {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_lo3.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 15px;
    height: 15px;
}
td.tdro {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_ro3.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 15px;
    height: 15px;
}
td.tdmo {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_mo3.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    height: 15px;
}

td.tdlu {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_lu3.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 15px;
    height: 15px;
}
td.tdru {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_ru3.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 15px;
    height: 15px;
}
td.tdmu {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_mu3.gif);
    background-repeat: repeat-x;
    background-position: center top;
    height: 15px;
}

td.tdlm {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_lm3.gif);
    background-repeat: repeat-y;
    background-position: right center;
    width: 15px;
}

td.tdrm {
    padding: 0px;
    spacing: 0px;

    border: 0px solid #aaaaaa;  
    background-image: url(pix/_rm3.gif);
    background-repeat: repeat-y;
    background-position: left center;
    width: 15px;
}


td.imgtd {
    padding: 10px;
    spacing: 0px;

    background-color: #ffffff;
    border: 0px solid #ffffff;  
}