/* (c) 2001 - 2006, EIKONA Medien GmbH, it.x informationssysteme gmbh, Mosaiq-Media GmbH, Alle Rechte vorbehalten. */

/* Grundgerüst der Seite */
#cycon-seite {
	width:1024px;
	height: 700px;
	margin: 0px auto auto 0px;
}

.kopf-ecke-links {
	background: url(../pics/layout/cycon/ecke_orange_ol.gif) no-repeat top left #fb8600;
}

.kopf-ecke-rechts {
	height: 5px;
	line-height: 5px;
	background: url(../pics/layout/cycon/ecke_orange_or.gif) no-repeat top right;
}

#platzhalter {
	height: 500px;
	border-left: 0px;
	border-right: 0px;
	
}

#platzhalter_1_spaltig {
	height: 450px;
	border-left: 0px;
	border-right: 0px;
	
}

#bilder_kontakt{
	position:relative;
	top:180px;
	left:345px;
	width:140px;
}

.kopf-trennlinie-1 {
	height: 9px;
	line-height: 9px;
	background: url(../pics/layout/cycon/linie_gestrichelt_doppelt_1.gif) repeat-x top left;
}

#kopf-titel {
	height: 75px;
	background: url(../pics/layout/cycon/cycon_titel.gif) no-repeat top left;
}

#kopf-titel-hintergrund {
	height: 89px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: url(../pics/layout/cycon/cycon_titel_hintergrund.gif) no-repeat top right;
}

.kopf-trennlinie-2 {
	height: 5px;
	line-height: 5px;
	background: url(../pics/layout/cycon/linie_gestrichelt_doppelt_2.gif) repeat-x top left;
}

#spalte-links {
	width: 200px;
	float: left;
	height: 510px;
}

#spalte-rechts {
	width: 200px;
	float: right;
}

#spalte-mitte {
	margin-left: 210px;
	margin-right: 220px;
}

#spalte-mitte .funktionen {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

#spalte-mitte .funktionen li {
	display: inline;
	margin-right: 5px;
}

#footer {
	position:relative; left:0px; top:150px; 
	clear: both;
	background: url(../pics/layout/footer_linie.gif) top left repeat-x;
	height: 12px;
	width: 970px;
}

#footer .footer-links {
	background: url(../pics/layout/cycon/footer_links.gif) top left no-repeat;
}

#footer .footer-rechts {
	height: 12px;
	background: url(../pics/layout/cycon/footer_rechts.gif) top right no-repeat;
}


#logo_text{
	float: right;
	margin-right: 12px;	
}

/* Standard-Box */
.rahmen-oben-aussen {
	background: url(../pics/layout/cycon/ecke_orange_ol.gif) top left no-repeat #fb8600;
}

.rahmen-oben-innen {
	background: url(../pics/layout/cycon/ecke_orange_or.gif) top right no-repeat;
	padding: 2px 10px;
}

.rahmen-seite {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.rahmen-unten {
	margin: 0;
	margin-bottom: 10px;
	height: 4px;
	background: url(../pics/layout/cycon/box_rahmen_unten.gif) top left repeat-x;
}

.rahmen-unten-links {
	height: 4px;
	text-align: right;
	background: url(../pics/layout/cycon/box_ecke_ul.gif) top left no-repeat;
}


/* Link mit rundem Rahmen */
.verweis-rahmen {
	font-size: 9px;
	padding-bottom: 20px;
}

.verweis-rahmen img {
	vertical-align: middle;
}

.verweis-rahmen a:link,
.verweis-rahmen a:visited {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	text-decoration: none;
	color: #fb8600;
	padding: 0px 3px 1px 3px;
}


/* Allgemeine HTML-Elemente */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #cccccc;
	background: url(../pics/layout/logo_gelb.gif) no-repeat 0px 0px;
	background-color: #000000;
}

h1 {
	display: none;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
}

ul, li {
}

img {
	border: none;
}

a:link, a:visited {
	color: #cccccc;
	text-decoration: none;
}

a:hover {
	color: #ffcc00;
}

table, tr, td {
	font-size: 10px;
}

/* Anpassungen für schaudt  */

#home{
	position:relative; left:0px; top:150px; 
	width: 200px;
	float: left;
	color: #cccccc;
}

#schliessen{
	position:relative; left:0px; top:150px; 
	width: 120px;
	float: right;
	color: #cccccc;
}

#img_spalte1{
	position:relative; left:0px; top:150px;  
	width: 230px;
	float: left;
	margin: 0 0 0 15;
}

#img_spalte2{
	position:relative; left:0px; top:150px; 
	width: 230px;
	float: left;
	margin: 0 0 0 30;
}

#img_spalte3{
	position:relative; left:0px; top:150px; 
	width: 230px;
	float: left;
	margin: 0 0 0 30;
}



.text{
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
}

.text_info{
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}

/* styles für die vertikalen slider */

/* linker slider */
#up1{
	position:absolute; 
	left:445px; 
	top:27px; 
	z-index:3;
	cursor:pointer;
}

#track1{
	position:absolute;
	width:20px;
	left:445px;
	top:33px;
	z-index:3;
	vertical-align:middle;
}

#down1{
	position:absolute;
	left:445px;
	top:298px;
	z-index:3;
	cursor:pointer;
}

#contentMask1{
	position:absolute;
	left:220px;
	top:33px;
	width:200px;
	height:620px;
	clip:rect(0,200px,620px,0);
	overflow:hidden;
	z-index:6;
}

#content1{
	position:absolute;
	left:0;
	top:0;
	width:200px;
}

/* mittlerer slider */
#up2{
	position:absolute; 
	left:705px; 
	top:27px; 
	z-index:3;
	cursor:pointer;
}

#track2{
	position:absolute;
	width:20px;
	left:705px;
	top:33px;
	z-index:3;
	vertical-align:middle;
}

#down2{
	position:absolute;
	left:705px;
	top:298px;
	z-index:3;
	cursor:pointer;
}

#contentMask2{
	position:absolute;
	left:480px;
	top:33px;
	width:200px;
	height:620px;
	clip:rect(0,200px,620px,0);
	overflow:hidden;
	z-index:6;
}

#content2{
	position:absolute;
	left:0;
	top:0;
	width:200px;
}

/* rechter slider */
#up3{
	position:absolute; 
	left:965px; 
	top:27px; 
	z-index:3;
	cursor:pointer;
}

#track3{
	position:absolute;
	width:20px;
	left:965px;
	top:33px;
	z-index:3;
	vertical-align:middle;
}

#down3{
	position:absolute;
	left:965px;
	top:298px;
	z-index:3;
	cursor:pointer;
}

#contentMask3{
	position:absolute;
	left:740px;
	top:33px;
	width:200px;
	height:620px;
	clip:rect(0,200px,620px,0);
	overflow:hidden;
	z-index:6;
}

#content3{
	position:absolute;
	left:0;
	top:0;
	width:200px;
}

/* rechter slider projektdetails */
#up2_projekt_details{
	position:absolute; 
	left:965px; 
	top:27px; 
	z-index:3;
	cursor:pointer;
}

#track2_projekt_details{
	position:absolute;
	width:20px;
	left:965px;
	top:33px;
	z-index:3;
	vertical-align:middle;
}

#down2_projekt_details{
	position:absolute;
	left:965px;
	top:298px;
	z-index:3;
	cursor:pointer;
}

#contentMask2_projekt_details{
	position:absolute;
	left:480px;
	top:33px;
	width:460px;
	height:620px;
	clip:rect(0,460px,620px,0);
	overflow:hidden;
	z-index:6;
}

#content2_projekt_details{
	position:absolute;
	left:0;
	top:0;
	width:460px;
}

/* 1 Spaltiger slider */
#up_1_spaltig{
	position:absolute; 
	left:965px; 
	top:27px; 
	z-index:3;
	cursor:pointer;
}

#track_1_spaltig{
	position:absolute;
	width:20px;
	left:965px;
	top:33px;
	z-index:3;
	vertical-align:middle;
}

#down_1_spaltig{
	position:absolute;
	left:965px;
	top:298px;
	z-index:3;
	cursor:pointer;
}

#contentMask_1_spaltig{
	position:absolute;
	left:220px;
	top:33px;
	width:720px;
	height:620px;
	clip:rect(0,720px,620px,0);
	overflow:hidden;
	z-index:6;
}

#content_1_spaltig{
	position:absolute;
	left:0;
	top:0;
	width:720px;
}

/* Forum styles  */
.beitrag_liste{
	height:620px;
	background-color: #ff0000;
	font-size: 13px;
}

.beitrag_liste td{
	font-size: 13px;
}

#forum_beitrag_einfuegen{
	float: right;
}


#diashow1{
	position:relative;
	left:0;
	top:0;
}


#diashow2{
	position:relative;
	left:215;
	top:0;
}

#diashow3{
	position:relative;
	left:430;
	top:0;
}