body {
   width : 1024px;
   padding : 4px;
   background-color : #b2b2b2 /*#0c7fbf*/ /*#B7B7B7*/;
   margin:0 auto;
   background-image: url('/img/style/homosapienz_background_grau_blau.png');
   background-position : top, middle;
   background-attachment : fixed;
   background-size: 100% auto;
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   -moz-background-size: 100% auto;
   background-repeat: no-repeat;
   overflow-y: scroll;
}

img {
   border: 0;
}



/* NAVIGATION */

div#navigation {
   width : 160px;
   border : 2px solid #73706b; 
   background-color: rgba(222, 222, 222, 0.91);
   /*background-color : #f2f2f2;*/
   /*position : scroll;*/
   float: left; 
}
         
div#navigation a {
   text-align : center;
   font-family : 'Permanent Marker', "courier new", serif;
   font-size : 17px;
   letter-spacing : 2px;
   display : block;
   text-decoration : none;
   border : 1px solid #efefef;
   line-height : 28px;
   margin : 4px;
   background-image : url('/img/style/alink_avisited_h2.png');
   background-repeat : repeat-x;
}
       
div#navigation > a:link {
   color : #545454;
}

div#navigation > a:visited {
   color : #7c7c7c;
}

div#navigation > a:hover {
   background-image : url('/img/style/ahover.png');
   color : #075998;
}

div#navigation > img {
   border : 1px solid #cccddf;
   margin : 4px 4px -4px 4px;
}

div#navigation > p {
   border : 1px solid #efefef;
   margin : 4px;
   padding: 4px;
   line-height : 160%;
   font-family : 'Droid Sans', Verdana, Helvetica, Arial, sans-serif;
   font-size : 13px;
}

/* ENDE NAVIGATION */



/* INFOKASTEN RECHTS */

div#info {
   text-align : center;
   float : right;
   width : 160px;
   border : 2px solid #73706b;
   background-color: rgba(222, 222, 222, 0.91);
   line-height : 190%;
   font-family : 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
   font-size : 10px;
}

.mini {
   font-size : 12px;
}

div#info a {
   text-decoration : underline;
}

div#info a:link {
   color : #545454;
}

div#info a:visited {
   color : #545454;
}

div#info a:hover {
   color : #555cff;
}

div#info img {
   margin-top: 12px;
   border: 0;
}

div#info h1 {
   font-size: 18px;
   letter-spacing : 1px;
   margin-top: 25px;
   font-family : 'Permanent Marker', "courier new", serif;
   color : #043255;
}
div#info p {
   text-align: left;
   padding: 4px;
   border : 1px solid #efefef;
   margin : 4px;
   line-height : 160%;
   font-family : 'Droid Sans', Verdana, Helvetica, Arial, sans-serif;
   font-size : 12px;
}

div#info ul {
   margin: 15px 0px 0px 0px;
   padding: 0;
   list-style : none;
   text-decoration : none;
   font-family : 'Permanent Marker';
   font-size : 16px;
   line-height : 170%;
}


/* / INFOKASTEN*/



/* INHALT MITTE */

/*Logo*/
div#logo {
   padding: 20px 0px 20px 0px;
   text-align: center;
}

/*Unternavigation*/
div#untermenue {
   margin: 40px 0px 0px 0px;
   font-family : 'Permanent Marker', courier new, serif;
   /*line-height : 12px;*/
}

div#untermenue > h1 {
   /*margin: 0px 0px 10px 0px;*/
   font-size : 16px;
}

div#untermenue > a {
   font-size : 16px;
   display: block;
   text-decoration : none;
}

div#untermenue > a:link {
   color : #545454;
}

div#untermenue > a:visited {
   color : #7c7c7c;
}

div#untermenue > a:hover {
   color : #075998;;
}
/* /Unternavigation*/
		      
div#inhalt {
   /*min-width : 510px;*/
   margin-left : 168px;
   margin-right : 168px;
   background-color: rgba(222, 222, 222, 0.91);
   background-attachment : scroll;
   display : block;
   border : 2px solid #73706b;
   text-align : left;
   font-family : 'Droid Sans', Verdana, Helvetica, Arial, sans-serif;
   line-height : 170%;
   padding: 0px 40px 0px 40px;
}



/*bereich zwischen h2 und ende inhalt*/
div#textbereich {
   background-repeat : repeat-y;
   background-position : top center;
   padding: 0px 0px 30px 0px;
}

div#inhalt h2 {
   margin: 35px 0px 0px 0px;
   font-size : 25px;
   color : #043255;
   background-image : url('/img/style/alink_avisited_h2.png');
   background-position : bottom;
   background-repeat : repeat-x;
   text-align : center;
   letter-spacing : 5px;
   font-family : 'Permanent Marker', Verdana, Helvetica, Arial, sans-serif;
}


div#inhalt h2.simple {
   background-image : none;
   margin: 30px 40px 0px 40px;
   font-size : 20px;
   letter-spacing : 0px;
}

div#inhalt h3 {
   margin: 30px 0px 0px 0px;
   font-size : 18px;
   color : #043255;
}

div#inhalt h4 {
   font-size : 15px;
   color : #043255;
}
 
div#inhalt ul {
   margin: 15px 0px 0px 0px;
   padding: 0;
   list-style : none;
   text-decoration : none;
}

div#inhalt li {
   margin: 5px 0px 0px 0px;
   padding: 0px;
   font-size : 80%;
   line-height : 160%;
}


td {
   vertical-align: top;
}

div#inhalt p {
   text-align : justify;
   font-size : 13px;
   margin: 15px 0px 0px 0px;
   line-height : 160%;
   color : #021c2f;
}

div#inhalt table {
   font-size : 80%;
   list-style : none;
   line-height : 200%;
   color : #021c2f;
}

a.extern:visited {
   background: url(../img/style/extern_avisited.png) right center no-repeat;
   padding-right: 16px;
}
a.extern:link {
   background: url(../img/style/extern_alink.png) right center no-repeat;
   padding-right: 16px;
}

a.extern:hover {
   background: url(../img/style/extern_ahover.png) right center no-repeat;
   padding-right: 16px;
}
/* /symbole für externe links*/

/*download symbol*/
a.load {
   background: url(../img/style/load.png) left center no-repeat; 
   padding: 15px 10px 20px 25px; 
   text-decoration: underline;
}

/* Bilder */
div#textbereich img {
   /*display : block;*/
   text-align: center;
   margin : 20px auto 0px auto;
   background: url(../img/style/schatten3.png) no-repeat right bottom;  
   padding: 0px 5px 4px 0px;
   border: 0;
}

div#textbereich img.simple {
   background: none; 
}

.pictext {
   font-size : 70%;
}

.date {
   font-size : 11px;
   color : #999;
   text-align: right;
}

.code {
   font-size : 100%;
   font-family : courier new, serif;
   margin: 5px 0px 20px 0px;
   background-color :  #fff;
   padding: 10px;
   border : 1px solid #cccddf;
   /*width: 360px;*/
}

/*Links*/
div#textbereich a:link {
   color : #0a84e1;
}

div#textbereich a:visited {
   color : #075d9e;
}

div#textbereich a:hover {
   color : #555cff;
}

/*flash player*/
div#textbereich table /*object*/ {
   padding: 0;
   margin: 20px 0px 0px 0px;
   vertical-align: middle;
   text-align: left;
}


/*links unter absätzen*/
.skiplinks {
   margin: 10px 0px 10px 0px;
   text-align : right;
   font-family :  'Droid Serif', Times New Roman, serif;
   font-size : 13px;
}

.skiplinks a:link {
   color : #075d9e;
   text-decoration : underline;
}

.skiplinks a:visited {
   color : #075d9e;
   text-decoration : underline;
}

.skiplinks a:hover {
   text-decoration : none;
   color : #555cff;
}
/* / skiplinks*/

.weiter {
   text-align : center;
}
	
/* / INHALT MITTE */



/* UNTERE NAVIGATION mit Impressum etc */
div#fusszeile {
   background-color: rgba(222, 222, 222, 0.91);
   margin : 20px 168px 15px 168px;
   padding : 5px 40px 5px 40px;
   font-size : 13px;
   text-align : left;
   font-family : 'Droid Serif', Times New Roman, serif;
   line-height : 180%;
   border : 2px solid #73706b;
}

div#fusszeile a:visited {
   text-decoration : none;
   color : #444444;
}

div#fusszeile a:link {
   text-decoration : none;
   color : #444444;
}

div#fusszeile a:hover {
   text-decoration : none;
   color : #555cff;
}
/* / UNTERE NAVIGATION mit Impressum etc */