/*****

 Allgemeine CSS-Angaben
 Hier befinden sich keinerlei Farbangaben, da diese in einem separaten Stylesheet festgelegt sind (Ausnahme bei "Schatten", siehe unten).

*****/

html { overflow-y:scroll; }
body { font-family:'Trebuchet MS', Sans-Serif; font-size:13px; text-align:justify; margin:0px 20px 20px 20px; margin-left:auto; margin-right:auto; position:relative; width:950px; text-align:justify; /*line-height:18px; 1.5em;*/ }
img { -ms-interpolation-mode:bicubic; }
a { text-decoration:none; }
/*
div.content a:hover { border-bottom:1px dotted #999; }
*/
div.content div.pageimag a:hover { border:none; background:#332; }

h1 { font-size:18px; text-align:center; padding:10px 0px 5px 0px; margin:10px 0px 10px 0px; border-bottom:3px solid; border-bottom-style:double; }
h2 { /*font-family:verdana;*/ font-size:14px; /*font-variant:small-caps;*/ text-align:left; padding:5px 0px; padding:10px 0px 0px 0px; margin:10px 0px 5px 0px; border-top:0px solid; border-bottom:1px solid; }

div.footer { font-size:11px; text-align:center; padding:5px 0px; margin-top:-2px; margin-left:225px; border:1px solid; position:relative; width:700px; z-index:0; -moz-border-radius:0px 0px 8px 8px; }
div.content { padding:0px 25px 25px 25px; margin-left:200px; border-top:none; position:relative; width:700px; z-index:1; -moz-border-radius:0px 0px 8px 8px; }
div.content ul { text-align:left; list-style:square inside; margin-left:0px; padding-left:0px; text-align:justify; /*overflow:auto;*/ }
div.content ul li {  /*margin:5px 0px 5px 25px;*/  margin-left:25px; margin-top:2px; /*line-height:1.5em;*/ }
div.content .lines { padding:5px; margin:10px 20px; /* overflow:hidden; */ }
div.path { font-family:verdana; font-size:10px; margin:5px -15px 15px -15px; clear:left; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.pageimage { width:750px; margin:0px -25px; }
.content img#page_image { width:750px; margin:0px -25px; }


/*****

 Werbe-Anzeigen

*****/

.ad { font-size:11px; text-align:center; padding:20px; margin:0px; margin-bottom:10px; border:1px solid; display:block; float:left; clear:left; width:145px; -moz-border-radius:8px; color:#000; background-color:#fff;
/* font-size:11px; text-align:left; padding:0px 10px; margin:0px; border:1px solid; order:none; display:block; float:left; clear:left; width:180px; -moz-border-radius:8px; color:#000; background-color:#fff; position:relative;*/
}
.ad img { display:block;  margin:0px auto 5px auto; }
.ad a { font-size:11px; text-align:center; display:block; margin:0px auto 5px auto; }


/*****

 Navigationsleiste

*****/

div.navi { position:absolute; top:50px; left:0px; }
div.menu { font-size:11px; line-height:16px; text-align:left; padding:0px; margin-top:0px; margin-bottom:10px; border:1px solid; width:210px; float:left; position:relative; float:none; /*left:0px;*/ /*top:0px;*/ z-index:0; -moz-border-radius:8px; }

/* Alle Listen und Listenelemente */
div.menu ul { padding:0px;  margin:0px; list-style:none; }
div.menu ul b { border-style:solid; border-width:0px 0px 0px 0px; border-color:#cdf; padding-top:10px; text-transform:uppercase; }

/* Alle <a>- und <b>-Tags */
div.menu a, div.menu b { padding:1px 20px 1px 10px; /*margin:0px;*/ display:block; }
div.menu ul ul { padding:5px 0px; border:none; }
div.menu ul ul ul { font-size:10px; padding:0px 0px 2px 0px; }
div.menu ul b { padding-top:10px; text-transform:uppercase; }
div.menu ul ul ul li a { /*font-size:10px;*/ line-height:1.5em; }
div.menu ul li { border-top-style:solid; border-top-width:1px; }
div.menu ul ul li, div.menu ul li:first-child { border:none; }


/*****

 Bilder
 Kind-Selektoren (>) werden von alten IE-Versionen nicht erkannt und daher ignoriert. Folglich werden dort keine Schatten angezeigt.
 Star-HTML-Hack (* html) für Abstände in alten IE-Versionen.

*****/

dl.image {  font-size:11px; background:#fff; /*color:#666;*/ text-align:center; border:0px solid #ccc; /*margin:0px 0px;*/ } 
dl.image dt { padding:0px; margin:0px; margin-bottom:0px;  border:1px dotted #ccc; border-bottom:none; } 
dl.image dd {  margin:0px; padding:0px 0px 4px 0px; border:1px dotted #ccc; border-top:none; line-height:140%; } 
dl.image img { padding:5px 5px 5px 5px; }
dl.floatleft { text-align:center; padding:5px 20px 5px 5px; margin:0px; float:left; clear:left; color:#666; }
dl.floatright { text-align:center; padding:5px 5px 5px 20px; margin:0px; float:right; clear:right; color:#666; }
dl.floatcenter { text-align:center; padding-top:0px; padding-bottom:0px; margin:auto; clear:both; color:#666; }

/*

 Boxes

*/

div.box .floatleft { padding:5px; padding-right:10px; margin:0px; /*margin-right:0px; float:left; clear:none;*/ background:none; }
div.box dl.floatright { padding:5px; padding-left:10px; margin:0px; /*margin-left:10px; float:right; clear:none; */ background:none; }
div.box dl.floatcenter { padding:5px; margin:0px auto; /*margin:0px auto; clear:none; */ background:none; }
div.box dl.image dd, div.box dl.image dt { border:none; }
div.box { text-align:center; margin:0px; padding:0px; }
/* div.box p { margin-top:5px; margin-bottom:5px; } */
div.box p.lines { margin:5px; padding:0px; margin:5px 0px; }
big { font-size:16px; line-height:1.3em; }
small { font-size:11px; line-height:1.3em; }


/*****

 Zusätzliche CSS-Angaben

*****/

	div.advice      { background:#fe7; text-align:justify; margin:10px auto 10px auto; padding:15px 0px; width:100%; -moz-border-radius:8px; border:1px solid #dc5 }
	div.advice p    { margin:0px; padding:5px 20px; }
	div.advice form { margin:0px; padding:5px 20px; text-align:center; }


	p.desc { text-align:justify; margin:15px 0px; }
	table.prices td { padding:2px 5px; }
	table.prices td td { padding:0px; }
	table.prices th {  padding:5px 10px; font-size:11px; text-align:center; font-weight:normal; background:#eef; }
	
	.config a { color:#390 !important; }
	.config a:hover { color:#060 !important; }
	.config h1, .config h2 { color:#360; border-color:#9c6; }
	
	.configresult { position:relative; background:#fff; padding:10px; display:none }
	.configresult h2 { padding:2px; margin:2px; font-style:italic; font-weight:bold; font-size:inherit; color:#6c0; border:none }
	.configresult h2.error { color:#f00; }
	.configresult p { padding:2px; margin:2px; font-size:11px }

	.configresultbox { background:#9f6; border:1px solid #7d4; display:block; padding:0px; margin:10px 0px }
	.configresultbox > p { padding:5px 10px; margin:0px }
	
	.configcombo div { display:none; position:absolute; opacity:1; min-width:150px; min-height:50px; border:1px solid #333; background:#ffc; color:#000; padding:4px; line-height:16px; text-align:left; font:inherit; font-size:11px; z-index:1 }
	.configcombo:hover div { display:block; }
	.configcombo hr { color:#333; background:#333; height:1px; border:none; }
	
	.config table { border:1px solid #7d4; background:#fff; font:inherit; margin:0px; width:100%; border-collapse:collapse; border-spacing:1px; }
	.config table th { border:1px solid #7d4; background:#9f6; font:inherit; font-size:11px; font-weight:bold; text-align:center; padding:10px; }
	.config table td { border:0px solid #fff; font:inherit; font-weight:normal; text-align:left; padding:5px; }

	/* Eingabefelder */
	input[type=text]           { border:1px inset #ccc; background:#fff; color:#666; font:inherit; font-size:13px; padding:4px; }
	input[type=text]:hover     { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	input[type=text]:focus     { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	input[type=password]       { border:1px inset #ccc; background:#fff; color:#666; font:inherit; font-size:13px; padding:4px; }
	input[type=password]:hover { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	input[type=password]:focus { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	textarea                   { border:1px inset #ccc; background:#fff; color:#666; font:inherit; font-size:13px; padding:4px; }
	textarea:hover             { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	textarea:focus             { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	select                     { border:1px inset #ccc; background:#fff; color:#666; font:inherit; font-size:13px; padding:4px; }
	select:hover               { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	select:focus               { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:4px; }
	div.inputdiv               { border:1px inset #ccc; background:#fff; color:#666; font:inherit; font-size:13px; padding:3px 4px; min-height:18px; overflow:hidden; }
	div.inputdiv:hover         { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:3px 4px; min-height:18px; overflow:hidden; }
	div.inputdiv:focus         { border:1px inset #999; background:#ffc; color:#333; font:inherit; font-size:13px; padding:3px 4px; min-height:18px; overflow:hidden; }

	/*select.select { padding:2px; }*/
	/* flags in country selection during order process */
	select.imagebacked {
		-moz-border-radius:1px 1px 2px 1px;
		background-position:5px 9px;
		background-repeat:no-repeat;
		border-color:#666666;
		border-width:1px;
		padding-left:27px !important;
		vertical-align:middle;
	}
	select.imagebacked option {
		background-position:4px 3px;
		background-repeat:no-repeat;
		padding-left:30px;
		vertical-align:middle;
	}
	
	.config .lastchange            { color:#f63; margin:0px; padding:0px; font-size:11px; text-align:right; }
	.config input.changed          { background:#def; border:1px inset #00f; color:#00f; }
	.config input.changed:hover    { background:#ffc; }
	.config input.changed:focus    { background:#ffc; }
	.config textarea.changed       { background:#def; border:1px inset #00f; color:#00f; }
	.config textarea.changed:hover { background:#eef; }
	.config textarea.changed:focus { background:#eef; }
	
	/* Buttons */
	input[type=button]        { border:1px outset #ccc; background:#ccc; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=button]:hover  { border:1px outset #999; background:#ddd; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=button]:focus  { border:1px outset #999; background:#ddd; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=image]         { border:1px outset #ccc; background:#ccc; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=image]:hover   { border:1px outset #999; background:#ddd; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=image]:focus   { border:1px outset #999; background:#ddd; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=submit]        { border:1px outset #ccc; background:#ccc; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=submit]:hover  { border:1px outset #999; background:#ddd; color:#333; font:inherit; font-size:13px; padding:3px; }
	input[type=submit]:focus  { border:1px outset #999; background:#ddd; color:#333; font:inherit; font-size:13px; padding:3px; }

	label { width:100px; font-size:11px; text-align:left; line-height:130%; }
	label.missing { color:#f00; }
	
	.config label { font-size:13px; }
	
	input.missing          { border-color:#f00; background:#fdc; }
	input.missing:hover    { border-color:#999; background:#ffc; }
	input.missing:focus    { border-color:#999; background:#ffc; }
	textarea.missing       { border-color:#f00; background:#fdc; }
	textarea.missing:hover { border-color:#999; background:#ffc; }
	textarea.missing:focus { border-color:#999; background:#ffc; }
	div.missing            { border-color:#f00; background:#fdc; }
	div.missing:hover      { border-color:#999; background:#ffc; }
	div.missing:focus      { border-color:#999; background:#ffc; }
	
	pre.mailcontent { background:#f8f8f8; border:1px solid #ccc; line-height:1.3em; margin:0px; padding:20px; }
	p.mailcontent { background:#f8f8f8; border:1px solid #ccc; line-height:1.3em; margin:0px; padding:20px; }


	/*  Tabs */
/*
	div.pageimage                    { height:30px; color:#bdf; background:#443; list-style-type:none; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #222; padding:10px 0px 0px 0px; }
	div.pageimage ul                 { margin:0px 20px; padding:0px; }
	div.pageimage li                 { float:left; margin:1px 3px !important; padding:0px; width:auto; display:block; }
	div.pageimage li a               { color:#763; background:#332; padding:5px 15px; display:block; border:1px solid #222; -moz-border-radius:4px 4px 0px 0px; }
	div.pageimage li a:hover         { color:#985; background:#552; border:1px solid #222; }
	div.pageimage li.current         { color:#332; background:#fff; -moz-border-radius:4px 4px 0px 0px; }
	div.pageimage li.current a       { color:#332; background:#fff; border-bottom:1px solid #985; -moz-border-radius:4px 4px 0px 0px; }
	div.pageimage li.current a:hover { color:#552; background:#ffd; border-bottom:1px solid #f90; }
*/
	/*  Tabs */
	div.pageimage                    { height:30px; background:none; list-style-type:none; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #339; padding:10px 0px 0px 0px; position:relative; margin-top:-40px }
	div.pageimage ul                 { margin:0px 20px; padding:0px; }
	div.pageimage li                 { float:left; margin:1px 3px !important; padding:0px; width:auto; display:block; }
	div.pageimage li a               { color:#99c; background:#34a; padding:5px 15px; display:block; border:1px solid #009; -moz-border-radius:4px 4px 0px 0px; }
	div.pageimage li a:hover         { color:#ccf; background:#56c; border:1px solid #222; }
	div.pageimage li.current         { color:#332; background:#fff; -moz-border-radius:4px 4px 0px 0px; }
	div.pageimage li.current a       { color:#332; background:#fff; border-bottom:1px solid #fff; /*#985;*/ -moz-border-radius:4px 4px 0px 0px; padding-top:8px; padding-bottom:2px }
	div.pageimage li.current a:hover { color:#552; background:#ffd; border-bottom:1px solid #f96; }
	
	
	/* Tooltip */
	*.tooltipped {
		cursor:help !important;
	}
	.tooltip {
		position:absolute; /*leave this alone*/
		/*position:fixed;*/
		display:none; /*leave this alone*/
		max-width:500px;
		overflow:hidden;
		left:0; /*leave this alone*/
		top:0; /*leave this alone*/
		background:lightyellow;
		border:2px solid gray;
		border-width:1px 2px 2px 1px;
		padding:5px;
		z-index:100;
		-moz-border-radius:8px;
	}
	.tooltip p {
		margin:0px;
		padding:5px;
	}



/*****

 Zum Drucken keine Navigationsleiste anzeigen

*****/

@media print {
	body { width:100%; }
	div.navi { display:none; } div.content { margin-left:0px; } div.footer { margin-left:25px; }

}