/* Styles für www.pressel.de, Stand: 2010-03-09
   erstellt von Melanie Lohn Multimedia-Entwicklung, www.melanie-lohn.de */
/* C #9a9781, M #f0027e, Y #fafade, K #000000
   hellgrau: #e8ebf2, grau: #c3c9d7, dunkelgrau #3d414b */




body {
color: #000000;
margin: 0;
padding: 0;
font: 12px/1.2em Verdana, Arial, sans-serif;
letter-spacing: 0px;
line-height: 16px;
overflow: scroll;
background: #c3c9d7 url(../bilder/schatten_higru.jpg) repeat-x top;
}

a { 
color: #334972;
font: 12px/1.2em Verdana, Arial, sans-serif;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

small, small a, small a:hover { 
color: #334972;
font: 10px/0.7em Verdana, Arial, sans-serif;
text-decoration:none;
} 

.leer {
clear: both; 
overflow: hidden; 
margin: 0; 
padding: 0; 
height: 1px;
} 

h1 { 
color: #3d414b;
font: bold 18px/1.1em Verdana, Arial, sans-serif;
}

h2 {
color: #3d414b;
font: bold 16px/1.0em Verdana, Arial, sans-serif;
}

h3 {
color: #3d414b;
font: bold 14px/0.9em Verdana, Arial, sans-serif;
}

h4 {
color: #3d414b;
font: bold 12px/0.8em Verdana, Arial, sans-serif;
}


/******* Seitenaufbau **********/

#umrandung {
width: 900px;
margin: 0 auto;
background: url(../bilder/l-bg.png) repeat-y center;
}

#oben {
background: #fff;
margin: 0px 21px;
padding: 0;
}

#kopfleiste {
height: 112px;
margin: 0px 18px;
background: #fff;
z-index: 2;
}


.horizontaleoben {
background: #3d414b;
height: 24px;
margin: 0 18px;
border-top: 2px solid #3d414b;
border-bottom: 2px solid #3d414b;
}

.horizontaleunten {
background: #3d414b;
height: 2px;
margin: 0 18px;
}

#logo {
margin: 0px;
position: absolute;
z-index: 102;
}

#fusszeile {
color: #000;
text-align: center;
padding: 10px 10px 3px 10px;
}

#unten {
background: #fff;
height: 60px;
margin: 0 21px 20px;
padding: 0;
}

/******* Inhalt *********/

#mitte {
background: url(../bilder/schatten_inhalt.gif) repeat-x top;
margin: 2px 21px 0 21px;
padding: 5px;
overflow: hidden;
clear: both;
}

#inhalt {
width: 520px;
padding: 15px 20px 15px 15px;
float: left;
}

#inhalt p {
margin: 0 0 10px 0;
}

#inhalt ul {
padding: 0 0 10px 0;
margin: 15px 0 0 15px;
}

#inhalt li {
margin: 0;
padding: 0 0 4px 0;
list-style: square;
}

#bunteliste li {
margin: 0;
padding: 0 0 4px 0;
list-style: none;
}

.img {
border: 1px solid #999999; 
padding: 5px; 
margin: 3px; 
background-color: #fff;
}

#boxen {
width: 284px;
float: left;
}

.box {
padding: 2px;
margin-top: 5px;
clear: both;
}

.cont {
display: block;
background: #e8ebf2;
padding: 5px;
}


/***** Einblend-Menü **********/
.menue {list-style: none;}

.menue ul {  
  margin: 0;
  padding: 0;
  list-style: none;
}
.menue ul li {
  display: block;
  position: relative;
  float: left;
}
.menue li ul { display: none; }
.menue ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
  font: bold 13px/1.2em Verdana, Arial, sans-serif;
}
.menue ul li a:hover { 
  background: #e8ebf2; 
  color: #334972;
  }
.menue li:hover ul {
  display: block;
  position: absolute;
}
.menue li:hover li {
  float: none;
}
.menue li:hover a { background: #e8ebf2; color:#334972;}
.menue li:hover li a:hover { background: #c3c9d7; }

/***** Boxen vertikal **********/
#vertikaleboxen {
width: 300px;
margin: 0;
float: left;
}

/***** Formularelemente **********/
fieldset {
width: 450px;
float: left;
padding: 3px;
margin-top: 5px;
clear: both;
}

.button {
border: 1px solid #3d414b;
background-color: #e8ebf2;
}

.required {
border: 1px solid #3d414b;
background-color: #e8ebf2;
margin-bottom: 5px;
}

#anfrage div.error, #anfrage label.error {color: #f0027e;}

.menu {
border: 1px solid #3d414b;
background-color: #e8ebf2;
margin-bottom: 5px;
}

label {
	width: 210px;
	display: block;
	float: left;
}
input {
}
.summe {
	font-weight: bold;
	border-top: #999 solid 1px;
	padding-top: 3px;
	width: 200px;
	font-size: 1.2em;
}
.summe input {
	font-weight: bold;
	font-size: 1.2em;
	border: #000 none 0px;
	background: none;
	width: 200px;
	text-align: right;

}
.summe label {
	width: 200px;
	margin-top: 4px;
}
.blockLeft {
	float: left;
	width: 200px;
	margin-right: 40px;
}
.blockRight {
    float: left;
	width: 200px;
}
.clear {
	clear: both;
}
.button,
.inputAdress {
	width: auto;
}
.inputnumber {
	text-align: right;
		width: 45px;
}


/***** jquery Panorama **********/
.panorama-viewport {
	position: relative;
	width: 900px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
.panorama-container {
	position: relative;
	width: 80000px;
	margin: 0;
	padding: 0;

}
.panorama-control {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	bottom: 14px;
	left: 0;
	width: 90%;
	height: 20px;
	background: #333333;
	filter: alpha(opacity=50);
	opacity: .5;
	text-align: left;
	visibility: hidden;
}
.panorama-control-left, .panorama-control-right, .panorama-control-pause { 
	float: left;
	padding: 0;
	margin: 0;
	color: white;
	text-decoration: none;
	font-size: 10px;
	line-height: 20px;
	width: 33%;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
}
.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { 
	text-decoration: none;
}
.panorama-control-pause {
	text-transform: uppercase;
}
.panorama-panel {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	background: #009cff;
	filter: alpha(opacity=50);
    opacity: 0.5;
	-moz-opacity: 0.5; // Mozilla
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE
    -khtml-opacity:0.5; // Safari
	color: white;
	padding: 4px;
}
.panorama-panel h2 {
	font-size: 10px;
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
}
.panorama-panel ul {
	display: none;
}
.panorama {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

/***** jquery Newsticker **********/
.newsticker {
	list-style-type: none;
	padding: 0;
	margin: 0;
}