/************************/
/* Gaestebuch */
.itemsbox {border:0px; margin:0px; margin-top:20px; margin-bottom:20px; padding:0px; width:94%;}

.postbox {border:1px solid #6666aa; margin:0px; margin-top:10px; margin-bottom:0px; background-color:#111111; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; width:94%;}
.postname {font-weight:bold; width:94%;}
.postinfo {font-size:8pt; color:#667799; border-bottom:1px solid #111111; padding-bottom:2px; width:94%;}
.posttext {padding-top:5px; width:94%;}

/************************/
/*        Seite         */

body {
color:#E60101;
font-size:15px;
font-family:Verdana, Arial, sans-serif;
height:100%;
min-height:100%;
width: *;
}

html {
height:100%;
min-height:100%;
width: *;
}

#header
{
height: 143px;
width: *;
min-width: 984px;
background-image: url('Bilder/Navigation/Header.jpg');
background-color: #911314;
background-repeat: no-repeat;
}

p { 
padding: 0.5em;
margin: 0;
font-size: 1em;
}

form {
margin:0;
}

/************************/
/* Vertikale Navigation */

#vertical-navigation{
position: relative;
float:left;
height:*;
width:*;
z-index:100;
}

#vertical-oben
{
height: 13px;
width: 170px;
background-image: url('Bilder/Navigation/Navigation_vertic_top.jpg');
overflow:hidden; /*warum dass hier stehen muss, weiß nur Gott!!!*/
}

/* Kann evtl. noch mal gebraucht werden, wenn die Buttuns wieder verschnitten werden. */
#vertical-left
{
height: 35px;
width: 26px;
background-image: url('Bilder/Navigation/Navigation_vertic_middle_left.jpg');
float:left;
}

/* Kann evtl. noch mal gebraucht werden, wenn die Buttuns wieder verschnitten werden. */
#vertical-right
{
height: 35px;
width: 14px;
background-image: url('Bilder/Navigation/Navigation_vertic_middle_right.jpg');
float:left;
}

#vertical-button
{
height: 35px;
width: 170px;
overflow:hidden;
}

#vertical-bottom
{
height: 13px;
width: 170px;
background-image: url('Bilder/Navigation/Navigation_vertic_bottom.jpg');
overflow:hidden;
}

#vertical-padding
{
width: 170px;
background-image: url('Bilder/Navigation/Navigation_vertic_Abstandhalter.jpg');
}

#vertical-footer
{
height: 219px;
width: 170px;
background-image: url('Bilder/Navigation/Navigation_vertic_footer.jpg');
}

/**************************/
/* Horizontale Navigation */

#horizontal-button-container
{
position: relative;
overflow:hidden;
background-color: #000;
overflow:hidden;
height: 37px;
}

#horizontal-groin-noleft
{
position: relative;
left: 170px;
top: 141px;
background-image: url('Bilder/Navigation/Navigation_horiz_bottom.jpg');
height: 2px;
width: 130px;
overflow:hidden;
clear:left;
}

/* Kann evtl. noch mal gebraucht werden, wenn die Buttuns wieder verschnitten werden. */
#horizontal-groin
{
position: relative;
left: 170px;
top: 141px;
background-image: url('Bilder/Navigation/Navigation_horiz_bottom.jpg');
height: 2px;
width: 130px;
overflow:hidden;
float:left;
}

#horizontal-button
{
position: relative;
height: 37px;
width: 130px;
float:left;
background-repeat: no-repeat;
overflow:hidden;
}

#horizontal-right
{
position: relative;
height: 37px;
width: 14px;
background-image: url('Bilder/Navigation/Navigation_horiz_right.jpg');
float:left;
}

/********************/
/* Rollover Buttons */

a
{
color:#E60101;
font-weight:bold;
font-size:15px;
font-family:Verdana, Arial, sans-serif;
}

a#button-vertical
{ 
display:block;
color:#E60101;
padding-top:10px;
padding-left:7px;
font-size:13px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
background-image:url('Bilder/Navigation/Button_s_vertical.jpg');
width:170px;
height:35px;
}
   
a:hover#button-vertical
{
display:block;
color:#fff;
background-image:url('Bilder/Navigation/Button_s_vertical.jpg');
width:170px;
height:35px;
}

/* TODO: nur von vertical kopiert */
a#button-horizontal
{ 
display:block;
color:#E60101;
padding-top:10px;
font-size:13px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
background-image:url('Bilder/Navigation/Button_s_horizontal.jpg');
width:130px;
height:37px;
}
   
a:hover#button-horizontal
{
display:block;
color:#fff;
background-image:url('Bilder/Navigation/Button_s_horizontal.jpg');
width:130px;
height:37px;
}


/***********/
/* Contend */
#container{
position: relative;
min-height:100%;
height:*;
background-color:#000;
width: *;
min-width: 984px;
background-image: url('Bilder/Navigation/Navigation_vertic_Abstandhalter.jpg');
background-repeat: repeat-y;
z-index:50;
}

/*TODO: hier stimmt noch was nicht. background-color auf 222 setzen zum testen*/
#contend-container{
position: relative;
min-height:100%;
height:*;
width:82%;
background-color:#000;
float:left;
}

#contend-sub-container{
position: relative;
min-height:100%;
height:*;
width:73%;
float:left;
}

#contend
{
position: relative;
margin-left:3px;
margin-top:3px;
margin-right:5px;
background-color: #000;
min-height:100%;
height:100%;
width:100%
}

#contend-text
{
position: relative;
min-height:100%;
height:100%;
padding-left: 10px;
}

#contend-footer{
height:14px;
background-image:url('Bilder/Navigation/Infobox_oben.jpg');
overflow:hidden;
width: *;
min-width: 984px;
}

/*TODO: vereinen mit #contend*/
#contend-without-horizontal-navi
{
position: relative;
margin:3px;
background-color: #000;
background-repeat: no-repeat;
overflow:hidden;
}

td, th
{
padding:0px;
letter-spacing:0px;
}

#infobox
{
padding-left:5px;
margin-left:5px;
padding-right:2px;
overflow:hidden;
width:200px;
}

#infobox-header
{
height:14px;
background-image:url('Bilder/Navigation/Infobox_oben.jpg');
overflow:hidden;
width:100%;
}

#infobox-footer
{
height:14px;
background-image:url('Bilder/Navigation/Infobox_oben.jpg');
overflow:hidden;
width:100%;
}

#infobox-contend
{
/*background-image:url('Bilder/Navigation/Infobox_mitte.jpg');*/
background-color: #000;
background-repeat: no-repeat;
overflow:hidden;
padding-top:4px;
text-align:center;
width:100%
}