/* Navigation */

#navigation 
	{
        border-bottom: 1px solid black;
        font-weight: bold;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        padding-bottom:5px;
        width: 950px;
        
	}
	
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation ul {
        padding: 5px 0 5px;
        text-align: center;
}
#navigation ul li {
        display: inline;
        font-size: 8pt;
}
#navigation ul li a {
        background: url(layoutpics/tableft.gif) no-repeat left top;
        color: black;
        text-decoration: none;
        padding: 5px 0;
}
#navigation ul li span {
        background: url(layoutpics/tabright.gif) no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: -4px 0 -4px 4px;
}
#navigation ul li a:hover span {
        text-decoration: underline;
        background-position: 100% -75px;
}
#navigation ul li a:hover {
        background-position: 0 -75px;
}
#navigation #current a {
        background-position: 0 -150px;
}

#navigation #current a span {
        background-position: 100% -150px;
}

#navigation span.news {
	background-position: 100% -150px;
        color: red;
}

#navigation a.news {
	background-position: 0 -150px;
        color: red;

}


/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#navigation ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/

/*\*/

* html #navigation ul li a {
        padding: 0;
}
/**/
-->

/* HTML-Tags */

body 
	{
		/* background: url("layoutpics/back.jpg"); */
		background: #dedede;
	}
	
H1
	{
		padding-left: 5px;
	}
	
img
	{
		border: none;
		padding: 3px;
	}
	
hr
	{
		border-bottom: 1px solid #0c0c0c;
		border-top: none;
	}
	

/* IDs */

#gesamt
	{
		width:950px;
		margin:0px auto;
		text-align:left;
	}	

#titel 
	{
		height:75px;
		/* background: url("layoutpics/titel-v3.gif");*/
		background-repeat: no-repeat;
		background-position: center center;
	}
	
#titel img
	{
		padding: 0px;
	}
	
#menu
	{
		
		background-position: top right;
		float: left;
	}
	
#leiste
	{
		
		background-position: right;
		width:190px;
		float:left;
	}
	
#inhalt 
	{
		
		width:760px;
		float:right;
	}

#login
	{
		float: right;
		
		width: 200px;
		height: 79px;
		border-bottom: 1px solid black;
	}
	
#updates
	{
		visibility: hidden;
		display: none;
	}

#print { display: none; }

	
/* für den Content-Bereich */

.contentblock
	{
		width: 100%;
		text-align: center;
	}
	
	
/* Login und linke Spalte */

.logintext
	{
		font-family: Arial, sans-serif, Verdana;
		font-size:8pt;
		margin: 0px;
		padding-top: 10px;
	}
	
h1, h2, h3, h4, p, table, li, cite
	{
		font-family: Arial, sans-serif, Verdana;
		padding-left: 10px;
		padding-right: 10px;
	}
		
