body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333;
  background-color: #F2F2F5;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px ;
  color: #FFFFFF;
}


/* Beschreibung der Design-Struktur */

#box {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 900px;
	background-color: F2F2F5;
	border: 0px;
	position: relative;
}

/* Flash Start */

#case {
	position: absolute;
	top: 67px;
	left: 55px;
	z-index: 10; 
	height: 316px;
}

#case .showcase {
	width: 480px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	float: left;

}

#case .logocase {
	width: 314px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	float: left;

}

/* Flash Ende */

#box1 {
	width: 55px;
	padding: 0px;
	text-align: left;
	border: 0px;
	float: left;
	margin: 0px;
	height: 700px;
	background-color: F2F2F5;
	background-image: url(img/back_left.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0%;
}

#box2 {
	width: 772px;
	padding: 0px;
	text-align: left;
	border: 0px;
	float: left;
	margin: 0px;
	background-color: #363842;
}

/*MENUE*/

.menue_box {
	position: absolute;
	top: 0px;
	width: 772px;
	height: 67px;
	background-color: #16161A;
	padding: 0px;
	margin: 0px;
	float: left;
}

.menue {
	width: 460px;
	height: 18px;
	background-color: #990000;
	padding-left: 10px;
	
	*padding-bottom: 0px;
	margin: 0px;
	float: left;
	position: relative;
	top: 49px;
		
	/*background-image: url(img/menue_no.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;*/
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 9px;
	
	color: #FFFFFF;
	/*letter-spacing: 0.5px;
	*letter-spacing: 0.05em;*/
}

.vers {
	position: relative;
	top: 49px;
	*top: 49px;
	text-align: right;
	padding-right: 8px;
	float: right;
	height: 18px;
	width: 200px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px ;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	*letter-spacing: 0.05em;
}

.red {
	color: #990000;
}

.menue a:link {color: #FFFFFF; text-decoration: none;}
.menue a:visited {color: #FFFFFF; text-decoration: none;}
.menue a:hover {color: #990000; text-decoration: none; background-image:url(img/menue_akt.gif); background-repeat: repeat; background-position: 0%; padding: 6px 0px 7px 0px; *padding: auto 0px 7px 0px;}
.menue a:active {color: #990000; text-decoration: none; background-image:url(img/menue_akt.gif); background-repeat: repeat; background-position: 10px 0%; padding: 6px 0px 7px 0px; *padding: auto 0px 7px 0px;}

.act {
	color: #990000; 
	text-decoration: none; 
	background-image:url(img/menue_akt.gif); 
	background-repeat: repeat; 
	background-position: 10px 0%; 
	padding: 6px 0px 7px 0px; 
	*padding: auto 0px 7px 0px;
}

.work {
	color: #990000; 
	text-decoration: none;
	background-image:url(img/menue_akt.gif); 
	background-repeat: repeat; 
	background-position: 10px 0%; 
	padding: 6px 0px 7px 0px; 
	*padding: auto 0px 7px 0px;
}

.workorangehover {
	color: #336600; 
	text-decoration: none;
	background-image:url(img/worksback.png); 
	background-repeat: repeat; 
	background-position: 10px 0%; 
	padding: 6px 0px 4px 0px; 
	*padding: auto 0px 7px 0px;
}

/*CONTENT-START*/

.content {
	position: absolute;
	top: 381px;
	width: 772px;
	background-color: #363842;
	padding: 0px;
	margin: 0px;
}

.showshadow {
	width: 772px;
	height: 27px;
	background-image: url(img/showshadow.jpg);
}

.spalte_links {
	width: 480px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-color: #363842;
	
	min-height:592px;
}

.spalte_links .highlight {
  width:420px;
  background: url(img/performance_bg.png) repeat-x #23242B;
  padding:10px 5px 10px 10px;
}
.spalte_links .spalte_links1 {
	width: 442px;
	padding: 0px;
	margin: 0px 10px 5px 25px;
	
	font-family: 'Gill Sans,Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	font-size: 12px;
	
	color: #E0E0E0;
	line-height: 18px;
}

.spalte_rechts {
	width: 292px;
	background-color: #44464F;
	padding: 0px;
	margin: 0px;
	float: left;
	
	min-height:592px;
}

.spalte_rechts .spalte_rechts1 {
	width: 250px;
	padding: 0px;
	margin: 0px 20px 5px 20px;	
	font-family: 'Gill Sans,Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
}

.spalte_rechts .spalte_rechts1 .list {
	list-style-type: square;
	padding-left: 15px;
	*padding-left: 0px;
}

#case .clearAll {
	clear:both
}

.bottom {
	width: 752px;
	background-color: #0B0B0E;
	padding: 10px;
	margin: 0px;
	float: left;
	text-align: center;
	font-size: 9px;
	color: #666666; 
}

.bottom .left, .right {
	float:left;
	width:371px;
	text-align:left;
}

.bottom .left {
	margin-right:6px;
}

.bottom .left ul, .right ul {
	margin:0px;
	list-style-type:none;
}

.bottom .left li a, .right li a {
	font-size:12px;
	display:block;
	width:369px;
	height:20px;
	background:#333333;
	margin-bottom:1px;
	color:#999999;
	padding:3px 0 0 5px;
}

.bottom .left li a:hover, .right li a:hover {
	background:#FFFFFF;
	color:#999999;
}

HR {
	width: 100%; 
	color: #666666; 
	background-color: #666666; 
	height: 1px;
	border: 0px solid;
	*border-style: dotted;
}


/*CONTENT-ENDE*/

#box3 {
	width: 73px;
	padding: 0px;
	text-align: left;
	border: 0px;
	margin: 0px;
	background-color: #F2F2F5;
	float: left;
	height: 700px;
	background-image: url(img/back_right.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0%;
	position: absolute;
	top: 0px;
	left: 827px; 
}

.picture01 {
	margin: 2px 5px 2px 0px;
	float: left;
	border: 1px solid #FFFFFF;
	border-bottom: 10px solid;
}

.picture02 {
	margin: 2px 0px 2px 5px;
	float: right;
	border: 1px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	text-decoration: none;
}

#imgprev {
	margin: 2px 0px 2px 5px;
	float: right;
	border: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	text-decoration: none;
	background-color: #FFFFFF;
}

#imgprev .detail {
	color: #666666;
	font-size: 9px;
	padding-left: 5px;
}

#imgprev a {
	text-decoration: none;
	border: 0px;
	padding: 0px;
}

