/* CSS Stylesheet für den Relaunch 200509 */
/* media="screen,projection" */



* {
	font-family: Verdana,sans-serif;
	border: none;
}

/* grau-braune Links */
.greylinks a,
.greylinks a:visited {
	color: #666666;
	text-decoration: none;
}

.greylinks a:hover {
	color: #993300;
	text-decoration: none;
}


/* grün-braune Links */
.greenlinks a,
.greenlinks a:visited {
	color: #184562;
	text-decoration: none;
}

.greenlinks a:hover {
	color: #993300;
	text-decoration: none;
}


/* weiss-braune Links */
.whitelinks a,
.whitelinks a:visited {
	color: #ffffff;
	text-decoration: none;
}

.whitelinks a:hover {
	color: #993300;
	text-decoration: none;
}



input, select {
	border: 1px solid #999999;
	padding: 1px;
        margin: 1px;
}

textarea {
	border: 1px solid #999999;
	font-size: 1em;
}

fieldset {
	border: 1px solid #999999;
}

body {
	margin: 0;
	padding: 0;
	background-color: #F3F3F3
}

h1 {
	margin: 0;
	color: #184562;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

h2 {
	margin-top: 20px;
	color: #184562;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h3 {
	margin: 0.2em 0 0 0;
	color: #993300;
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

h3 a,
h3 a:visited,
h3 a:hover {
	color: #993300;
	text-decoration: none;
}

h4 {
       margin: 0.2em 0 0 0;
       font-size: 0.9em;
}

hr {
       color: #cccccc;
       border-top: 1px solid #cccccc;
       margin: 1em;
}

img {
       padding: 0;
}



p {
	margin: 0.5em 0 1.5em 0;
}

/* wird nur zu Navigationszwecken usw benutzt, aber nicht angezeigt */
.navonly {
	display: none;
}

/* allumfassender Container */
#container {
	width: 800px;
	background-color: #fff;
	color: #000;
	
}

#top {
	padding: 0.2em 2em 0.5em 1.5em;
	margin: 0;
	background-color: #999999;
	font-size: 0.6em;
	color: #ffffff;

}

#banner {
	height: 100px;
	background-color: #fff;
}
	
/* obere Navigation */
#topnav {
	margin: 0 0 2em 160px;
	padding: 0 30px 0 30px;
	clear: both;
}

#topnav ul {
	list-style: none;
	text-indent: 0;
	margin: 18px 0 0 0;
	padding: 0;
	font-size: 0.75em;
}

#topnav li {
	display: inline;
	margin: 0 1.5em 0 0;

}

/* Linke Navigation */
#leftnav {
	float: left;
	width: 120px;
	margin: 0 0 50px 0;
	padding: 5px 25px 10px 15px;
	border-right: 1px solid #cccccc; 
}

#leftnav ul {
	list-style-type: none;
	margin: 2.5em 0 2.5em 0;
	padding: 0;
	color: #666666;
	font-size: 0.7em;
}

#leftnav ul ul {
	margin: 0.5em 0 0.5em 0.4em;
        font-size: 0.9em;
}

#leftnav li {
	margin: 0.5em 0 0.5em 0;
}

#leftnav img {
	margin: 70px 0 0 -15px;
}

#changed {
	font-size: 0.6em;
	margin: 20px -10px 10px -10px;
        padding: 0;
}

#changed a:before {
	margin-right: 5px;
	content: url(../images/layout/arrow.gif);
}

/* mittlerer Teil */
#content {
	margin: 0 0 20px 160px;
	padding: 5px 30px 2em 30px;
/*	border-left: 1px solid #cccccc; */
	font-size: 0.8em;
}

/* Aktueller Pfad */
#breadcrumb {
	margin: 0 0 20px 0;
	color: #999999;
	font-size: 0.7em;
	text-transform: lowercase;
}

#breadcrumb a,
#breadcrumb a:hover,
#breadcrumb a:visited {
	color: #999999;
	text-decoration: none;
}

/* Innere Spalten auf Übersichtsseiten */

.column img {
	float: left;
	margin: 10px 5px 5px 0;
	max-width: 150px; /* Bilder in Spalten dürfen max 150px breit sein */
}

.column a {
	font-weight: bold;
}

.column p {
	margin: 2px 0;
	font-size: 0.8em;
}

.column h3 {
	margin: 14px 0 2px 0;
	text-transform: none;
	letter-spacing: 0;
}

.detailink:before {
	margin: 0 2px 0 2px;
	content: url(../images/layout/arrow.gif);
}

.date {
	color: #666666;
}

#column1 {
	float: left;
	width: 29%;
	margin: 0 0 20px 0;
	padding: 2px 2% 2px 2%;
}

#column2 {
	width: 28%;
	margin: 0 0 20px 24%;
	/* Box model Hack for IE */
	/* IE 5.0/Win reads till here */
	/* IE 6.0/Win passes this */
	voice-family: "\"}\"";
	voice-family:inherit; 
	width: 28%;
	margin: 0 0 20px 24%;
	padding: 2px 2% 2px 2%;
	border-left: 1px solid #cccccc;
}
/* Box model Hack for IE */
/* IE 6.0/Win can't read this */
html>body #column2 {
	margin: 0 0 20px 33%;
	width: 29%;
} 


#column3 {
	float: right;
	width: 29%;
	padding: 2px 2% 2px 2%;
	margin: 0 0 20px 0;
	border-left: 1px solid #cccccc;
}


/* Suche */

.searchnav {
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	text-align: right;
}
.searchresult h3 {
	margin: 20px 0 2px 0;
}
.searchresult p {
	margin: 0;
}


/* Galerie */
.album {
	margin: 5px auto;
	padding: 5px;
}

.album td {
	margin: 5px;
	text-align: center;
	width: 120px;
	height: 90px;
}



/* Seiteninterne Navigation */
#pagenav {
	clear: both;
	margin: 8em 0 0 0;
	font-size: 0.8em;
	white-space: nowrap;
}

#pagenav ul {
	margin: 0;
	padding: 0;
}

#pagenav li {
	display: inline;
	margin-left: 0;
	margin-right: 20px;
}

/* IE kann das nicht, keine Chance */
#pagenav a:before {
	margin-right: 5px;
	content: url(../images/layout/arrow.gif);
}

/* Fusszeile */
#footer {
	clear: both;
	margin: 60px 0 0 0;
	padding: 0.5em;
	color: #ffffff;
	background-color: #999999;
	text-align: center;
	font-size: 0.8em;
}

/* Sonstige Styles */
.address {
	width: 350px;
	background-color: #eeeeee;
	border: blue;
        border: none;
}

.address thead {
	color: #ffffff;
	background-color: #777777;
	font-weight: bold;
}

.address thead th {
	padding: 3px;
}

.address td {
	padding: 3px;
}


/* Angaben für LightBox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/trendswm/css/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/trendswm/css/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/trendswm/css/overlay.png", sizingMethod="scale");
	}