/*Basics*/
html {
	margin: 0 auto;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 62.5%;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	background-color: #BFD0E1;
	background-image: url(gfx/verlauf.png);
	background-repeat: repeat-x;
	background-position: top;
}

a {
	text-decoration: none;
	color: #6397CB
}

a:hover {
	text-decoration: underline;
	color: #6397CB
}

/*Layout*/
#box {
	width: 784px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

#header {
	width: 784px;
	height: 115px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: center;
}	

#content {
	font-size: 1.2em;
	line-height: 1.5em;
	width: 742px;
	padding-left: 21px;
	padding-right: 21px;
	padding-top: 21px;
	background: white;
	float: left;
	text-align: left;
	min-height: 450px;
}

.content_left {
	width: 376x;
	margin-left: -21px;
    padding-left: 16px;
	padding-bottom: 16px;
	float: left;
}

.content_right {
	width: 376px;
	margin-right: -21px;
    padding-right: 16px;
    padding-bottom: 16px;
	float: left;
}

#footer {
	text-align: center;
	width: 784px;
	height: 50px;
	margin: 0px auto;
	padding-top: 4px;
	text-align: center;
	background: url(gfx/footer.png) no-repeat;
	clear: both;
}

/*Start Navigation*/
#menu-left {
	width: 21px;
	height: 34px;
	background: white url(gfx/menu-left.png);
	float: left;
}

#menu-right {
	width: 21px;
	height: 34px;
	background: white url(gfx/menu-right.png);
	float: left;
}	

#menu {
	width: 742px;
	float: left;
	font: bold 12px Verdana, Helvetica, Sans-Serif;
	color: white;
	height: 34px;
	background: url(gfx/menu.png) top center repeat-x;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

/*Hauptpunkte*/
#menu ul li a {
	display: block;
	color: white;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

/*Hauptpunkte Hover*/
#menu ul li a:hover {
	display: block;
	color: white;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background: url(gfx/menu-hover.png) top center repeat-x;	
}

/*Unterpunkte*/
#menu ul li ul a{
	border-width: 1px;
	border-style: solid;
	border-color: #565656;
	color: white;
	background: black;
	margin-top: -1px;
	height: 10px;
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	width: 140px;
}

/*Unterpunkte hover*/
#menu ul li ul a:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #565656;
	display: block;
	color: white;
	background: #565656;
	margin-top: -1px;
	height: 10px;
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	width: 140px;
}

#menu li {
position: relative;
list-style-image: none;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/*Ende Navigation*/

/*Teilung*/
.teaser_start_right {
	width: 180px;
	float: right;
	margin-top: 0px;
	padding-bottom: 12px;
	overflow: hidden;
	clear: both;
}

.spacer_right {
	width: 180px;
	float: right;
	height: 0px;
	margin-top: 15px;
}

.textleft {
	margin-top: -10px;
	padding: 0px;
	width: 350px;
	float: left;
}

.textright {
	margin-top: -10px;
	padding: 0px;
	width: 350px;
	float: right;
}

/*Boxen*/
.boxcontainer {
	width: 752px;
	margin-left: -21px;
	margin-right: -21px;
    padding-left: 16px;
	padding-right: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	clear: both;
}
.boxspacer {
	padding: 4px;
	float: left;
}
.m180b {
	width: 180px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
	float: left;
	background: #E0EFFF;
}
.m180o {
	width: 180px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
	float: left;
	background: #FEFAF0;
}
.t180b {
	width: 180px;
	height: 15px;
	background: url(gfx/t180b.gif);
}
.c180 {
	width: 160px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -9px;
	margin-bottom: -9px;
}
.b180b {
	width: 180px;
	height: 15px;
	background: url(gfx/b180b.gif);
}
.t180o {
	width: 180px;
	height: 15px;
	background: url(gfx/t180o.gif);
}
.b180o {
	width: 180px;
	height: 15px;
	background: url(gfx/b180o.gif);
}
.m368b {
	width: 368px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
	float: left;
	background: #E0EFFF;
}
.m368o {
	width: 368px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
	float: left;
	background: #FEFAF0;
}
.t368b {
	width: 368px;
	height: 15px;
	background: url(gfx/t368b.gif);
}
.c368 {
	width: 358;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -9px;
	margin-bottom: -9px;
}
.b368b {
	width: 368px;
	height: 15px;
	background: url(gfx/b368b.gif);
}
.t368o {
	width: 368px;
	height: 15px;
	background: url(gfx/t368o.gif);
}
.b368o {
	width: 368px;
	height: 15px;
	background: url(gfx/b368o.gif);
}
.m744b {
	width: 744px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
	float: left;
	background: #E0EFFF;
}
.m744o {
	width: 744px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
	float: left;
	background: #FEFAF0;
}
.t744b {
	width: 744px;
	height: 15px;
	background: url(gfx/t744b.gif);
}
.c744 {
	width: 734;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -9px;
	margin-bottom: -9px;
}
.b744b {
	width: 744px;
	height: 15px;
	background: url(gfx/b744b.gif);
}
.t744o {
	width: 744px;
	height: 15px;
	background: url(gfx/t744o.gif);
}
.b744o {
	width: 744px;
	height: 15px;
	background: url(gfx/b744o.gif);
}

/*Kundenbereich*/
.loginpanel {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

.loginbox {
	text-align: left;
	margin-left: -178px;
	position: absolute;
	top: -100px;
	left: 50%;
	width: 359px;
	height: 200px;
	visibility: visible
}

/*Buttons*/
a.bluebutton:link {
	text-decoration: none;
	color: #FFFFFF;
}

a.bluebutton:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a.bluebutton:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a.bluebutton:active {
	text-decoration: none;
	color: #FFFFFF;
}

/*Bilder*/
img.bild {
	padding-left: 21px;
}

img.sl {
	padding-right: 10px;
}

img.bs {
	padding-right: 21px;
	padding-left: 21px;
	padding-top: 16px;
}

/*Listen*/
li {
list-style-image: url(gfx/pfeil1.gif);
}

/*Schriften*/
h1, h2, h3, order {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	line-height: 50%;
	margin-top: 12px;
	margin-bottom: 12px;
}

h1 {
	font-size: 1.5em;
	color: #3F598B;
}

h2 {
	font-size: 1.3em;
	color: #6397CB;
}

h3 {
	font-size: 1.3em;
	color: #6397CB;
	font-weight: bold;
}

.hervor {
	font-size: 1em;
	color: #FF9900;
	font-weight: bold;
}

.small {font-size: 10px}

.order, .order:active, .order:hover {
	font-size: 1.3em;
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}

/*Seitenspezifisch*/
.impressumlinks {
	width: 50% -10px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

.impressumrechts {
	width: 50%;
	float: right;
	margin-bottom: 10px;
}

.kontaktform {
	margin-left: 25%;
}

label {
	display: block;
	float: left;
	width: 120px;
	font-size: 12px;
	padding-right: 3px; 
}

input, textarea {
	margin-bottom: 10px;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

input#submit {
	float: none;
	width: auto;
	margin-left: 123px;
}

form br {
	clear: left;
}

/*Altes Tabellenlayout*/
.tabelle1 {width: 100%; border:0px; border-collapse:separate; background-color:#FFFFFF;}
.td1 {width: auto; border-spacing:6px; padding:4px; padding-left:16px; padding-right:16px; text-align:left; vertical-align:top; border-color:#FFFFFF; background-color:#FFFFFF;}
.tabelle2 {width: 100%; border:0px; border-spacing:0px; border-collapse:collapse;}
.td2 {width: auto; border:0px; border-spacing:0px; padding:4px; padding-top:8px; padding-bottom:8px; text-align:center; vertical-align:top; border-color:#FFFFFF; background-color:#FFFFFF;}
.td3 {width: auto; border:0px; border-spacing:0px; padding:4px; padding-top:8px; padding-bottom:8px; text-align:center; vertical-align:top; border-color:#FFFFFF; background-color:FFFFFF;}