/* cdot.de stylesheet v0.99995 Copyright 2006 c. 070107, filter: alpha(opacity=100); -moz-opacity: 1; */
@import url(/include/css/import.css);

body, input, textarea, pre {
	font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	}
	h1, h2, h3, h4, h5, h6,
	h1.thepage, h2.thepage,
	.bar .thepage,
	.mainheadline,
	.mainheadline span,
	.mainheadline h1,
	.mainheadline h2,
	caption, legend{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		}
	h1, .mainheadline h1, .mainheadline h2 {
		font-size: 1.5em;
		font-weight: normal;
		}

body,input,textarea {
	color: #000;
	background-color: #fff;
	}
.thepagebody {
	color: #fff;
	background-color: #567;
	border: 3px double #fff;
	border-width: 3px 0;
	padding: 0.7em 0 1.2em;
	}

.oldbrowser,.oldbrowser a {
	color: #0f0;
	font-weight: bold;
	}

label, legend {
	color: #fff;
	}
a {
	color: #dff;
	text-decoration: none;
	}
	a:hover,a:focus,a:active {
		text-decoration: underline;
		}
	html>body a:link:hover,html>body a:link:focus {
		text-decoration: underline;
		}
input.submit, input.text, textarea.text {
	color: #000;
	background-color: #eff;
	}
	fieldset input.text, fieldset textarea.text {
		font-family: monospace;
		font-size: 1.1em;
		}
	input.submit:hover,input.submit:focus,input.text:focus,textarea.text:focus {
		background-color: #fff;
		}

/* nav */
.bar {
	color: #000;
	background-color: #fff;
	}
	#foot a, .bar a, .bar a.thepage, .bar a:hover, .bar a:focus {
		color: #000;
		}
		#navcdot:hover, #navcdot:focus {
			color: #000;
			}
		#navfeatures:hover, #navfeatures:focus, .stylefeatures:hover, .stylefeatures:focus {
			color: #69c;
			}

		#navmischer:hover, #navmischer:focus, .stylemischer:hover, .stylemischer:focus {
			color: #f93;
			}

		#navportrait:hover, #navportrait:focus, .styleportrait:hover, .styleportrait:focus {
			color: #c96;
			}

		#navphoto:hover, #navphoto:focus, .stylephoto:hover, .stylephoto:focus {
			color: #567;
			}
		#navstory:hover, #navstory:focus, .stylestory:hover, .stylestory:focus {
			color: #900;
			}
		#naviyos:hover, #naviyos:focus, .naviyos:hover, .naviyos:focus {
			color: #000;
			}

* html .clearfix {
    height: 1%; /* IE5-6 */
    }
* + html .clearfix {
	display: inline-block; /* IE7not8 */
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }