/* Layout:Screen */
/* Bereichseinteilung */

body {
background: #FFFFFF;
margin: 0;
padding: 10px; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
font-family: verdana, arial, sans-serif ;
}

#container  {
position : relative;
top : 0;
left : 0;
width: 1000px;
margin: auto;
background: transparent;
}

.viewport  {
position : relative;
top : 0;
left : 0;
width: 1000px;
background: #1C1C1C;
color: #FFFFFF; /* Default Text */
border-width : 0px; /* auesserer Rahmen: aus */
border-style : solid;
border-color : #FFFFFF;
}

#vpnormal  {
height:  1536px;
background-image: url(../ressourcen/hbdunkelufo.jpg); background-repeat:no-repeat;
background-position: left bottom; }

/* Statusbar*/
.statusbar {
position : absolute;
top : 0px;
left : 0px;
height : 21px;
width : 500px;  /* ohne Rand: sonst 1, 1, 20, 998 */
margin : 0;
padding : 0;
background-color : #FFFFFF;
font-size: 8pt;
text-align: left;
}
a.statuslink         {color : #C00000; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:link.statuslink    {color : #4F4F4F; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:visited.statuslink {color : #8F8F8F; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:hover.statuslink   {color : #0000FF; font-size: 8pt; margin-right : 5px; text-decoration : underline;}
a:active.statuslink  {color : #0000FF; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:focus.statuslink   {color : #0000FF; font-size: 8pt; margin-right : 5px; text-decoration : none;
}
.header {
position : absolute;
top : 22px;
left : 1px;
width : 998px;
}
#fuernormal { height : 200px; background: url(../ressourcen/bansun04.jpg) no-repeat top left; }

/* Hauptnavigation, immer sichtbar */
.menubar {
position : absolute;
left : 0px;
height : 23px;
width : 1000px;
padding-top : 5px;
border: 1px solid #323232; border-left-width:0px; border-right-width:0px;
background-color : transparent;
text-align: right;
font-weight: normal;
}
#menunormal  {top : 227px;}

a:link.menu    {font-size: 12pt; color: #808080; text-decoration : none; margin-right : 10px;}
a:visited.menu {font-size: 12pt; color: #808080; text-decoration : none; margin-right : 10px;}
a:active.menu  {font-size: 12pt; color: #808080; text-decoration : none; margin-right : 10px;}
a:hover.menu   {font-size: 12pt; color: #FFFFFF; text-decoration : none; margin-right : 10px;}

/* auch für Status -> */
ul.ulmenu {
display : inline;
list-style-type : none;
padding : 0;/* beides notwendig Netscape u Opera -> */
margin : 0;
}
li.limenu {
display : inline;
}
/* ------------------ */

/* -----Ads------*/
.ads {
position : absolute;
top : 210px;
left : 0;
width: 170px;
margin : 0;
}

/* Themennavigation Variante2*/
.navigation {
font-family: Tahoma, arial, sans-serif;
position : absolute;
background-color : transparent;
top : 256px;
left : 0;
width: 199px;
height: 1280px;
border-right: 1px solid #323232;
margin : 0;
padding : 0;
}

.anavi_aus {font-size: 14pt; color : #FFFFFF; text-decoration : none; font-weight: normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;} /*--Themennavi: nur für aktuelle Seite --- */

a.anavi       {font-size: 14pt;  text-decoration : none; font-weight:normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
a:link.anavi    {font-size: 14pt; text-decoration : none; font-weight:normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
a:visited.anavi {font-size: 14pt; text-decoration : none; font-weight:normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
a:hover.anavi   {font-size: 14pt; text-decoration : underline; font-weight:normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
a:active.anavi  {font-size: 14pt; text-decoration : none; font-weight:normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
a:focus.anavi   {font-size: 14pt; text-decoration : none; font-weight:normal; display: block; border-bottom: 1px solid #323232; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}

#idee {color : #FF9933;}
#karten {color : #99CC66;}
#anleitung {color : #FFFFCC;}
#varianten {color : #999FFF;}
#quatroskach {color : #CC00CC;}
#lizenzen {color : #CC99CC;}
#autor {color : #CCCCCC;}
#kontakt {color : #7F7F7F;}
#projekte {color : #FF9999;}
/*------------------ */
.content {
position : absolute;
left : 1px;
width : 998px;
padding : 10px;
background-color : transparent;
}
#contnormal { top : 260px; }


/*-------Illustrationen----------*/
.illustration {
/* display : none; */
position : absolute;
right: 0px;
background-color : transparent;
width : 159px;
margin : 0px;
padding: 0px;
}
#illunormal {top : 450px;}

#illutxt {
font-size : 8pt;
font-style:italic;
padding-bottom: 20px;
}

/*-----Logo--------- */
.logo {
background-color : transparent;
position : absolute;
top : 0px;
left : 0px;
margin : 10px;
margin-left: 35px;
}


.sprachwahl {
position : absolute;
top : 0px;
left : 500px;
height : 21px;
width : 500px;  /* ohne Rand: sonst 1, 1, 20, 998 display : none; */
margin : 0;
padding : 0;
background-color : #FFFFFF;
font-size: 8pt;
text-align: right;
}

.sprachwahl span {
display : none;
}

/* Layout Inhalt */
/* Format Überschrift */
.hidden {
display : none;
}
h1 {
font-family: Tahoma, arial, sans-serif;
/* display:inline; */
margin: 0;
font-size : 20pt;
font-weight : bold;
}
h2 {
font-family: Tahoma, arial, sans-serif;
/* display:inline; */
margin: 0;
font-size : 20pt;
font-weight : bold;
}
h3 {
font-family: Tahoma, arial, sans-serif;
margin: 0;
font-size : 14pt;
}
.addinfos {display : run-in; font-size : 10pt;  }

p  {
font-size : 10pt;
text-align : left;
line-height : 1.2em;
}
.spalte12 { margin-left :   5px; margin-right : 165px; }
.spalte2  { margin-left : 205px; margin-right : 200px; }
.spalte23 { margin-left : 205px; margin-right :   5px; }

p.erlaeut {
font-size : 8pt;
text-align : left;
}

q  {
font-size : 10pt;
text-align : left;
font-weight : bold;
}

ul {
font-size : 10pt;
text-align : left;
}
td  {
font-size : 10pt;
}
hr {
color:#9F9F9F;
height:1px;
}

/* ----------download----------- */
.download {
background-color: #BFBFBF;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;

}

/* ----------Features----------- */
/* ----------Featurespalte----------- */

.features {
position : absolute;
right: 1px;
width : 159px;
height : 1280px;
border-left: 1px solid #323232;
background-color : transparent;
}

#featnormal {top : 256px;}


/* ----------Featureboxen----------- */
.box_title {
margin-top : 16px;
margin-left : 8px;
margin-right : 8px;
margin-bottom : 0px;
background-color: #FF9C6B;      /*#CED8DC;*/
color: white;
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
padding:1px;
}
.box_content {
margin-left:8px;
margin-right:8px;
margin-bottom:1px;
margin-top:1px;
background-color: white;
border: #FF9C6B solid 1px;
color: black;
font-size: 10pt;
font-weight: normal;
padding:3px;
}
#featin2  { margin-left : 185px; margin-right : 205px; }
#featin2p  { margin-left : 185px; margin-right : 205px; }
#featin23  { margin-left : 185px; margin-right : 5px; }
#featin23p  { margin-left : 185px; margin-right : 5px; }

/* ---------------------------------- */

a  {
color : #C00000;
text-decoration : none;
}
a:link {
color : #4F4F4F;
text-decoration : none;
}
a:visited {
color : #8F8F8F;
text-decoration : none;
}
a:hover {
color : #0000FF;
text-decoration : underline;
}
a:active {
color : #0000FF;
text-decoration : none;
}
a:focus {
color :#0000FF;
text-decoration : none;
}