/* ===================================================== */
/* CSS-Layout                                            */
/* Public-In.de                                          */
/* Created by Kuno Moll, Sheep IT Tannheim               */
/* All rights reserved                                   */
/* ===================================================== */

body
{
color: #008EE7;
font-family: verdana, arial;
font-size: 11px;
background: url(img/header_bg_tag.gif) 0px 0px repeat-x;
}

td
{
color: #008EE7;
font-family: verdana, arial;
font-size: 11px;
}

img
{
border: none
}

h1
{
font-family: verdana, arial;
font-size: 16px;
}

h2
{
font-size: 14px;
}

h3
{
font-family: rockwell;
font-size: 14px;
}

h6
{
font-family: verdana, arial;
font-size: 30px;
}

a, a:visited
{
font-weight: bold;
text-decoration: underline;
color: #008EE7;
}

a:hover
{
text-decoration: none;
color: #777777;
}

a#footer
{
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
display: block;
width: 200px;
height: 15px;
border-bottom: dotted 1px #FFFFFF;
margin-top: 1px;
}

a#footer_small
{
text-decoration: none;
color: #FFFFFF;
border-bottom: dotted 1px #FFFFFF;
margin-top: 1px;
}

a.fotopfeilli
{
display: block;
position: absolute;
float: left;
margin-top: 170px;
width: 16px;
height: 20px;
background: url(img/sprite2.png) -466px 0px;
}

a.fotopfeilli:hover
{
background: url(img/sprite2.png) -448px 0px;
}

a.fotopfeilre
{
display: block;
float: right;
left: 484px;
margin-top: 170px;
width: 16px;
height: 20px;
background: url(img/sprite2.png) -464px -40px;
}

a.fotopfeilre:hover
{
background: url(img/sprite2.png) -446px -40px;
}

a.preview,a.preview:visited
{
display: block;
float: left;
width: 20px;
height: 20px;
background: url(img/sprite3.png) -816px -160px;
margin-left: 5px;
color: #FFFFFF;
text-align: center;
padding-top: 2px;
text-decoration: none;
}

a.preview:hover
{
display: block;
color: #FFFFFF;
float: left;
width: 20px;
height: 20px;
background: url(img/sprite3.png) -836px -160px;
}

.main
{
width: 750px;
position: absolute;
left: 50%;
top: 0px;
margin-left: -375px;
height: 101%;
}

.middle
{
vertical-align: top;
margin-top: 15px;
height: 0px;
}

.footer
{
background: url(img/footer_bg.png) repeat-x;
color: #FFFFFF;
height: 167px;
position: absolute;
font-weight: normal;
left: -100px;
margin-top: 100px;
width: 950px;
font-size: 12px;
font-weight: bold;
}

.head_footer
{
margin-left: 100px;
}

.date
{
position: absolute;
top: 5px;
right: 15px;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}

.checkdata
{
font-weight: bold;
}

.upload
{
background: #000000;
border: solid 1px #008EE7;
padding: 3px;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
width: 400px;
}

.upload1
{
background: #444444;
border: solid 1px #008EE7;
padding: 2px;
font-family: arial;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
width: 110px;
}

.upload2
{
background: #000000;
border: solid 1px #008EE7;
padding: 2px;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
width: 70px;
}

.upload3
{
background: #000000;
border: solid 1px #008EE7;
padding: 2px;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
width: 150px;
}

.menu
{
position: absolute;
top: 68px;
right: -50px;
/* border: solid 1px #FF0000; */
width: 400px;
height: 32px;
}

.menulink
{
display: block;
height: 32px;
float: left;
}

a.menulink#start
{
width: 90px;
background: url(img/sprite5.png) -90px -300px;
}

a.menulink#start:hover
{
background: url(img/sprite5.png) 0px -300px;
}

a.menulink#galerien
{
width: 90px;
background: url(img/sprite5.png) -90px -332px;
}

a.menulink#galerien:hover
{
background: url(img/sprite5.png) 0px -332px;
}

a.menulink#public_box
{
width: 90px;
background: url(img/sprite5.png) -90px -364px;
}

a.menulink#public_box:hover
{
background: url(img/sprite5.png) 0px -364px;
}

a.menulink#magazin
{
width: 90px;
background: url(img/sprite5.png) -90px -396px;
}

a.menulink#magazin:hover
{
background: url(img/sprite5.png) 0px -396px;
}

a.menulink#videos
{
width: 66px;
background: url(img/sprite.png) 0px -100px;
}

a.menulink#videos:hover
{
background: url(img/sprite.png) -150px -100px;
}


#trenner
{
width: 3px;
background: url(img/sprite.png) -250px 0px;
}

.first
{
text-decoration: none;
}

.first:hover
{
text-decoration: none;
}

a.mehr_button
{
display: block;
width: 100px;
height: 18px;
background: url(img/sprite4.png) -690px -140px;
float: right;
margin-left: 10px;
}

a.mehr_button:hover
{
background: url(img/sprite4.png) -690px -186px;
}

/* start-dev */

.partner
{
width: 230px;
position: absolute;
top: 500px;
right: 28px;
}

.cal
{
font-weight: normal;
width: 20px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 1px;
margin: 2px;
float: left;
text-align: right;
}

.monatsspalte
{
width: 235px;
min-height: 300px;
float: left;
margin: 5px;
}

.kalender
{
width: 190px;
height: 180px;
}

.kalender_start
{
position: absolute;
top: 100px;
right: 45px;
width: 210px;
}

input, select
{
border: solid 1px #008EE7;
background: none;
}

a.mag,a.mag:visited
{
display: block;
float: left;
margin-right: 24px;
width: 120px;
height: 150px;
text-align: center;
border: solid 2px #FFFFFF;
-moz-border-radius: 10px;
}

a.mag:hover
{
border: solid 2px #0097E6;
-moz-border-radius: 10px;
}

div.magazines
{
position: absolute;
width: 98%;
height: 1050px;
margin-bottom: 20px;
left: -49%;
margin-left: 50%;
background: url(img/magbg.png);
-moz-border-radius: 25px;
}