/*	CSS Document - SRP Production - Gitarrenunterricht in Fulda
	Autor: Jonas George */

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#999999;
	vertical-align:top;
}

#Container {
	position:absolute;
	left:50%;
	top:50px;
	width:800px;
	height:auto;
	background-color:#EEEEEE;
	margin:0px;
	margin-left:-400px;
	padding:0px;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

a {
	color:#CC0000;
	font-size:13px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
} a:hover {
  	color:#FF0000;
	text-decoration:underline;
}


/*	Klassendefinitionen */

#LogoLeft {
	position:relative;
	height:220px;
	width:800px;
	background-image:url(img/gitarrenunterricht_fulda.png);
	background-repeat:no-repeat;
}

#LogoTop {
	position:absolute;
	height:160px;
	width:800px;
	background-color:#CCCCCC;
	background-repeat:no-repeat;
}

#TopImage {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
}

#TopBar {
	position:absolute;
	top:160px;
	height:16px;
	width:800px;
	background-image:url(img/redbar.gif);
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	border-left:none;
	border-right:none;
}

#Menu {
	position:absolute;
	top:160px;
	padding-left:10px;
	padding-right:10px;
	padding-top:64px;
	width:144px;
	height:520px;
}
#Menu a, #Menu a:visited {
	text-align:left; 
 	text-decoration:none; 
 	color:#DDDDDD; 
	display:block;
	width:11em;
	height:1.5em;
	margin:0px;
	background-color:#660000;
	border-width:1px;
	border-style:solid;
	border-color:#CC0000;
	border-bottom:none;
}
#Menu a:hover {
  	color:#FFFFFF;
	background-color:#990000;
}

#Content {
	position:static;
	margin:-42px 0px 0px 164px;
	padding:10px;
	padding-top:30px;
	width:615px;
	height:auto;
	background-color:#FFFFFF;
	border-left-width:1px;
	border-left-color:#000000;
	border-left-style:dashed;
}
#Content p { 	margin-left: 40px;
				font-size:14px; }
#Content a {	margin-left: 40px;
				font-size:14px; }
#Content hr { 	margin-left: 40px;
				margin-right: 40px;}

#Photo {
	margin-left: 40px;
	width:512px;
	height:341px;
	text-align:center;
}
#Photo img {
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}

#Footer {
	position:static;
	width:790px;
	height:16px;
	margin:0px;
	padding:0px;
	padding-top:2px;
	padding-right:10px;
	text-align:center;
	background-image:url(img/redbar.gif);
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#000;
} #Footer>p {	margin:0px;
				font-size:10px;}
#Footer>a {
		color:#FFFFFF;
		margin:0px;
		font-size:10px;
		}
#Footer>a:hover {
  	color:#FFFFFF;
	text-decoration:underline;
}

/* Guestbook - show enumerations of pages */
.PageEnum {
	width:536px;
	margin-left:40px;
}

/* Guestbook input Form */
.InputForm {
	margin-left:40px;
	width:536px;
	background-color:#EEEEEE;;
    border:1px solid black;
    text-align:left;
}

.InputForm > ol {
    list-style-type: none;
    margin:2px;
    padding:5px;
}

.InputForm > ol > li {
    vertical-align: top;
}
.InputForm h4 {	margin:2px;
    			padding:5px;}
				
/* Guestbook Entry */
.Entry {
	margin-left:40px;
	margin-top:20px;
	width:536px;
    text-align:left;
	border:1px solid black;
}

.EntryHeader {
	width:536px;
	height:20px;
	background-color:#EEEEEE;
	border-bottom:1px solid black;
}
.EntryHeader > p {
	margin:0px;
}

.EntryContent {
}
.EntryContent > p {
	margin:10px;
}

.EntryFooter {
	width:536px;
	height:20px;
	background-color:#EEEEEE;
	border-top:1px solid black;
}
.EntryFooter > p {
	margin:0px;
}

.PreInput {
display: none;
}