* {
	padding:0px;
	margin:0px;
	font-family: Arial, "Trebuchet MS", "_sans";
	font-size:14px;
}

html {
	height:100%;
}

body {
	height:100%;
	background-image:url(../images/gerust/bgBody.gif);
}

#container {
	width:900px;
	margin:0px auto;
	min-height:100%;
	background-image:url(../images/gerust/contentBackground.gif);
	background-repeat:repeat-y;
	background-position:0px 2px;
}

#counter {
	left:10px;
	top:120px;
	width:200px;
	float:left;
	position:relative;
	color:#fffc00;
	font-size:0.9em;
	overflow:hidden;
}

#banner {
	background-image:url(../images/gerust/mainBanner.gif);
	background-repeat:no-repeat;
	width:850px;
	height:205px;
	position:relative;
}


#navigation {
	margin:0px;
	padding:0px;
	height:29px;
	width:403px;
	top:122px;
	left:231px;
	float:left;
	position:relative;
	list-style-type:none;
	overflow:hidden;
}

#navigation li {
	margin:0px;
	padding:0px;
	height:29px;
	text-indent:-1000px;
	overflow:hidden;
	float:left;
}

#navigation li a {
	display:block;
	height:29px;
	background-position:0px 0px;
}

#navNews a {
	width:62px;
	background-image:url("../images/navi/news.gif");
}


#navArtworks a {
	width:98px;
	background-image:url("../images/navi/artworks.gif");
}


#navContact a {
	width:82px;
	background-image:url("../images/navi/contact.gif");
}


#navGbook a {
	width:103px;
	background-image:url("../images/navi/gbook.gif");
}

#navLinks a {
	width:58px;
	background-image:url("../images/navi/links.gif");
}

#navigation li a:hover {
	background-position:0px -29px;
}

#absolutePos {
	background-image:url(../images/gerust/rightBanner.gif);
	width:116px;
	height:376px;
	position:absolute;
	left:784px;
	top:0px;
}

#contentHolder {
	width:720px;
	padding-left:70px;
	padding-bottom:20px;
}


.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0px;
	visibility:hidden
}









#pageNavi {
	float:left;
	margin-right:20px;
	margin-top:12px;
	width:40px;
}

#pageNavi ul {
	width:17px;
	list-style-type:none;
}

#pageNavi li {
	padding:1px;	
	margin-bottom:0px;
	width:25px;
	height:20px;
}

#pageNavi li.seiten {
	padding:1px;
	margin-left:4px;	
	margin-bottom:5px;
	width:25px;
	height:70px;
}

#pageNavi li p.active {
	font-size:12px;
	text-align:center;
	line-height:20px;
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-image:url(../images/elements/button_page.gif);
	background-position:-0px -25px;
}

#pageNavi a {
	font-size:12px;
	text-align:center;
	line-height:20px;
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/elements/button_page.gif);
	background-repeat:no-repeat;
	background-position:-0px -3px;
}


#pageNavi a:link { background-position:-0px -3px; text-decoration:none; color:#000000; }
#pageNavi a:visited { background-position:-0px -3px; text-decoration:none; color:#000000; }
#pageNavi a:hover { background-position:-0px -25px; text-decoration:none; color:#000000; }
#pageNavi a:active { background-position:-0px -3px; text-decoration:none; color:#000000; }
#pageNavi a:focus  { background-position:-0px -3px; text-decoration:none; color:#000000; }




#pageContent {
	margin-top:15px;
	width:590px;
	float:left;
}

#pageContentLarge {
	margin:0px;
	margin-top:15px;
	width:640px;
	float:left;
}

h2 {
	clear:left;
	color:#bcbcbc;
	font-weight:normal;
	background-position:10px 0px;
	text-transform:uppercase;
	margin-bottom:3px;
}


h2 span {
	font-size:1.6em;
	background-color:#000000;
	font-variant:small-caps;
}

h3 {
	color:#fffc00;
	font-weight:normal;
	text-transform:uppercase;
	font-size:0.9em;
	margin-bottom:5px;
	margin-top:-4px;
}

p.gbook {
	float:left;
	padding:5px;
	color:#000000;
	background-color:#b1b1b1;
	clear:both;
	margin-top:10px;
	margin-bottom:40px;
	max-width:500px;
}

a  { font-size:1em; }
a:link { text-decoration:none; color:#fffc00; }
a:visited { text-decoration:none; color:#fffc00; }
a:hover { text-decoration:underline; color:#fffc00; }
a:active { text-decoration:none; color:#fffc00; }
a:focus  { text-decoration:none; color:#fffc00; }














#serverMessage {
	float:left;
	width:100px;
	margin-top:20px;
	margin-left:10px;
}

#serverMessage p.error {
	display:block;
	width:100px;
	margin-left:15px;
	background-image:url(../images/gerust/bgContent.gif);
	color:#b70000;
	font-size:0.8em;
}

#serverMessage p.info {
	display:block;
	width:100px;
	margin-left:15px;
	background-image:url(../images/gerust/bgContent.gif);
	color:#039200;
	font-size:0.8em;
}

#serverMessage p.warning {
	display:block;
	width:100px;
	margin-left:15px;
	background-image:url(../images/gerust/bgContent.gif);
	color:#ff8400;
	font-size:0.8em;
}





#serverMessageVertikal {
	display:block;
	clear:left;
}

#serverMessageVertikal img {
	display:block;
	float:left;
}

#serverMessageVertikal p.info {
	float:left;
	color:#039200;
	background-image:url(../images/gerust/bgContent.gif);
	line-height:49px;
	font-size:1.2em;
}

#serverMessageVertikal p.error {
	float:left;
	color:#b70000;

	background-image:url(../images/gerust/bgContent.gif);
	line-height:49px;
	font-size:1.2em;
}

#serverMessageVertikal p.warning {
	float:left;
	color:#ff8400;
	background-image:url(../images/gerust/bgContent.gif);
	line-height:49px;
	font-size:1.2em;
}












fieldset {
	float:left;
	background-color:#999999;
	border-width:1px;
	border-style:dashed;
	border-color:#000000;
	padding:15px;
	width:400px;
}

fieldset.blank {
	clear:both;
	border-width:1px;
	padding:15px;
	width:450px;
}

fieldset legend {
	color:#fffc00;
	background-color:#000000;
	font-weight:bold;
	font-size:1.6em;
}

fieldset label {
	display:block;
	font-size:1em;
}

fieldset label.fill {
	display:block;
	font-size:1.6em;
	line-height:0.6em;
}


fieldset span {
	color:#ffff00;
}

fieldset div {
	margin:8px 0px;
	font-size:0.8em;
}


#comment {
	color:#ffff00;
	text-align:right;
	margin-top:0px;
	float:right;
}


fieldset input, textarea, select {
	margin:20px;
	color:#000000;
	padding:1px;
	border-style:solid;
	border-collapse:collapse;
	border-width:1px;
	border-color:#000000;
	background-image:url(../images/gerust/bgContent.gif);
	margin:1px 0px;
	width:98%;
}

fieldset textarea {
	height:100px;
}

fieldset input.fill, textarea.fill {
	border-width:2px;
}

#button {
	margin-top:10px;
	width:430px;
	text-align:right;
}

#buttonMail {
	margin-top:10px;
	width:480px;
	text-align:right;
}





button {
	margin:0px;
	padding:0px;
	border-width:0px;
	width:100px;
	height:50px;
	background-image:url(../images/gerust/bgContent.gif);
}