/*********************************************************************************

	Project		:	ZUM GOLDENEN ADLER
	Copyright	:	B3-Media GbR  
	Based on	:	undo/reset/html/body/ hundertmorgen - www.hundertmorgen.de	
**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a 			{color: #937E31;  text-decoration: none;}
a:hover 	{color: #3A3B3C;}

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background: url('background.jpg') repeat-x top left;
	background-color: #A4DCFF;
	font-family: Georgia, "Times New Roman", Serif;
	font-size:0.825em;
	width:100%;
	}

/* \*/ * html body { 
	background: url('background.jpg') repeat-x top left;
	background-color: #A4DCFF;
	font-family: Georgia, "Times New Roman",  Serif;
	font-size:0.825em;
	width:100%;
} /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:0px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position: relative;
	margin: auto;
	margin-top: 5px;
	padding: 0;
	width: 842px;
}

.bg_site-content {
	background-color: #FFF;
	border-right: 22px solid #FFF;
	border-bottom: 22px solid #FFF;
	border-left: 25px solid #FFF;
}


/* ### Header ##################################################################### */

#header {
	height:193px;
	text-align: center;
	width:798px;
}

#logo {
}


/* ### Subnavi ##################################################################### */

#subnavi {
	background: url('slogan_zum_goldenen_adler.jpg') no-repeat top left;
	font-size: 11px;
	font-weight:bold;
	height: 55px;
	text-align:right;
	text-transform: uppercase;
	width:798px;
}

#subnavi ul {
	padding: 40px 9px 0 0;
	float: right
}

#subnavi ul li {
color:#937E31;
float: left; 
height: 20px;
margin-left: 10px;
padding: 5px 5px 0px 7px;
}

#subnavi ul li a {
color:#937E31;
padding-left: 15px;
}
#subnavi ul li a:link,
#subnavi ul li a:visited {
}
#subnavi ul li a:hover,
#subnavi ul li a:active,
#subnavi ul li a:focus {
color: #3A3B3C;

}
/* highlighted current element */
#subnavi ul li strong {
}
#subnavi ul li strong a {
color: #3A3B3C;
}

#subnavi #submenu1 {
background: url('icon_home.jpg') no-repeat;
}

#subnavi #submenu2 {
background: url('icon_mail.jpg') no-repeat;
}

#subnavi #submenu3 {
background: url('icon_impressum.jpg') no-repeat;
margin-left: 0;
}



/* ### Navigation ####################################################################### */

#navi {
background: #3A3B3C;
font-weight: bold;
font-size: 1.1em;
height: 37px;
width: 798px;
}

#navi ul {
padding: 9px 0 0 145px;

}

#navi ul li {
color: #FFF;
float: left; 
padding: 0 5px 0px 5px;
text-align: center;
width: 100px;
}

#navi ul li a {
color:#FFF;
text-align:center;
}
#navi ul li a:link,
#navi ul li a:visited {
}
#navi ul li a:hover,
#navi ul li a:active,
#navi ul li a:focus {
color:#CFB75D;
}
/* highlighted current element */
#navi ul li strong {
}
#navi ul li strong a {
color:#CFB75D;
}


/* ### Content ####################################################################### */

#content {
clear: both;
color:#3A3B3C;
min-height: 328px; /*Reihenfolge der height muss so bleiben */
height: auto !important;
height: 328px;
width:798px;
}

#contentleft {
float: left;
width: 225px;
}

#contentright {
float: left;
margin: 44px 0 0 48px;
width: 500px;
}

#content h1, #content h3 {
color: #937E31;
padding: 0 0 0 13px;
}

#content h1 {
font-size: 1.175em;
font-weight: bold;
}

#content h3 {
font-size: 1em;
}

#content a {
font-family: Verdana,Arial,Sans-serif;
}


#content p, p.email {
font-family: Verdana,Arial,Sans-serif;
line-height: 150%;
margin-bottom: 1em;
padding: 0.375em 0 0 13px;
}

.containerbrd {
border-bottom: 1px solid #9C9D9D;
margin-bottom: 1em;
padding-bottom: 0.375em;
width: 178px;
}

#contentleft p {
border-bottom: 7px solid #39393B;
margin: 0;
padding: 0;
}

#contentleft p.ornament {
background: url('icon_ornament.jpg') no-repeat bottom center;
border: 0;
height: 29px;
}

a.link-intern, a.link-extern, a.download {
float:left;
font-size: 1.025em;
margin-right: 7px;
text-transform:uppercase;
}


/* ### Footer ####################################################################### */

#footer {
background: url('fusszeile_prichsenstadt.jpg') no-repeat top right;
color:#3A3B3C;
height: 48px;
font-size: 1.1em;
font-weight: bold;
margin: 8px 0;
text-transform:uppercase;
width:842px;
}


/* Allgemeine Formular-Eigenschaften ############################ */

div#rex-xform {
}

form#form_formular
{
	/*border: 1px solid #937E31;*/
	background: #FFF;
	margin: 5px;
	width: 425px;
	line-height : 120%;
}

/* Was passiert wenn auf das Label geklickt wird? */
#form_formular label,
#form_formular select,
#form_formular input[type=checkbox],
#form_formular input[type=radio],
#form_formular input[type=button],
#form_formular input[type=submit]
{
	cursor : pointer;
}


#form_formular p.formcheckbox {}
#form_formular input.checkbox {}
#form_formular label.checkbox {}

#form_formular p.formtext {
	padding-top: 5px;
}

#form_formular input.text {
	width: 175px;
}
#form_formular label.captcha,
#form_formular label.hidden,
#form_formular label.text,
#form_formular label.textarea {
	clear: left;
	float: left;
	height: 20px;
	width: 125px;
}

#form_formular label.captcha {
	width: 150px;
}


#form_formular p.formtextarea {}
#form_formular label.textarea {}
#form_formular textarea.textarea
{	
	width: 270px;
	height: 150px;
}

#form_formular p.formcaptcha {
	padding-top: 5px;
	height: 32px;
}


#form_formular label.captcha img {
	border: 2px solid #990000;
}

#form_formular p.formcaptcha input {
	width: 75px;
}

#form_formular p.formsubmit {
		padding: 5px 0;
}
#form_formular input.submit
{
	background-color: #3A3B3C;
	color: #FFF;
	text-align: center;
	width: 400px;
}
#form_formular input.submit:hover {
	color: #937E31;
	font-weight: bold;
}

#form_formular input:focus, #form_formular input:hover,
#form_formular select:focus, #form_formular select:hover, 
#form_formular textarea:focus, #form_formular textarea:hover {
	background-color: #3A3B3C;
	color: #937E31;
	font-weight: bold;
}


#form_formular p.answertext {
	width: 400px;
}
#form_formular ul.form_warning {
	color: #F00;
}
#form_formular ul.form_warning li {
	list-style: disc;
}