/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{
	background:url(images/top-tail.gif) top repeat-x #FFFFFF;
	text-align:left;
}

img {
	vertical-align:top;
	clear: none;
}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#515151;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#515151; outline:none;}
a:hover{
	color: #666666;
}
p {padding-top:15px;}
h4{ font-size:2em; line-height:1.5em; letter-spacing:-1px; margin-bottom:-2px;}
h3{
	font-size:2.167em;
	color:#121212;
	line-height:1.5em;
	padding-bottom:8px;
	padding-top: 20px;
}
cite{ font-style:normal; display:block;}
strong{ display:block; color:#8ebd00;}

/* ============================= main layout ====================== */
.imgindent {margin:0 18px 0 0; float:left;}
.phone{
	padding-right:150px;
	float: right;
}
.space1{ margin-left:20px;}
.padding1{ padding-top:12px;}
.padding2{ padding-top:63px;}
.padding3{ padding-top:7px;}
.padding4{ padding-top:20px;}

/* ============================= header ====================== */

#header{ }

#header .top{ width:100%; overflow:hidden; height:111px; 
			position:relative;
			
			
		background:transparent url(images/logo_panoramax.jpg) no-repeat scroll left top;	
			
			}
#header .right{ text-align:right;}
#header .menu{ padding:67px 5px 0 0;}
#header .menu li{ float:left; font-size:1.083em; padding-left:2px;}
#header .menu a{ color:#535353; text-decoration:none; display:inline-block; cursor:pointer;}
#header .menu span{ display:inline-block; padding:4px 12px 6px 12px;}
#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat #d6dfe1; color:#292929;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}

#header .logo{ padding:20px 0 0 0px;}
#header .slogan{ padding:182px 0 0 42px;}

#header .box_flash {
				
				width:100%; 
				overflow:hidden; 
				height:363px; 
				position:relative;}

#header .box_bild_imp {
	width:100%;
	overflow:hidden;
	height:363px;
	position:relative;
	background-color: transparent;
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#header .box_bild_kontakt {
	width:100%;
	overflow:hidden;
	height:363px;
	position:relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ============================= content ====================== */
.boxes{
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
}
.boxes .line{ background:url(images/boxes-line.gif) repeat-y 449px 0; width:100%; overflow:hidden;}
.box{
	height:500px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 43px;
	padding-right: 50px;
}
.boxes .col-1 .box{
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.boxes .col-2 .box{
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.boxes .col-1 h4{ color:#789f00;}
.boxes .col-2 h4{ color:#f77400;}
.box .links{ padding-top:13px;}
.box .links{ font-weight:bold;}
.boxes .col-1 .links a, .boxes .col-1 .links{ color:#86b800;}
.boxes .col-2 .links a, .boxes .col-2 .links{
	color:#515151;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 5px;
	margin-top: 40px;
}

.indent{ padding:20px 24px 30px 43px;}
.column-2{ margin-left:70px;}

.text1 span{ display:block; color:#858585; background:url(images/list-marker.gif) no-repeat 0 3px; padding-left:12px; margin-left:94px;}
.text1 a, .link1{ color:#00aed9;}
.link{
	color:#0000FF;
	font-weight:bold;
	display:inline-block;
	padding-left:13px;
	margin-top:22px;
	background-image: url(images/link-bg.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

.list{ margin:-3px 0;}
.list li{ line-height:2em; background:url(images/list-marker.gif) no-repeat 0 8px; padding-left:12px;}
.list a{ color:#00aed9;}

table{ border-collapse:collapse; margin:8px 0;}
table td{ border:solid 1px #eaeaea; padding:11px 20px;}
table .col1{ width:510px;}
table .col2{ width:90px; text-align:center; vertical-align:middle; color:#858585;}
table .col3{ width:85px; text-align:center; vertical-align:middle;}
table .link{ margin:0;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #dedede; width:100%; overflow:hidden;}
#footer .rss{ display:inline-block; float:right; padding:21px 26px 0 0;}
#footer .small-menu{ float:right; padding:20px 5px 0 0;}
#footer .small-menu li{ float:left; color:#c3c3c3; padding-left:9px;}
#footer .small-menu a{ color:#f58931; display:inline-block; margin-right:9px;}
#footer p{
	margin:19px 0 0 19px;
	padding:1px 0 0 27px;
	color:#696969;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer p span{ color:#bcbcbc;}
#footer p a{ color:#f58931;}

/* ============================= forms ============================= */
#SearchForm{ margin:28px 0 0 665px; background:url(images/search-form-bg.gif) no-repeat 0 0; position:absolute;}
#SearchForm .input1{ vertical-align:middle;}
#SearchForm .input2{ border:solid 0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#898989; padding:2px 8px 1px 1px; width:182px;}

#ContactForm{ padding-top:5px;}
#ContactForm span{ display:inline-block; width:60px; vertical-align:top;}
#ContactForm label{ display:block; height:28px;}
#ContactForm input{ border:solid 1px #515151; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#515151; padding:1px 2px 1px 3px; width:285px;}
#ContactForm textarea{ border:solid 1px #515151; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#515151; padding:1px 2px 1px 3px; width:285px; height:110px; overflow:auto;}
#ContactForm .link{ float:right; margin:20px 25px 0 0;}
.headline_max {
	font-size: 24px;
	padding-top: 15px;
	color: #000000;
	width: 100%;
	bottom: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.max_box {
	width: 100%;
	padding-top: 20px;
}
.spalte_links {
	clear: none;
	width: 50%;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.spalte_rechts {
	clear: right;
	width: 50%;
	float: right;
	padding: 5px;
}
.container_inhalt {
	width: 100%;
	padding: 5px;
}
max_headline_box {
	font-size: 24px;
	color: #000000;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	text-decoration: underline;
}
max.box {
	font-size: 24px;
	color: #000000;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
}
.index.text {
	height: 400px;
	width: 300px;
	border: medium solid #0000CC;
}
.index.max {
	height: 400px;
	width: 300px;
	border: medium solid #0000CC;
}
.maxindex {
	height: 400px;
	width: 300px;
	border: medium solid #003399;
	position: relative;
	left: -150px;
	top: 250px;
	background-color: #999999;
	background-position: left;
	float: right;
	clear: both;
}
.leistunglinks {
	float: left;
	width: 50%;
}
.leistungsrechts {
	float: right;
	width: 50%;
	padding-top: 60px;
}
.leistlinkshead {
	width: 100%;
	padding-top: 10px;
}
.kugellinks {
	float: left;
	width: 50%;
}
.kugelrechts {
	float: right;
	width: 55%;
	margin-top: 55px;
}
.leistlinkstext {
	float: left;
	width: 60%;
	font-size: 24px;
	color: #000000;
	padding-top: 40px;
	padding-bottom: 15px;
}