/* CSS Document */

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

body{
	background:#000;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.563em;
		line-height:1.778em;
		color:#fff;
		text-transform:uppercase;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#FFFFFF;
}
a:hover{
	text-decoration:none;
	color: #000000;
}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { background:url(images/list-img.gif) no-repeat 0 7px; padding-left:12px; line-height:2.222em;}
li a {color:#B6BDC3;}


.imgindent {margin:0 20px 0 0; float:left;}

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

#header {background:url(images/header-bgr.jpg) no-repeat;}
#header .menu {
	padding:28px 0 0 153px;
}
.logo {padding-right:17px;}
#header .menu img {margin-right:6px;}
	
/* ============================= content ====================== */
#content {height:490px;}
.main-indent  {padding:100px 60px 0 120px;}
#content a {
	color:#FFFFFF;
}
#content a:hover {
	color:#000000;
}

#bestellung {height:490px;}
.main-abstand  {padding:100px 60px 0 120px;}
#bestellung a {
	color:#FFFFFF;
}
#bestellung a:hover {
	color:#000000;
}
 
#page1 #content {background:url(images/content-bgr.jpg) top center no-repeat; height:600px;}
.splash {padding:234px 0 0 50px;}
.splash .logo {padding-right:28px;}
.splash img {margin-right:9px;}

#page2 #content {background:url(images/page2-bgr.gif) #1597cd top no-repeat; }
#page3 #content {background:url(images/page3-bgr.gif) #74ae03 top no-repeat;}   
#page4 #content {background:url(images/page4-bgr.gif) #e58514 top no-repeat;}
#page5 #content {background:url(images/page5-bgr.gif) #8d26ab top no-repeat;}
#page6 #content {background:url(images/page6-bgr.gif) #b61629 top no-repeat;}
#page7 #content {background:url(images/page2-bgr.gif) #1597cd top no-repeat;}
.close-button {margin:43px 0 0 872px; position:absolute;}
h2 {text-transform:uppercase; font-size:2.444em; line-height:1em; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:40px; color:#041d34;}
.phones {padding-right:40px;}

.margin1 {margin-top:20px;}
.gallery {margin:0 -9px -11px 0;}
.gallery img { margin:0 9px 11px 0;}
.link {background:url(images/link.gif) no-repeat right 5px; padding-right:12px; display:inline-block; margin-top:16px; color:#fff !important; text-decoration:none; }


.scroll {height:300px; overflow:auto; color:#FFFFFF; text-transform:uppercase; }
.scroll .inner {
	height:500px;
	padding-right:30px;
	font-size: 11px;
}
.extra {
	padding-right:50px;
	font-size: 12px;
}
.confirm {text-align:right; padding-right:50px;}
.confirm a {margin-right:5px;}

/* ============================= footer ====================== */
#page1 #footer {background:url(images/footer-tail.gif) repeat-x;}
#page2 #footer {background:url(images/page2-footer-tail.gif) repeat-x;}
#page3 #footer {background:url(images/page3-footer-tail.gif) repeat-x;}
#page4 #footer {background:url(images/page4-footer-tail.gif) repeat-x;}
#page5 #footer {background:url(images/page5-footer-tail.gif) repeat-x;}
#page6 #footer {background:url(images/page6-footer-tail.gif) repeat-x;}
#page7 #footer {background:url(images/page2-footer-tail.gif) repeat-x;}
.privacy {padding:24px 0 0 120px; color:#fff}
.privacy a {color:#fff;}

/* ============================= forms ============================= */


#ContactForm label {height:25px; display:block;}

.input {width:252px; height:15px; border:1px solid #FFFFFF; background:#ba2234; padding:3px 0 0 5px; font-size:1em; float:left;}
textarea {width:252px; height:180px; border:1px solid #FFFFFF; background:#ba2234; padding:0 0 0 5px; overflow:auto; font-size:1em;}

#produkte_button {

}