/* stylesheet for componeo InternetBaukasten websites */
/* DO NOT SET <tab> between class-name and "{"! */
body {
	color: ;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	margin:0px; 	/* works on MSIE only - for NS, Gecko, Opera you must set marginwidth="0" marginheight="0" in the body tag of the html-file additionally*/
	text-align: center;
	margin:auto;
}
body > div {
	text-align:left;
	border:0px dotted green;
	
}
td { 
	/* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
	color: ; /* ns4 */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* ns4 */
	font-size: 12px;
}

/* define headlines explicitly because the differences of default-headlines are too big between the main-browsers */
h1 {
	font-size: 145%;
	font-weight: normal;
}
h2 {
	font-size: 130%;
	font-weight: normal;
}
h3 {
	font-size: 115%;
	font-weight: normal;
}

li {
	padding-bottom: 6px;
}
/* class for areas displayed in print-version only */
.print {
	display: none;
}
/* this class defines the bg-color for the content area and the wysiwyg-editor if not identically with the colors set in body */
.content {	
	background-color : #FFFCF7;
	height:99%;
}

/* links */
a:link {
	text-decoration: none;	
	color:#FF0033;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color:#FF0033;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

/* misc */
.sitemap {
	background-color :;
	border : 1px solid black;
	padding: 3px
}
.footer {
	/* text-decoration doesn´t work as class in gecko, so you have to specify this in the footer.html file */
	font-size: 10px;
	color: #999999;
}

/*  colors etc. of the 3 navigation stati 
text-decoration doesn´t work as class in gecko, so you have to specify this in the navigation.html file */
.open {
}
.closed	{
}
.active {
	color: red;
	font-weight: bold;
}

a:hover.closed, a:hover.open {
	display:block; 
}

/* ------------------ add individual styles below ----------------- */
.tableheight {
	height:100%;
}
.right_top {
	background-color : #A0A0A0;
}
.right {
	background-color : #FF0033;	
}
.pagefooter {
	background-color : #FFFCF7;
}
/* navigation */
.navigation {
	background-color : #BEBEBE;
}
.navigation a:link, .navigation a:visited {
	color: #666666;
	text-decoration: none;	
}
.navigation a:hover, .navigation a:active {
	color: #000000;
	background-color : #CCCCCC;
	display:block; 
}

.nav0 {
	border: 0px solid red;
	padding-top: 20px;
	text-indent : 12px;
	font-size : 13px;
	line-height : 20px;
}
.nav1 {
	padding-left: 25px;
	padding-top: 7px;
	font-size : 11px;
}
.nav2 {
	padding-top: 5px;
	padding-left : 28px;
	font-size : 10px;
}
.nav3 {
	margin-top: 5px;
	text-indent : 30px;
	font-size : 9px;
}
input, textarea, select {
	background-color : transparent;
	border : 1px solid #CCCCCC;
}
.pagenav {
	background-color : #A0A0A0;
	position : absolute;
	top : 100;
	left : 150;
	font-size : 12px;
	font-weight : normal;
	width:590px;
	height:30px;
}
.pagenav a:link, .pagenav a:visited {
	color: #000000;
	text-decoration: none;	
	font-weight : normal;
}
.pagenav a:hover, .pagenav a:active {
	color: #FFFCF7;
	text-decoration: none;	
	font-weight : normal;
}
li { list-style-image : url(red.gif); }