/*
    project: lost in space
    type: stylesheet
	 media: screen
    description: basic styles for all
    last edited: 09.01.2009, Stephan Paschkin, Medienzauber

    Copyright © Medienzauber. All rights reserved.
*/

/*----- Global definitions -----*/
html, body	{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	background-color: #e2001a;
	color: #fff;
	text-align: center;
	font-size: 100.01%;
}
body {
	background-image: url(images/grf_body_hgtop.png);
	background-position: top;
	background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6, p, form, ul, ol, li {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
#site {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 760px;
	text-align: center;
}
/*----- navi top definitions -----*/

#navi-out {
	margin: 0 auto;
	padding: 0;
	width: 590px;
	height: 38px;
	background-image: url(images/grf_navi_hg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#navi {
	margin: 0;
	padding: 6px 0 0 0;
	height: 28px;
}
#navi ul {
	position: relative;
	margin: 0 31px 0 31px;
	padding: 0;
	background-image: url(images/grf_navi_spaltenteiler.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	list-style-type: none;
	height: 28px;
}
#navi ul li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0 1px 0 1px;
	background-image: url(images/grf_navi_spaltenteiler.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 28px;
}
#navi ul li a {
	float: left;
	display: block;
	margin: 0;
	padding: 6px 10px 0 10px;
	color: #efc2c7;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	height: 28px;
}
#navi ul li a:hover {
	float: left;
	display: block;
	margin: 0;
	padding: 6px 10px 0 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	height: 28px;
}
.italic {
	font-style: italic;
}
body#startseite a#startseitenav, body#einrichtung a#einrichtungnav, body#lis a#lisnav, body#forum a#forumnav, body#links a#linksnav, body#kontakt a#kontaktnav, body#escapade a#escapadenav {
	float: left;
	display: block;
	margin: 0;
	padding: 6px 12px 0 12px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	height: 28px;
	background-image: url(images/grf_navi_ahover.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

/*----- header definitions -----*/

#header {
	margin: 0;
	padding: 0;
	height: 205px;
}
#header img {
	float: left;
	vertical-align: top;
}
#slideshow {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(images/grf_animi_hg.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 161px;
	width: 420px;
}



/*----- content definitions -----*/

#content-out {
	margin: 0 0 1px 0;
	padding: 0;
	background-image: url(images/grf_content_out_hg.png);
	background-position: top left;
	background-repeat: repeat-y;
	height: 100%;
}

#content {
	float: left;
	margin: 0;
	padding: 0 0 0 23px;
	text-align: left;
	width: 512px;
}
#kontakt #content {
	margin: 0;
	padding: 0 0 0 23px;
	text-align: left;
	width: 650px;
}
#content h1 {
	margin: 0 0 18px 0;
	font-size: 28px;
}
#startseite #content h2 {
	margin: 0 0 36px 0;
	font-size: 13px;
}
#content h2 {
	margin: 0 0 12px 103px;
	font-size: 13px;
}
#content p {
	margin: 0 0 12px 103px;
	font-size: 12px;
	width: 395px;
	line-height: 125%;
}
#content p.pleft {
	margin: 0 0 12px 103px;
	padding: 0;
	float: left;
	width: 175px; 
}
#content p.pright {
	margin: 0;
	padding: 0;
	float: right;
	width: 270px;
}
#content p.pright a {
	padding: 0;
	background-image: none;
}
#content ul {
	margin: 0 0 15px 120px;
	font-size: 12px;
	line-height: 145%;
}
#content img.cpic {
	margin: 0 0 12px 103px;
}
#content a {
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(images/grf_content_listimage.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
}
#content a:hover {
	text-decoration: none;
}
/*----- content definitions -----*/

#sidebar {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
	text-align: left;
}
#sidebar h1 {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: solid 3px #e2001a;
}
#sidebar a {
	color: #fff;
	font-size: 13px;
}
#sidebar a:hover {
	text-decoration: none;
	font-size: 13px;

}

#news h1 {
	display: block;
	margin: 8px 0 2px 0;
	padding: 4px 0 0 5px;
	background-color: #c86668;
	background-image: url(images/grf_news_title_hgleft.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 13px;
	width: 205px;
	height: 20px;
	text-align: left;
	border: none;
	text-transform: none;
}
#news p {
	margin: 0;
	padding: 5px;
	background-color: #ba4043;
	font-size: 11px;
	line-height: 125%;
	width: 190px;
	text-align: left;
}
#news p img {
	margin: 5px;
}
#news a {
	margin: 0;
	padding: 0 25px 0 0;
	background-image: url(images/grf_externer_alink.gif);
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
}
#news a:hover {
	text-decoration: none;
	background-color: #e2001a;
}
#news p.spezial {
	margin: 0 0 12px 103px;
	background-color: transparent;
}


/*----- footer definitions -----*/

#footer {
	clear: both;
	margin: 0;
	padding: 3px 0 0 0;
	border-top: solid 7px #530000;
	font-size: 11px;
	color: #efc2c7;
}
#footer a {
	color: #efc2c7;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
.pleft {
	float: left;
}
.pright {
	float: right;
}
.clearing {
	clear: both;
	font-size: xx-small;
}