@charset "utf-8";
/*Copyright 2010 Dr. Susanne Rupp / Intermedien*/
* {
	margin:0;
	padding:0;
}
* html {
	height: 1%;
}
body {
	font: 100.1% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	overflow: scroll;
}
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: url(bilder/back.gif) no-repeat left 120px;
	
}

#container2 {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	
	
}
#header {
	height: 95px;
	background: url(bilder/susanne-rupp.gif) no-repeat 645px 24px;
}
#header h1 {
	display: none;
}
#navigation1 {
	height: 1.2em;
	min-height: 19px;
	width:980px;
	font-size: 0.95em;
	background: #B2BCC5;
	font-weight: bold;
	float: left;
}
#navigation1 ul {
	list-style: none;
}
#navigation1 ul li {
	display: inline;
	border-left: 1px solid #4D6A80;
	padding-right: 20px;
	padding-left: 20px;
	float:left;
}
#navigation1 ul #home {
	border-left-style: none;
}
#navigation1 ul li a {
	color: #4D6A80;
	text-decoration: none; 
}
#navigation1  a span {


}
#navigation1 .highlight{
	background: #4D6A80;
	color: #FFF;
	min-height: 19px;
}
#navigation1 ul li a:hover, #navigation1 ul li a:focus, #navigation1 ul li a:active,
#navigation2 ul li a:hover, #navigation2 ul li a:focus, #navigation2 ul li a:active,
#footer2 ul li a:hover, #footer2 ul li a:focus, #footer2 ul li a:active
{
	color: #FFF;
}




#navigation2 {
	height: 1.2em;
	width:100%;
	font-size: 0.65em;
	color: #B2BCC5;
	background: #4D6A80;
	margin-top: 2px;
	float: left;
	margin-bottom: 3px;
	
	
}

#navigation2 ul li {
	list-style: none;
	display: inline;
	border-left: 1px solid #B2BCC5;
	float:right;
}
#navigation2 .drucken {
	border-left-style: none;
}
#navigation2 ul li a {
	color: #B2BCC5;
	text-decoration: none;
}
#navigation2 a span {
	padding-right: 20px;
	padding-left: 20px;
}
#spalte1 {
	width: 12.5em;
	min-width:205px;
	float: left;
	padding-top: 20px;
	background-color: #D8DDE2 !important;
}
#spalte2 {
	margin: 20px 18.5em 0px 15em;
	color: #4D6A80;
	background-color: #FFF;
}
#spalte3 {
	width: 252px;
	float:right;
	border-right: 1px dashed #B2BCC5;
	border-left:1px dashed #B2BCC5;
	background-color: #FFF;
}
#spalte3 ul li {
	list-style: none;
	padding-bottom: 1.2em;
}



#spalte1, #spalte2, #spalte3, #spalte4
{
	line-height: 1.4em;
	padding: 0px 15px 15px;
	min-height: 560px;
	height: 100%;
}
#spalte1 a , #spalte2 a , #spalte3 a, #spalte4 a {
	text-decoration: none;
	color: #4D6A80;
}

#spalte4 {
	margin: 20px 5em 0px 5.5em;
	color: #4D6A80;
	background: #FFF;
}




.clearfloat {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
h1 {
	font-size: 1em;
	color: #F60;
	margin-bottom: 0.7em;
	margin-top: 16px;
}
h2 {
	color: #4D6A80;
	margin-bottom: 0.5em;
	margin-top: 1em;
	font-size: 1em;
	border-bottom:1px dashed #B2BCC5;
	border-top: 1px solid #4D6A80;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.wolke1 {
	font-size: 0.6em;
	color: #903;
}

.wolke2 {
	font-size: 0.9em;
	color: #8FAF20;
}

.wolke3 {
	font-size: 0.8em;
	color: #006;
}

.wolke4 {
	font-size: 0.7em;
	color: #666;
}
.wolke5 {
	font-size: 1em;
	color: #369;
}

.wolke6 {
	font-size: 0.7em;
	color: #F90;
}


#footer1 {
	background: #8093A3;
	float: left;
	height: 1.2em;
	font-size: 0.7em;
	color:#fff;
	width: 21em;
}

#footer2 {
	height: 1.2em;
	background: #4D6A80;
	font-size: 0.7em;
	color:#fff;
	margin: 0px 0px 0px 21em;
}#footer2 .rupp{
	display: inline;
	float:left;
	color: #FFF;
	text-decoration: none;

}
#footer2 ul li {
	list-style: none;float: right;
	display: inline;
	border-left: 1px solid #B2BCC5;
}
#footer2 .links {
	border: none;
}
#footer2 ul li a {
	color: #B2BCC5;
	text-decoration: none;
}
#footer2 a span {
	padding-right: 20px;
	padding-left: 20px;
}



#footer1, #footer2 {

	margin-bottom: 3em;
}
#Bestellformular table tr td {
	padding: 4px;
}
#Bestellformular table tr th {
	font-size: 1em;
	color: #F60;
	text-align: left;
	padding: 4px;
}
h3 {
	color: #4D6A80;
	margin-bottom: 0.5em;
	margin-top: 1em;
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
p {
	margin-bottom: 1em;
}
.abstand-oben {
	margin-top: 20px;
}






#spalte1 ul li {
	list-style: url(bilder/quadrat.gif) none;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;



}
#_spalte1 ul li a:hover, #_spalte1 ul li a:focus, #_spalte1 ul li a:active
{
	color: #4D6A80;
	font-weight: bold;
	height: 0.5em;
}
#Bestellformular table tr td .formularfeld {
	width: 333px;
}
.markieren {
	color: #900;
}
#spalte2 ul li {
	list-style:square; padding:3px; margin-left:15px;}
	
	.code {
	font-family: "Courier New", Courier, monospace;

}