@charset "utf-8";

/* CSS Document */

body {
  font-family: 'Comic Sans MS',Helvetica,Arial;
  font-size: 16px;
  color: white;
  margin: 0 0;
  background: #fceded;
}

#headcon {
	width: 999px;
	height: 304px;
	background: url(img/head.jpg);
}

#bodycon {
	float:left;
	width: 999px;
	padding-bottom: 20px;
	background: url(img/body.jpg);
}

#footcon {
	float:left;
	width: 999px;
	height: 20px;
	background: #9b0202;
}

#kontakt {
	float: right;
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding: 10px;
	margin-top: 40px;
}

#nav {
	float: left;
	padding-top: 25px;
}
#nav li {
	font-size: 18px;
	height: 30px;
	width: 165px;
	margin-left: -40px;
	padding-top: 5px;
	padding-left: 30px;
	font-weight: bold;
	list-style-type: none;
}

#main {
	float:left;
	margin-left: 40px;
	line-height: 1.5em;
	width: 550px;	
}

#inf {
	float:left;
	margin-left: 40px;
	width: 155px;
	font-size: 14px;
	color: #9B0302;
}
/*
#rbg {
	position: absolute;
	margin-left: 999px;
}
*/
/* Sonstiges */
.alertbox, .alertbox2 {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.alertbox {
  color: black;
  background-color: #fceded;
}
.alertbox2 {
  color: black;
  background-color: #FBCE57;
}


/* Text */
h1 {
	color: #FBCE57;
	font-size: 32px;
}
h2 {
	color: #FBCE57;
	font-size: 18px;
}
#inf h2 {
	color: #9b0202;
}
fieldset {
  border: 1px solid #c79e9e;
}
legend {
  font-size: 18px;
}
hr {
	border: 1px solid white;
}

/* Tabellen */
th {
	background-color: #9B0302;
	font-size: 16px;
	padding: 3px;
}
td {
	background-color: #9B0302;
	padding: 3px;
	padding-left: 10px;
	border: 1px dashed white;
	font-size: 15px;
}
.field td, .kl td{
	border: 0px;
	font-size: 15px;
}
.foto-r td {
	border: 0px;
}
/* Links */
a:link, a:visited {
	color: #fbce56;
	text-decoration: none;
}
a:hover, a:active {
	color: white;
	text-decoration: none;
}

#nav a:link, #nav a:visited, #inf a:link, #inf a:visited {
	color: #9B0302;
}
#nav li:hover a, #nav li:hover {
	color: #fbce56;
	text-decoration: none;
	background: url(img/hover.jpg);
	padding-top: 5px;
}
#inf a:hover, #inf a:active {
	color: white;
}
#hoverli a:link, #hoverli a:visited {
	color: #fbce56;
}
#hoverli {
	text-decoration: none;
	background: url(img/hover.jpg);
	padding-top: 5px;
}
/* Forms */
.res, .res2 {
	padding: 5px;
	border: 0;
}
.res {
	width: 30%;
    text-align: right;
}
.res2 {
	width: 70%;	
}


#myGallery {
	float:left;
	width: 500px !important;
	height: 375px !important;
}