body { 
font-family: Verdana, Arial; 
margin-top: 10px; 
background-color: #E1F3FD; 
color: black;
text-align: center;
font-size: 10pt;
}

h1 {margin: 0 0 30 0px;
font-size: 13pt;
color: #CC3333;
border-top: 1px #CC3333 solid;
border-bottom: 1px #CC3333 solid;
line-height: 40px;
text-align: center;
}

hr {border: 1px #CC3333 solid}

#container {
position: relative;
margin: 0px auto;
height: 850px;
width: 800px;
background-image: url("../images/container.jpg");
background-repeat: no-repeat;
}

#datum {
position: absolute;
top: 120px;
left: 150px;
height: 100px;
width: 500px;
border: 0px solid  white;
}

#leftmenu {
position: absolute;
top: 250px;
left: 0px;
height: 400px;
width: 180px;
border: 0px solid  white;
font-weight: bold;
}

#leftmenu ul {list-style-type: none; }

#leftmenu li {
text-align: left;
line-height: 30px;
}

#leftmenu a:link {color:#CC3333; line-height: 30px;}
#leftmenu a:hover {color:#04709D; line-height: 30px;}


#leftmenu #current a{
color:#04709D; line-height: 30px;
}

#leftmenu #current_no a {font-size: 8pt; color:#CC3333; line-height: 15px;}
#leftmenu #current_sub a {font-size: 8pt; color:#04709D; line-height: 15px;}



#content {
position: absolute;
top: 250px;
left: 210px;
height: 500px;
width: 550px;
border: 0px solid  white;
text-align: left;
overflow: auto;
}


a:link	{color:#CC3333;}
a:visited	{color:#CC3333;}
a:active	{color:#04709D;}
a:hover	{color:#04709D;}
a	{text-decoration:none;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #E1F3FD;
}

.vscrollerbar {
width: 10px;
background-color: #CC3333 ;
}



fieldset { border: 0px;}
legend { display: none;}
label { font-size: 10pt; margin: 0 10 0 10px; width:130px; vertical-align: top; display: block; float:left; }
input {margin-bottom: 10px;}
select {margin-bottom: 10px;}

    .tx-veguestbook-pi1 {
        font-size:8pt;
        background-color: transparent;
        margin-bottom: 10px;
    }
  
    /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:normal;
		color:#CC3333;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:normal;
		float:left;
		margin-left: 5px;
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:100%;
		font-weight:normal;
		float:right;
		margin-right: 20px;
	}
	
	/* styles for list mode */
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		font-weight: normal;
		clear:both;
		color: #CC3333;
		background-color: white;
		display:block;
		font-size:10pt;
		padding: 2 0 2 5px;
		margin: 5 0 0 0px;
		width: 100%;
		border-top: 2px solid #CC3333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		min-height: 4em;
		width: 33%;
		background: transparent;
		padding: 0px;
		border-right: dotted #CC3333 1px;
		
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:black;
		margin: 5px;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		min-height: 4em;
		width: 66%;
		background: transparent;
		padding: 0px;
		
	}
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:black;
		margin: 5px;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: normal;
        border-bottom: 1px solid red;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#CC3333;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#CC3333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
		padding: 10px;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear: both;
		display: block;
		float: left;
		width: 200px;;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width: 30em;
		display: block;
		float: left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color: red;
	}
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		padding-left:0.25em;
		border:1px solid #CCC;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:15em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
		color: #000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#FFF;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:none;
		line-height: 0px;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}
	
table {font-size: 10pt;}