/* CSS Document */

* {
padding: 0;
margin: 0;
}


body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;

background-color: #ddd;
}

/* Container */

#screen {
position:relative;
margin: 30px auto;
background: #fff url(../images/optiserver_schatten_rechts.gif) 100% 100% repeat-y;
width: 720px;
text-align: left;
}

#visitenkarte {
position:absolute;
top:-10px;
left:-13px;
width: 300px;
height: 178px;
margin: 0;
background-color: transparent;
color: #fff;
text-align: left;
}

#kopf {
height:200px;
background:transparent url(../images/optiserver_schatten_toprechts.gif) 100% 0 no-repeat; 
width:100%;
position:relative;
top:-1px
}


.titel {
clear:right;
float:right;
position:relative;
display:inline;
text-align:right;
margin-right:30px;
top:70px;
font-size:1.5em;
color:#999;
}


#text {
margin-left:200px;
margin-right:50px;
background-color: transparent;
color: #000;
font-size: 0.8em;
}

#navigation {
position:relative;
display:inline;
background-color: transparent;
float: left;
left: 20px;
font-size: 1em;
color: #333;
}

#fuss {
clear:both;
position:relative;
width:100%;
background:transparent url(../images/optiserver_fuss.gif) bottom repeat-x;
height:25px;
font-size:0.7em;
text-align:right;
color:#666666;
}

/* Textformatierung */

	#kleinnav
	{
		position:relative;
		display:inline;
		float:right;
		font-size: 0.8em;
		right:5px;
		margin:0;
		padding: 20px;
		color: #666;
	}
	
	#kleinnav ul
	{
		text-align: right;
		padding: 0;
		list-style-type: none;
	}
	
	#kleinnav li
	{
		display: inline;
		padding: 0 2px;
	}
			
	
	#kleinnav a 
	{
		color: #069;
		text-decoration: none;
		padding: 3px;
		
	}
	
	#kleinnav a:hover
	{
		border-bottom:1px dotted #069;
	}
	
	#kleinnav a:focus
	{
		border-bottom:1px dotted #069;
	}
	
	#kleinnav a:active
	{
		border-bottom:1px dotted #069;
	}
	
	#kleinnav a:current
	{
		border-bottom:1px dotted #069;
	}
	
#navigation p {
margin: 0 0 10px 5px;
padding: 0;
}

.seknav {
font-size:0.8em;
margin-left:5px;
}
 
#navigation a {
padding: 3px;
margin: 0;
color: #069;
text-decoration: none;
border-bottom:1px solid #fff;
}

#navigation a:hover {
border-bottom:1px dotted #069;
} 
#navigation a:active {
border-bottom:1px dotted #069;
}
#navigation a:focus {
border-bottom:1px dotted #069;
} 
#navigation a:current {
border-bottom:1px dotted #069;
}

h1 {
font-size: 1.4em;
font-weight: normal;
color: #069;
margin: 0 0 20px 0;
}

h2 {
font-size: 1em;
font-weight: bold;
color: #c00;
margin: 0 0 8px 0;
}

h3 {
font-size: 1em;
color: #6699CC;
margin: 0 0 5px 0;
}

#text a {
color: #69c;
}
#text a:visited {
color: #69c;
}

#text a:hover {
background-color: #eee;
color: #c00;
} 
#text a:active {
background-color: #eee;
color: #c00;
} 
#text a:focus {
background-color: #eee;
color: #c00;
} 
#text a:current {
background-color: #eee;
color: #c00;
}

#text p {
font-size: 1em;
margin: 0 0 20px 0;
line-height: 150%;
}


.blog {
padding: 10px 8px 0 8px;
border-bottom:1px dashed #666;
}

.eingerueckt {
margin-left: 130px;
}

ul.eingerueckt, 
ol.eingerueckt {
margin-left: 130px;
}

#text ul, 
#text ol {
margin: 0 30px 20px 20px;
line-height: 150%;
}

#text ul li, #text ol li {
font-size: 1em;
list-style-image: url(../images/dataicon.gif);
margin: 0 10px;
line-height: 150%;
}

.marker {
color:#CC0000;
font-weight:bold;
}

.marker2 {
color:#c00;
font-style:italic;
}


/* Bilder und Sonstiges */

img {
position:relative;
border:1px solid #ccc;
}

.links {
float: left;
display:inline;
margin: 5px;
}

.rechts {
float: right;
display:inline;
margin: 5px;
}

.invis {
display: none;
}

.clear {
clear:both;
}

abbr, span.abbr, acronym {
border-bottom: 1px dotted #999;
cursor: help;
}