h1 
	{
		font-size: 11pt;
		font-weight: bold;
		background-color: #808080;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
h2
	{
		font-size: 10pt;
		font-weight: bold;
		background-color: #808080;
		padding-top: 10px;
		padding-bottom: 10px;
	}
		
h3
	{
		font-size: 10pt;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
	}	

h4
	{
		font-size: 10pt;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 0px;
		border-bottom: 1px solid gray;
	}
	
p, li, cite
	{
		font-size: 10pt;
	}
	
cite {
		text-decoration: italic;
	}

p.blog
	{
		padding-top: -5px;
	}
	
td
	{
		font-size: 8pt;
	}
	
a, a:active, a:visited 	
	{ 
		color: darkred; 
		font-weight: bold;
	}
	
iframe
	{
		background-color: #d0d0d0;
	}

.klar
	{
		background-color: none;
		border: none;
	}
	
.mitte
	{
		text-align: center;
	}
	
.info
	{
		background: #FFF878 url("layoutpics/info.gif") 5px 5px no-repeat;
		float: right;
		width: 300px;
		padding: 10px;
		padding-top: 35px;
		margin-right: 10px;
		border-radius: .5em;
		-moz-border-radius: .5em;
	}
	
.werbungrechts
	{
		background: #AEFF78;
		float:right;
		padding: 5px;
		border-radius: .5em;
		-moz-border-radius: .5em;
		margin: 5px;
	}

.wichtigwichtig
	{
		background: red;
		padding: 5px;
		border-radius: .5em;
		-moz-border-radius: .5em;
		margin: 5px;
	}
.werbungtext
	{
		font-size: 6pt;
		text-decoration: underline;
		padding: 0px;
	}
		
.werbungmitte
	{
		background: #AEFF78;
		width: 260px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		border-radius: .5em;
		-moz-border-radius: .5em;
		padding: 5px;
		margin-top: 5px;

	}
		
.seitenfrei
	{
		clear: both;	
	}
	
.rot
	{
		color: red;
	}
	
.fett
	{
		font-weight: bold;
	}
	
.zitat
	{
		font-style: italic;
	}
	
td.artikel
	{
		padding: 5px;
		border-bottom: 1px solid #808080;
	}
	
td.artikel2
	{
		padding: 5px;
		border-bottom: 1px solid #808080;
		background: #d0d0d0;
	}

	
.season
	{
		padding: 5px 5px 5px 0px;
		float: right;
		text-align: center;
		font-size: 6pt;
		width: 320px;
	}
	
.showroomtitelseite
	{
		margin-right: 15px;
		padding: 5px 0px 0px 0px;
		float: right;
		text-align: center;
		width: 320px;
		background: #efefef;
		-moz-border-radius-bottomleft:0.5em;
		-moz-border-radius-bottomright:0.5em;
		-moz-border-radius-topleft:0.5em;
		-moz-border-radius-topright:0.5em;
	}
	
.showroomtitelseitentext {
		font-size: 8pt;
	}
	
.newsflash
	{
		position: absolute;
		width: 520px;
		height: 270px;
		left: -521px;
		top: 150px;
		text-align: center;
		background: #efefef;
	}
	
.trigger
	{
		position: absolute;
		width: 100px;
		height: 50px;
		left: -300px;
		top: -300px;
	}
	
	
td.index
	{
		width: 33%;
		padding: 5px;
		text-indent: -22px;
		padding-left: 27px;
	}
		
	
img.text
	{
		vertical-align: middle;
	}
	
	
.boxtop
	{
		width: 175px;
		
		/* background-image: url(layoutpics/boxtop.gif); */
		background-repeat: none;
		background-position: top center;
		margin: 0px auto 0px auto;	
	}
	
.boxtitel
	{
		font-family: Arial, sans-serif, Verdana;
		font-size:10pt;
		font-weight: bold;
		text-align: right;
		margin: 5px auto 0px auto;	
		padding-top: 2px;
		background-color: #c0c0c0;
		-moz-border-radius: .8em .8em 0 0; 
		border-radius: .8em .8em 0 0; ´
		border-bottom: 1px solid black;
	}
	
	
.boxlinks
	{
		width: 175px;
		background-color: #d0d0d0;
		-moz-border-radius: 0 0 .8em .8em; 
		border-radius: 0 0 .8em .8em; 
		margin: 0px auto 0px auto;
	}

.boxtext
	{
		font-family: Arial, sans-serif, Verdana;
		font-size:8pt;
		margin: 0px;
		padding: 5px;
		text-align: left;
	}

.boxtext2
	{
		font-family: Arial, sans-serif, Verdana;
		font-size:8pt;
		margin: 0px;
		padding: 0px 5px 5px 15px;
		text-align: left;
	}
	
.mitte
	{
		text-align: center;
	}
	
.rechts
	{
		text-align: right;
	}
	
td.puretec
	{
		width:50px;
	}
	
.rand
	{
		font-weight: bold;
	}
	
	
img.big
	{
		margin: 5px;
		border: 1px solid red;
	}
	
	
TD.bottom 
	{ 
		background: #d0d0d0; 
		border-top: 1px solid black; 
		padding-top: 5px; 
		vertical-align: top;
	}

P.bottom-titel
	{
		font-family: Arial, sans-serif, Verdana; 
		font-weight: bold;
		font-size:8pt;
		text-align: center;
	}

P.bottom
	{
		font-family: Arial, sans-serif, Verdana; 
		font-size:8pt;
		text-align: left;
		margin-top: -10px;
		font-weight: normal;
	}
	
.achtung
	{
		background: #ff3333;
	}
	
.oben 
	{ 
		margin-top: 0px;
	}
	
td.rosa
	{
		background: #ff8080;
	}
	
/* Lightbox */

#lightbox
	{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
		font-family: Arial, sans-serif, Verdana;
	}
	
#lightboxDetails
	{
		font-size: 0.8em;
		padding-top: 0.4em;
	}	
	
#lightboxCaption
	{ 
		float: left; 
	}
	
#keyboardMsg
	{ 
		float: right; 
	}

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

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

* html #overlay
	{
		background-color: #000;
		back\ground-color: transparent;
		background-image: url(layoutpicsblank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="layoutpics/overlay.png", sizingMethod="scale");
	}
	
.ol
	{
		float: left;
		width: 70px;
		border: 1px solid #c0c0c0;
		font-family: Arial, sans-serif, Verdana;
		font-size: 0.7em;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
.ol2
	{
		float: left;
		width: 70px;
		border: 1px solid #c0c0c0;
		font-family: Arial, sans-serif, Verdana;
		font-size: 0.7em;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #c0c0c0;
	}
	
.newseins
	{
		float: left;
		width: 350px;
		padding: 5px;
		margin: 5px;
		border: 1px solid black;
		height: 350px;
		background: #efefef;
		-moz-border-radius: .5em;
	}
	
.newszwei
	{
		float: left;
		width: 350px;
		padding: 5px;
		margin: 5px;
		border: 1px solid black;
		background: #efefef;
		height: 350px;
		-moz-border-radius: .5em;
	}

.newsdrei
	{
		float: left;
		width: 350px;
		padding: 5px;
		margin: 5px;
		border: 1px solid black;
		background: #efefef;
		-moz-border-radius: .5em;
		height: 350px;
	}
	
.newsvier
	{
		float: left;
		width: 350px;
		padding: 5px;
		margin: 5px;
		border: 1px solid black;
		background: #efefef;
		-moz-border-radius: .5em;
		height: 350px;
	}