/* 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: rgb(60,60,60);
	text-decoration: none;
}

.greylinks a:hover {
	color: rgb(0,29,63);
	text-decoration: none;
}


.bluelinks a,
.bluelinks a:visited {
	color: rgb(0,29,63);
	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: #c9c8c9;
}

h1 {
	margin: 0;
	color: rgb(60,60,60);
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

h2 {
	margin-top: 20px;
	color: rgb(60,60,60);
	font-size: 15pt;
	font-weight: normal;
	letter-spacing: 50%;
}

h3 {
	margin: 0.2em 0 0 0;
	color: rgb(60,60,60);
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

h3 a,
h3 a:visited,
h3 a:hover {
	color: rgb(60,60,60);
	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 {
	margin: 0 auto;
	width: 799px;
	background-color: #fff;
	color: #000;
	
}

#banner {
	height: 157px;
}
	
/* obere Navigation */
#topnav {
	border-bottom: 1px solid #c9c8c9;
	margin-bottom: 32px;
	padding: 0 0 0 0px;
	clear: both;
}

#topnav ul {
	list-style: none;
	text-indent: 0;
	margin: 6px 0 0 0;
	padding: 2px 0 8px 0;
	font-size: 0.80em;
        width: 600px;
}

#topnav li {
	display: inline;
	padding: 2px 10px 8px 8px;
	border-right: 1px solid #c9c8c9;
}

#topnav li.home {
	padding-left: 120px;
	text-align: right;
	border-right: none;
}


#topnav .current {
        color: rgb(60,60,60);
        font-weight: bold;
}

/* Linke Navigation */
#leftnav {
	float: left;
	width: 169px;
	margin: 0;
	padding: 0;
}

#leftnav .leftnav1 {
	list-style-type: none;
	margin: 0 0 2.5em 20px;
	padding: 0;
	font-size: 0.8em;
	height: 320px;
}

#leftnav .leftnav1 ul {
	list-style-type: none;
	margin: 0.5em 0 0.5em 0.4em;
	padding: 0;
	font-size: 0.8em;
}

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

#helpnav {
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
	font-size: 0.8em;
        border-bottom: 1px solid #c9c8c9;
}
#helpnav li {
        margin: 0;
        padding-left: 27px;
        border-top: 1px solid #c9c8c9;
}

/* mittlerer Teil */
#content {
	margin: 0 0 0 169px;
	padding: 0 70px 2em 14px;
/*	border-left: 1px solid #cccccc; */
	font-size: 0.8em;
}

/* 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 {
	text-decoration: none;
	color: #c6c6c6;
}

.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;
	width: 799px;
	margin: 5px auto 0 auto;
	background-color: #ffffff;
	text-align: center;
	white-space: nowrap;
}

#pagenav ul {
	margin: 0;
	padding: 0;
	background-color: #ffffff
}

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

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


/* 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");
	}