﻿
/* GRUNDGERÜST */

html
{
	height:100%;
}
body
{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	background: #FAFADD url("images/hg.gif") repeat-x scroll;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.65em;
	line-height:1.5em;
}
form
{
	height:100%;
}
img
{
	border:none;
}
.floatLeft
{
	float:left;
}
.floatRight
{
	float:right;
}
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}
.right
{
	text-align:right;
}
#page
{
	position:absolute;
	top:0px;
	left:50%;
	width:858px;
	margin-left:-429px;
	min-height:100%;
	background: transparent url("images/page.gif") repeat-y scroll center center;
}
#header
{
	position:absolute;
	top:51px;
	left:0px;
	width:760px;
	height:120px;
	background: transparent url("images/head.jpg") no-repeat scroll left bottom;
	border-bottom:5px solid #831418;
	margin-left:51px;
}
#headdesign
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:48px;
	background: transparent url('images/page_top.gif') no-repeat scroll left top;
}
#content
{
	margin-left:405px;
	margin-right:50px;
	margin-top:200px;
	margin-bottom:86px;
}
#footer
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:50px;
}
#left
{
	float:left;
	width:220px;
	margin-top:225px;
	margin-left:7px;
}
#right
{
	float:left;
	width:165px;
	margin-top:235px;
	margin-right:7px;
}
#footer
{
	height:86px;
	background: transparent url("images/page_bottom.gif") no-repeat scroll left bottom;
	text-align:right;
}
#footerlinks
{
	margin-top:40px;
	margin-right:25px;
	color:#444;
}
#footerlinks a,
#footerlinks a:visited,
#footerlinks a:active
{
	color:#444;
	text-decoration:none;
}
#footerlinks a:hover,
#footerlinks a:focus
{
	text-decoration:underline;
}


/* SEITE */

h1
{
	margin:0px;
	margin-bottom:25px;
	padding:0px;
	color: #831418;
	font-size:1.4em;
	font-weight:bold;
}
h2
{
	margin:0px;
	padding:0px;
	color: #831418;
	font-size:1.1em;
	font-weight:bold;
}
#logo
{
	position:absolute;
	top:8px;
	left:25px;
}

#navi
{
	position:absolute;
	bottom:20px;
	left:300px;
	width:500px;
	height:24px;
}
#navi ul
{
	list-style:none;
	float:left;
	margin:0px;
}
#navi ul li
{
	float:left;
	height:24px;
	text-align:center;
}
#navi ul li a,#navi ul li a:active,#navi ul li a:visited
{
	display:block;
	padding:4px;
	padding-left:15px;
	padding-right:15px;
	font-size:1.3em;
	color: #444;
	text-decoration:none;
}
#navi ul li a.selected,#navi ul li a.selected:active,#navi ul li a.selected:visited
{
	font-weight:bold;
}
#navi ul li a:hover,#navi ul li a:focus
{
	text-decoration:underline;
}

#leftimg1
{
	position:absolute;
	top:460px;
	left:110px;
	border:1px solid #831418;
}
#leftimg2
{
	position:absolute;
	top:227px;
	left:50px;
	border:1px solid #831418;
}

#contentinner
{
	padding-top:35px;
	min-height:425px;
}

#right h2
{
	margin-left:5px;
	padding-left:16px;
	background: #831418;
	color:#FFF;
	width:115px;
}
#right ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:15px;
}
#right ul li
{
	padding-left:21px;
	padding-bottom:2px;
	font-size:1.2em;
}
#right ul li a,#right ul li a:active,#right ul li a:visited
{
	color: #831418;
	text-decoration:none;
}
#right ul li a.selected,#right ul li a.selected:active,#right ul li a.selected:visited
{
	font-weight:bold;
}
#right ul li a:hover,#right ul li a:focus
{
	text-decoration:underline;
}

#content a,#content a:active,#content a:visited
{
	color:#000;
	text-decoration:none;
}
#content a:hover,#content a:focus
{
	font-weight:bold;
}

#content img.floatLeft
{
	margin-right:18px;
	margin-bottom:10px;
}
#content img.floatRight
{
	margin-left:18px;
	margin-bottom:10px;
}

#lefttop
{
	position:absolute;
	top:-1px;
	left:-1px;
}
#bottomright
{
	position:absolute;
	bottom:-1px;
	right:-1px;
}

/* CONTACT */

#contact
{
	width:370px;
}

#contact label
{
	display:block;
	float:left;
	width:90px;
	margin:0px;
	padding:0px;
}

#contact label.contactLabelRight
{
	width:30px;
}

#contact input
{
	width:250px;
	margin:0px;
	margin-right:20px;
	padding:0px;
	padding-left:1px;
}
#contact select
{
	width:254px;
}
#contact input.short
{
	width:75px;
}
#contact input.middle
{
	width:121px;
}
#contact span#ddpCity select
{
	width:125px;
}
#contact textarea
{
	width:250px;
	height:200px;
}
#contact label, #contact input, #contact select, #contact textarea
{
	margin-top:3px;
}
#contact .contactButton
{
	margin-left:90px;
}
#contact .contactButton input
{
	float:left;
	width:124px;
	margin:0px;
	margin-right:5px;
}

/* ZUSATZTEXT */

.pnlLeftText
{
	font-size:0.9em;
	line-height:1.5em;
	padding-top:21px;
	padding-left:21px;
}
.pnlLeftText h2
{
	margin-left:-21px;
}


/* SHOWIMAGE */

#showImageBG
{
	background:#000000 none repeat scroll 0% 0%;
	display:none;
	height:1200px;
	left:0px;
	margin:0px;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
	opacity:0.75;
	padding:0px;
	position:absolute;
	top:0px;
	width:100%;
}
#showImage
{
	display:none;
	height:100%;
	left:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	width:100%;
}
#showImageDiv
{
	height:300px;
	margin:50px auto auto;
	text-align:right;
	width:300px;
}
#showImage #showImageSRC
{
	background:#EEEEEE none repeat scroll 0% 0%;
	margin-bottom:5px;
}

/* GMAP */

#frank_googlemap
{
	width:340px;
	height:300px;
	overflow:hidden;
	border:1px solid black;
}