#imgprev img {
	border: 0px;
}

/* Textstile */

.headline_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small/1.6em;
	color: #666666;
	line-height: 6px;
	*line-height: 0px;	
	font-style: normal;
	 
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 11px 0px;
	*margin: 0px 0px 15px 0px;
	letter-spacing: 0.5px;
	*letter-spacing: 0.05em;
}

.text_grey {
	color: #999999;
}

/*NEUer Versuch mit sIFR*/

h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-size: 17px;
	line-height: 1.3em;

	padding: 0px;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-top: 0px;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-size: 17px;
	line-height: 1.3em;

	padding: 0px;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-top: 0px;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-size: 17px;
	line-height: 1.3em;

	padding: 0px;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-top: 0px;
}





/* Alte Überschriftenformatierung

.spalte_links .spalte_links1 h2, .spalte_rechts .spalte_rechts1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFCC00;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-top: 0px;
	line-height: 0px;
}*/
/*
.spalte_links .spalte_links1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FFCC00;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-top: 0px;
	line-height: 0px;
	letter-spacing: 2px;
}*/

.spalte_links .spalte_links1 ul {
	list-style-type: disc;
}

.spalte_links .spalte_links1 li {
	margin: 0 0 0 -20px;
}

.spalte_links .spalte_links1 A {
	text-decoration: none;
	color: #AF911A;
	list-style: none;
	background: transparent url(img/arrow_link_act.gif) no-repeat 0 5px;
	padding: 0 0 0 6px;
}

.spalte_links .spalte_links1 A:hover {
	text-decoration: underline;
	color: #FFCC00;
	background: transparent url(img/arrow_link_no.gif) no-repeat 0 5px;
	padding: 0 0 0 6px;
}

.spalte_links .spalte_links1 a.nostyle {
	background: none !Important;
	background-image: none !Important;
	color: #FFCC00;
}

.spalte_rechts .spalte_rechts1 A {
	text-decoration: inherit;
	color: #666666;
}

.spalte_rechts .spalte_rechts1 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #FFFFFF;
	padding-bottom: 0px;
	margin-bottom: 6px;
}

.text1 {
	color: #FFCC00;
	letter-spacing: 0.5px;
	*letter-spacing: 0.05em;
}

.impressum_agb {
	clear:both;
	color: #999999;
	letter-spacing: 0.5px;
	*letter-spacing: 0.05em;
	padding-top:15px;
}

.impressum_agb a:link {color: #999999; text-decoration: none;}
.impressum_agb a:visited {color: #999999; text-decoration: none;}
.impressum_agb a:hover {color: #CCCCCC; text-decoration: none;}
.impressum_agb a:active {color: #CCCCCC; text-decoration: none;}


.etracker {
	visibility: hidden;
}
a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(http://www.sebbase.de/img/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}
.spalte_rechts1 .up {
	letter-spacing: 0px;
	color: #999999 !Important;
	padding: 0 10px 0 0;
	text-decoration: none;
	background: url(img/up_arrow.gif) right 0px no-repeat;
}

/*Links*/
.explain {
	display:inline;
	font-size:11px;
	color:#666666;
}

#main
	{
	margin-top:-146px;
	}

.menutab0
	{
	position:relative;
	*top:-10px;
	*left:-82px;
	}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}