/* 
main.css for erna-serles.com
Author: Hartwig Krebitz, 2007
*/

/* The links */



#typo a {
	text-decoration: none;
}


#imprint a {
	color: #515151;
	text-decoration: none;
}

.menuitem a {
	color: #515151;
	text-decoration: none;
	font-weight: bold;

}

.menuitem-act a {
	background: #dcdcdc;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}


#text a {
	color: #510000;
	text-decoration: none;
}
	


/* The body */


html, form, fieldset {
        margin: 0;
        padding: 0;
}

html {
    font-size: 100.01%; /* avoids obscure font-size bug */
    line-height: 1.5; /* http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
    font-family: Arial, sans-serif !important; /* IE ignores this and renders Arial better */
    font-family: Arial, Tahoma, Helvetica, sans-serif;
}

body { 
	background: url(bodyBg.jpg) repeat-x #fff; 
	margin: 0px;
	font-size: 62.5%;
	font-size: 75%;
	font-size: 68.75%;
	margin-bottom: 1px;
	color: #515151;
}


/* The header */

#top {
	background: url(topBg.jpg) no-repeat transparent;
	margin: 0px;
	padding: 0px;
	width: 725px;
	height: 230px;
	text-align: left;
}	

#typo {
	padding: 0px 25px 0px 100px; 
	height: 40px;
	font-size: 185.5%;
}

#random-image {
	background: transparent;
	padding: 0px 25px 0px 100px;
}

#imprint {
	position: absolute;
	top: 10px;
	left: 600px;
	color: #515151;
}

.typogrey {
	color: #515151;
	
}

.typored {
	color: #510000;
	
}


#main {
	background: url(mainBg.jpg) repeat-y transparent;
	margin: 0;
	padding: 0;
	width: 725px;
	text-align: left;	
}

#footer {
	margin: 0;
	padding: 0;
	width: 725px;
	height: 20px;
	background: url(footerBg.jpg) no-repeat;
	text-align: left;
}

#text {
	width: 600px;
	margin-left: 100px;
	padding-bottom: 150px;
	min-height: 230px;
}

#menu {
	background: url(menubodyBg.jpg) repeat-y;
	position: absolute;
	top: 230px;
	left: 720px;
}

#menuhead {
	background: url(menuheadBg.jpg) no-repeat;
	width: 164px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

#menubody {
	width: 164px;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}

#menufooter {
	background: url(menufooterBg2.jpg) no-repeat;
	width: 164px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

.menuitem {
	padding-left: 10px;
	margin: 0px 4px 0px 1px;
	line-height: 40px;
}

.menuitem-act {
	background: #dcdcdc;
	padding-left: 10px;
	margin: 0px 4px 0px 1px;
	line-height: 40px;
}


/* Typo3 specific */

.bodytext {
	margin: 0px;
	padding: 0px;
}

/* News related stuff */

.news-latest-item {
	margin-top: 10px;
}

.news-item-header {
	font-weight: bold;
}

.news-item-subheader {
	font-style: italic;
	margin: 10px 0px 10px 0px;
}

.news-item-end {
	text-align: center;
}

.news-item-end {
	margin-top: 20px;
}


/* Typographic stuff */


h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-size: 185.5%;
	font-weight: normal;
}

img {
	border: none;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Forms */

fieldset.csc-mailform {
	padding: 10px;
	border: 1px solid #dcdcdc;
}

label {
	display: block;
}

/* gallery template only */

#container{
	background: url(mainBg.jpg) repeat-y transparent;
	margin: 0;
	padding: 0;
	width: 725px;
	height: 650px;
	text-align: left;	
}
#gallerybox {
	background: red;
	position: absolute;
	top: 40px;
	left: 100px;
	width: 600px;
	height: 600px;
}