/* Basics and Typography */

body {
	margin: 0;
	padding: 0 3px 0 0;
	background: #CED1E8 url(bg.gif) repeat-x fixed;
	font-size: 78%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #06C; 
	text-align: center;
}
p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0.4em 0;
}
img {
        margin: 3px 0 -3px 0;
        border:0;
}
ol, ul {
	list-style-type:none;
	font-size: 1em;
	margin: 1.2em 0 1.2em 2em;
	margin: 5px 0px 5px 0px;
	padding: 0;
}
li     {
	margin: 0px 0px 7px 0px;
}
dt     {
	font-size: 1.1em;
	margin: 17px 0px 8px 0px;
        padding:2px;
}
dd     {
	margin: 0 0 8px 10px;
	line-height: 0.9em;
}

table { border:0px;  }
td { width:250px; }

h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0 0.6em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #06C; 
}
h1 {
	margin:0;
}

h1, h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #F7931D;
}
a:hover, a:active {
	color: #06C;
}

a.blau:link, a.blau:visited {
	color: #06C;
}
a.blau:hover, a.blau:active {
	color: #F7931D;
}

input, textarea, select {
	border: 1px solid #06C;
	font-size: 0.9em;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	color: #06C; 
	background-color: #D1D7FF;
        padding: 1px;
        border:0;
}

* html input {
	/* Peters IE-Hack für Such-Button und Formular-Abstand */
        padding: 2px 1px 1px 1px;
        margin: 0 3px -15px 0;
}

input.button {
        padding:0;
}


.small {
	font-size: 0.8em;
}
.datum {
        color: #B0B5E1;
	font-size: 0.8em;
}



/* Layout */

#start {
        position:absolute;
	background: url(start.gif) no-repeat;
        left:0px;
        top:0px;
	margin: 0;
	padding: 0;
        height: 200px;
        width: 200px;
	text-align: right;
        
}

#wrapper {
	margin: 0 auto;
	width: 830px;
	text-align: left;
}

#header {
	padding: 0;
        margin: 0;
	border-bottom: 8px solid #06C;
	text-align: center;
}

#content {
	  padding: 0 0 0 0;
        margin:0;
	  float: left;
        background-color:#fff; 
        width:100%;       
}
	
#blogs {
	float: left;
	padding: 0 10px 0 10px;
	width: 580px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 540px;
} 

html>body #blogs {
	width: 540px;
}

* html #blogs {
	overflow: hidden;
	/* So IE won't break things */
}



#randspalte {
	padding: 0 0 0 10px;
	float: left;
	width: 280px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 260px;
} 

html>body #randspalte {
	width: 260px;
}
* html #randspalte {
	overflow: hidden;
	/* So IE won't break things */
}


#kasten {
	  width:228px;
        margin:10px 10px 0px 0px;
        padding:10px;
	  border:1px dashed #06C;
        overflow: hidden;
}
html>box{
	width: 228px;
}