@charset "UTF-8";

/* - - - - - - - - - - - - - - - - - - - - -

 Title : weinich_main.css
 Author : doris schneider, grafik nach mass
 URL : http://www.grafik-nach-mass.de

 Last Updated : September 02, 2009

- - - - - - - - - - - - - - - - - - - - - */

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {height:100%;}

body {
	font-family: Verdana, sans-serif;
	font-size: 75%;
	margin:0;
	padding:0;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #fff;
	text-decoration: underline;
}

a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h1 {
	font: 2.5em/1.5em Verdana, sans-serif;
	font-weight:bold;
}

h2 {
	font: 1em/1.5em Verdana, sans-serif;
	font-weight:bold;
	margin-bottom: 0.5em;
}

h3 {
	font: 1em/1.5em Verdana, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1em/1.5em Verdana, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}

ul {
	font: 1em/1.5em Verdana, sans-serif;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.left {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; oder .clearfix um nötige Floats aufzulösen.
--------------------------------------------------------------------------------------- */

/*clear floats*/
.clearfix:after {content:".";display: block;height: 0;clear:both;visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}



#page {
	width: 100%;
	margin:0;
}

#page_margins {
	position:absolute;
	top:50%;
	left:50%;
	width: 970px;
	height: 728px;
	margin-top:-364px;
	margin-left:-485px;
	z-index:200;

}

#main {
	background: url(images/hg_weinlich_970.jpg) no-repeat center;
	width: 970px;
	height: 728px;
	border: 1px solid #ccc;
}

#top, #bottom {
	clear: both;
	position:relative;
	width: 970px;
	height: 364px;
}

#top {color: #000;}
#bottom {color: #fff;}

#top h1 {
	padding-top: 80px;
	padding-bottom: 20px;
	}

#top h1, #top h2, #top ul {
	margin-left: 60px;
}


#top ul {
	padding-top: 20px;
	}

#top li {
	list-style-type:disc;
	list-style-position:outside;
	margin: 0 0 5px 20px;
}
	
	
#bottom h2 {
	width:550px;
	margin: 0 0 15px 60px;
	padding-top:120px;
	padding-bottom:0;
}


#bottom ul {
	width: 550px;
	margin-left: 60px;
	padding-top: 0;
}

#bottom ul li {
	list-style-type:disc;
	list-style-position:outside;
	margin: 0 0 5px 20px;
}

#bottom ul.listing {
	position:absolute;
	left: 610px;
	top: 110px;
	list-style-type:none;
	margin: 0;
	width: 255px;
	}
	
#bottom ul.listing li {
	list-style-type:none;
	margin: 0 0 10px 0;
	width: 255px;
	}
	
#bottom ul.listing li span {
	font-weight:bold;
}



#info {
	position: absolute;
	left: 130px;
	bottom: 15px;
	font-size: 0.8em;
	color: #fff;
	}
	
#contact {
	position: absolute;
	left: 610px;
	bottom: 15px;
	font-size: 0.8em;
	color: #fff;
	}