* {
			margin: 0;
			padding:0;
		}
		
		body {
			background: #F0F0F0;
		}

img		{border:none;}		
		#container {
			position: absolute;
			width: 800px;
			height:600px;
			top: 50%;
			left:50%;
			margin-left:-400px;
			margin-top: -300px;
			border: 1px solid #A8A8A8;
		}

		#container.home { 
			background: url('../bilder/design/csl_bg.jpg')
		}

		#container.itsupport { 
			background: url('../bilder/design/csl_itsupport_bg.jpg')
		}

		#container.webdesign { 
			background: url('../bilder/design/csl_webdesign_bg.jpg')
		}

		#container.impressum { 
			background: url('../bilder/design/csl_impressum_bg.jpg')
		}

		#container.projekte { 
			background: url('../bilder/design/csl_projekte_bg.jpg')
		}

		#container.fankreis { 
			background: url('../bilder/design/csl_fankreis_bg.jpg')
		}			

		#left {
			position: absolute;
			top:   0px;
			left:  0px;
			width: 298px;
			height:600px;
		}
			
		#logo {
			position: absolute;
			top:   0px;
			left:  0px;
			width: 300px;
			height:270px;
		}
			
		#logo h1 {
			margin-left: -6000px;
		}

		#proj {
			position: absolute;
			top:   276px;
			left:  0px;
			width: 300px;
			height:280px;
		}
			
		#footer {
			position: absolute;
			top:   565px;
			left:  0px;
			width: 300px;
			height:10px;
			}
			
		#footer  p {
			margin-left: 10px;
		}
			
		#footer  a {
			font:  11px/140% Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #555;
			text-decoration: none;
		}
			
		#footer  a:hover {
			font-weight: bold;
			color: #000;
		}

		#menu{
			position: absolute;
			top:   65px;
			left:  310px;
			width: 500px;
			height:84px;
		}

		#mainmenu {
			list-style-type: none;
		}

		#mainmenu li {
			float: left;
			background: transparent url(../bilder/schalter/nav-reiter_li-normal.gif) 0 0 no-repeat;
			padding-left: 17px;
			margin-right: 0.5em;
			line-height: 20px;
			height: 20px;
		}

		#mainmenu li.active {
			background: transparent url(../bilder/schalter/nav-reiter_li-active.gif) 0 0 no-repeat;
		}

		#mainmenu li a {
			display: block;
			background: transparent url(../bilder/schalter/nav-reiter_bg-normal.gif) 0 0 repeat-x;
			padding-right: 20px;
			color: #666;
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-style: italic;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
		}
#mainmenu li a:hover {
			display: block;
			background: transparent url(../bilder/schalter/nav-reiter_bg-normal.gif) 0 0 repeat-x;
			padding-right: 20px;
			color: #000;
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-style: italic;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
		}
		#mainmenu li a.active {
			background: transparent url(../bilder/schalter/nav-reiter_bg-active.gif) 0 0 repeat-x;
		}

		#content {
			position: absolute;
			top:  101px;
			left: 328px;
			width:400px;
		}

		#content a {
			color: #a00;
			text-decoration: none;
		}
			
		#content a:hover{
			color: #d00;
		}
			
		#content p, #content ul {
			font:  11px/140% Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #444;
			margin-bottom: 8px;
		}
		
		#content li {
			margin-left: 30px;
		}
			
		#content div {
			font:  11px/80% Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #444;
			margin-bottom: 8px;
		}
			
		#kontakt div {
			font:  11px/80% Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #444;
			margin-bottom: 5px;
		}

		#content h2, #disclaimer h2 {
			font: bold 16px Arial, Helvetica, sans-serif;
			color: #555;
			margin-bottom: 8px;
		}
			
		#content h3, #disclaimer h3 {
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #555;
			margin: 20px 0 8px 0;
			}
			
		#content h4 {
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #555;
		}
			
		#content sup {
			font: 8px Arial, Helvetica, sans-serif;
			color: #555;
		}
			
		#content p.fussnote {
			font: italic 11px Arial, Helvetica, sans-serif;
			margin-top:20px;
			color: #444;
		}

		#disclaimer p.disclaimer {
			font:  10px/140% Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #444;
			padding-right: 15px;
			text-align: justify;
		}
			
		#disclaimer{
			position: absolute;
			top:  10px;
			left: 5px;
			width:400px;
			height: 348px;
			overflow:auto;
		}
			
		#ueberschrift_box {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 411px;
			height: 37px;
			background: url(../bilder/design/pfeil.gif);
			
		}

		#ueberschrift_box div {
			padding: 5px 0px 0px 8px;
			color: #EEE;
			font-size: 15px;
			font-family: Arial, Helvetica, sans-serif;
			font-style: oblique;
			letter-spacing: 1px;
		}

		#content h3{font-size:12px;}
		#content-2col-left {
			position:absolute;
			top:     56px;
			left:    0px;
			width:   265px;
			height:  280px;
		}

		#content-2col-left p {
			padding: 0;
			margin:  0 0 8px 0;
		}

		#content-2col-right {
			position:absolute;
			top:     60px;
			left:    280px;
			width:   127px;
			height:  280px;
		}

		#content-2col-right img {
			padding: 0;
			margin:  0 0 12px 0;
		}
			
		#teaser {
			
			position:absolute;
			top:   360px;
			left:  0px;
		
		}
			
		#teaser h3 {
			margin-left: -6000px;
		}

		
		#intro		{
			width:298px;
			height:275px;
		}
#proj {
         position: absolute;
         top: 275px;
	left: 0px;
         width: 300px;
	height: 320px;
	background: url(../bilder/design/csl_projektnav_bg.jpg) no-repeat;
	}
#proj img:hover		{cursor: pointer;}
#proj a {
	text-decoration: none;
         border: 1px solid #FFF;
	}
#schalter_vor { width:10px; height:19px;position:absolute;top:43px;left:250px;}

.vorschaubild_1		{width:85px; height:58px; position:absolute;top:70px;left:8px;}
.vorschaubild_2		{width:85px; height:58px; position:absolute;top:70px;left:98px;}
.vorschaubild_3	{width:85px; height:58px; position:absolute;top:70px;left:188px;}
#schalter_vor,#schalter_zurueck	a:hover		{cursor: pointer;}	
#schalter_zurueck,#schalter_vor	a:hover		{cursor: pointer;}
a:hover	{cursor: pointer;}#container #content #content_alt p {
	color: #000;
}