/* Layout für Bild-Präsentationsseiten | GirlPix.org */

body, table {
  background-color: #ffa0c0;
  color: black;
  font-family: Verdana, Arial, Sans Serif;
  font-size: 10pt;
}
body {height: 100%;}
a { color: #000090; }

a.menu, a.submenu {color: #ffa0c0; line-height:16pt}
a.menu:link, a.menu:visited { text-decoration: none; }
a.menu:hover { text-decoration: underline; }

a.submenu { font-size: 8pt; line-height:14pt}
a.black { color: #ffa0c0; }
a.black { color: #ffa0c0; }
a.black:link, a.black:visited { text-decoration: none; }
a.black:hover { text-decoration: underline; }

div.menu, div.kapitel {color:white; line-height:16pt}
div.kapitel { color:#bb0088; }
.normal2 {color:white;cursor:text;text-decoration:none}
.normal3 {color:black; cursor:text; font-weight:normal; text-decoration:none}
.headlink { color: black; }
.red { color: #900000; }

/* POP-Menu */
div.pop, div.pop2 {
  margin: 7pt 0 0 0;
  position: relative;
  z-index: 1;
}
div.pop2 { z-index: 2; }
div.pop div, div.pop2 div {
  display: none;
  position: absolute;
  background: white;
  border: solid 1px black;
  border-top: 0;
  border-left: 0;
  line-height: 14pt;
  padding: 5px 10px 10px 20px;
  width: 180px;
  top: 12pt;
  left: 20px;
}
div.pop:hover div, div.pop2:hover div {
  display: block;
}
div.pop div a.menu, div.pop2 div a.menu {
  color: #000090;
  font-size: 9pt;
  line-height: 14pt;
}

div.p { margin: 0 0 20pt 0; }
div.link { margin: 6pt 0 6pt 0; }

.head {
  font-size: 10pt;
  position: absolute;
  left: 40px;
  width: 75%;
}

.content {
   background-color:#ffa0c0;
   color: black;
   position:relative;
}
.sell {background:#a0c0ff; position:relative; width:100%; height:100%;}

td.text { padding: 15px; }
td.flag {
  padding-bottom:10px;
  text-align:center;
  vertical-align: bottom;
}
td.flag img { border-width: 1; }

h1, h2 {
  font-family: Verdana, Arial, Sans Serif;
  font-size: 12pt;
  font-weight: bold;
  margin: 0;
}

.bgmenu { color: white; background-color: black; }
.werbung { background-color: black; }

.input2 { margin: 0 0 20pt 0; font-weight: bold; }
.input2 input { width: 350px; background: #90d0ff; }

.thumb {
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; 
}
.thumb a:link, .thumb a:visited, .thumb a:active {
  color: #000090;
  text-decoration: none;
}
.thumb a:hover {
  color: #000090;
  text-decoration: underline;
}
.thumb img {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-bottom: 1px;
}

hr { background-color: #ffa0c0; color: #ffa0c0; height: 2px; }

p { margin: 5pt 0 5pt 0; }

font.logo {
  color: black;
  font-family: Comic Sans MS, Times New Roman, Times;
  font-weight: bold;
  font-size:24pt;
  line-height:28pt;
}
a.girlpix:link {
  color:black;
  text-decoration:none}
a.girlpix:visited {color:black;text-decoration:none}
a.girlpix:hover {color:black;text-decoration:underline}

.banner { padding: 15px 15px 15px 15px; }

h1.short, h1.medium, h1.normal, h1.long {
  font-family: Arial, Sans Serif;
  font-weight: bold;
  margin: 0;
}
h1.short {font-size: 20pt;}
h1.medium {font-size: 17pt;}
h1.normal {font-size: 14pt; font-weight: normal;}
h1.long {font-size: 11pt;}

div.cliptitle {
  font-family: Arial, Sans Serif;
  font-size: 8pt;
  font-weight: bold;
  line-height: 14pt;
}

img.showpix {
 height: 400px;
 width: 500px;
 position: absolute;
 z-index:10;
}

#armatur, #navigation {
  font-family: Arial, Sans Serif;
  font-size: 9pt;
}
#armatur {
  position: relative;
  top: 10px;
  z-index:20;
}

.line { line-height:5pt; margin:0; }

#ballon { position: absolute; z-index: 1000; }
#ballonborder { background: black; }
#ballonback { background: white; }
#bild { font-weight: bold; }

div.hinweis { 
  color: #000090; 
  font-family: Arial, Sans Serif;
  font-size: 10pt;
  font-weight: bold;
}
div.info {position:relative;font-size:10pt;height:12pt;width:200px;background:white;color:black;overflow:auto}