@charset "utf-8";
/* CSS Document */
/* "werbe rusch - CSS Screen Formatierungen */ 

/*  *************************
	Allgemeine Formatierungen
	************************* */
*{
	border:0;
	margin:0;
	padding:0;
	/*Rahmen, Außenabstand, Innenabstand = 0 */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	background:none;
	font-size:1.0em;
	}
	
/*Links*/
a:link {
	text-decoration:none;
	}
a:visited {
	text-decoration:none;
	}
a:focus {
	text-decoration:none;
	color:#000000;
	}
a:hover {
	text-decoration:none;
	color:#000000;
	}
a:active {
	text-decoration:none;
	color:#000000;
	}
	
/*Überschriften*/
h1,h2,h3,h4 {
	font-weight:bold;
	}
h1 {
	font-size:1.2em;
	}
h2 {
	font-size:1.0em;
	}
h3	{
	font-size:0.8em;
	}
h4 {
	font-size:0.6em;
	}

/*  ******
	Layout
	****** */

	
/*Rahmen um alles*/
#whrapper {
	margin:5% auto;
	width:790px;
	height:100%;
	}
	
/*Umrandung links*/
#bubbles {
	background-image:url(../pix/layout/bubbles_left.gif);
	width:166px;
	height:433px;
	float:left;
	}
	
/*Inhaltsbereich*/
#content {
	float:left;
	height:433px;
	width:435px;
	background-image:url(../pix/layout/content.gif);
	background-repeat:no-repeat;
	}
	
/*linke Spalte, Hauptinhaltsbereich*/
#left {
	width:290px;
	height:100%;
	float:left;
	}
#left p {
	font-size:0.7em;
	}
#left h1,h2,h3,h4 {
	padding:10px 10px 10px 0px;
	}
	
#left table {	/*Tabellen im Content*/
	font-size:0.7em;
	margin:0px 10px 10px 0px;
	}
#left table td {
	padding:2px 5px 2px 0px;
	}
#left ul {		/*einfache Aufzählung*/
	font-size:0.7em;
	padding:20px 0px 0px 0px;
	list-style:circle;
	}
#left2 {
	width:290px;
	height:100%;
	float:left;
}
	
/*rechte Spalte, Eye-Catcher, Fotos, Logos ...*/
#right {
	width:140px;
	height:433px;
	margin-left:290px;
	}
#right img {
	padding:20px 0px 0px 15px;
		}
#right p {
	padding:0px 1px 10px 25px;
	font-size:0.7em;
	}
	
/*Navigationsbereich*/
#navi {
	float:right;
	width:189px;
	height:433px;
	background-image:url(../pix/layout/navi.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
	
/*Navigationsmenu mit verschachtelter Liste*/
#menu {
	margin:95px 10px 0 20px;
	}	
#menu ul {
	list-style:none;
	font-size:0.9em;
	width:40%;	
	}
#menu li {
	position:relative;
	/*line-height:1.5;*/
	}
/*verschachtelte Liste für Unternavigation*/
#menu ul ul {
	position:absolute;
	bottom:0;  
	left:100%;
	width:100%;
	}
div#menu ul ul {
	display:none;
	}
div#menu ul li:hover ul {
	display:block;
	}
	 
/*Umrandung unten*/
#bottom {
	width:790px;
	height:105px;
	background-image:url(../pix/layout/bottom.gif);
	background-repeat:no-repeat;
	float:left;
	}

/*Div für die Darstellung der Sitemap*/	
#sitemap {
	width:290px;
	height:100%;
	float:left;
	}
#sitemap ul {
	list-style:none;
	font-size:0.9em;
	width:90%;	
	}
#sitemap li {
	position:relative;
	/*line-height:1.5;*/
	}
#sitemap ul ul {  
	}
div#sitemap ul ul {
	display:none;
	}
div#sitemap ul li:hover ul {
	display:block;
	}
div#sitemap ul ul li {
	margin-left:20px;
	}
#sitemap ul ul ul {  
	}
div#sitemap ul ul ul {
	display:none;
	}
div#sitemap ul ul li:hover ul {
	display:block;
	}
div#sitemap ul ul ul li {
	margin-left:20px;
	} 

/*Div für Adressfeld, wird nur im Ausdruck angezeigt*/
#print {
	display:none;
	}


/* Allgemeine Formatierungen für alle Galerien */
a.gallery, a.gallery:visited {
	display:block; 
	display:inline-block; 
	color:#999; 
	text-decoration:none; 
	border:1px solid #999; 
	width:45px; height:45px; 
	float:left; 
	margin-left:2px;
	margin-bottom:2px; 
	z-index:50;
	}

a.gallery em, a.gallery span {
	display:none;
	}
a.gallery:hover {
	border:1px solid #fff;
	} 
 
/* Formatierung für Galerie, Thumbs links, Querformat */
#container_left {
	position:relative; 
	width:415px; 
	height:305px; 
	background:#fff; 
	border:0;
	margin:1em auto;
	}
#container_left img {
	border:0;
	}
#container_left .thumbs {
	width:100px; 
	position:absolute; 
	left:0; 
	top:10px;
	}
#container_left a.gallery:hover span {
	display:block; 
	position:absolute; 
	width:302px; 
	height:50px; 
	top:265px; 
	left:175px; 
	padding:5px; 
	font-style:italic;
	font-size:0.8em; 
	color:#999;  
	z-index:100;
	}
#container_left a.gallery:hover span:first-line {
	font-style:normal; 
	font-weight:bold; 
	font-size:1.0em; 
	color:#999;
	}
#container_left a.gallery:active, #container_left a.gallery:focus {
	border:1px solid #999;
	}
#container_left a.gallery:active em, #container_left a.gallery:focus em {
	display:block; 
	position:absolute; 
	width:280px; 
	height:240px; 
	top:0px; 
	left:110px; 
	padding:5px; 
	color:#999; 
	border:1px solid #999; 
	z-index:50;
	}
#container_left h1 {
	clear:both; 
	margin:0; 
	padding-top:80px; 
	padding-left:100px; 
	width:300px; 
	text-align:center; 	
	font-size:1.0em; 
	font-weight:normal; 
	color:#999;
	}
#container_left h1 em {
	font-size:0.9em; 
	color:#999;
	}


/*Klassen*/
.logo {
	margin:20px 0 0 10px; /*Rusch Logo*/
	}
.ads {
	margin:3px 0 0 0px;
	}
.ads2 {
	margin:-243px 0 0 50px;
}
.impressum {
	margin:44px 0px 20px 15px;	/*AGB, Sitemap, Impressum*/
	font-size:0.7em;
	}
.title {
	font-size:1.0em
	}
.italic {
	font-style:italic;
	font-weight:normal;
	}
.form {
	color:#999999;
	border:solid #999999 1px; /*Eingabefeld im Formular*/
	}
.photo {
	float:left;
	padding:15px 20px 40px 0px; /*Team Fotos*/
	}
.icon {
	margin-right:5px;
	}
.clear_left {
	clear:left;
	margin-top:10px;
	}
.clear_right {
	clear:right;
	margin-top:10px;
	}
.clear_both {
	clear:both;
	margin-top:10px;
	}