/* Page
-------------------------------------------------------------- */
html { height: 100.2%; margin: 0; padding: 0; }

body { background: #fcfcfc; font: 84% 'helvetica neue', arial, sans-serif; color: #222; }

#page { margin: 0 auto; width: 768px; }

#header { background: #fcfcfc url(../img/verlauf.jpg) no-repeat bottom right; border-right: 3px solid #ccc; height: 146px; }
	#header #logo { float: right; margin: 82px 70px 4px 0; }




/* Links
-------------------------------------------------------------- */
a { color: #903; text-decoration: none; outline: none; }
	a:visited { color: #903; }
	a:active { color: #069; }
	a:hover { color: #069; text-decoration: underline; }





/* Navigation
-------------------------------------------------------------- */

a#startpage {
	position: absolute; 
	margin: 0 auto; width: 768px; height: 82px; 
	z-index: 1000;
	text-decoration: none !important;
}

#header #navigation { list-style: none; list-style-type: none; margin: 0; padding: 124px 0 2px 14px; float: left; width: 498px; }
	#header #navigation li { font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0; float: left; }
	#header #navigation li a { text-decoration: none; padding: 0 12px; border-left: 3px solid #fcfcfc; border-right: 3px solid #fcfcfc; }
	#header #navigation li a.active { padding: 5px 12px !important; background: #f5f5f5; border-left: 3px solid #ddd; border-right: 3px solid #ddd; }

#navbuttons { float: right; margin-top: 8px; }


#content {
	background: #f5f5f5;

	border: 3px solid #ddd;
	-moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; 
	-webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; 
	
	padding: 32px 26px 24px 26px;

	line-height: 1.5em;
}





#footer { margin: 0 8px; }
	#footer ul { list-style: none; list-style-type: none; margin: 0; padding: 2px 4px 2px 8px; }
	#footer ul li { font-size: 1em; margin: 0; float: left; }
	#footer ul li a { text-decoration: none; padding: 0 8px; border-left: 3px solid #fcfcfc; border-right: 3px solid #fcfcfc; }
	#footer ul li a.active { padding: 5px 8px !important; background: #f7f7f7; border-left: 3px solid #ddd; border-right: 3px solid #ddd; }


	#footer #trademarks { float: right; margin-right: 21px; }











/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.7em; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin: 2em 0 .5em; letter-spacing: -1px; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: .7em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h3.sh { margin-top: -11px; font-size: 1em; color: #777; }




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p.justify	{ text-align: justify; }

p#ch_sternchen { margin: 46px 0 0 0; color: #999; border-top: 1px solid #dfdfdf; }

p.servicelink { width: 45%; float: left; margin-top: 8px; }
	p.servicelink a { margin: 0; padding-top: 8px; }
	p.servicelink a img { margin: -6px 6px 0 0; }


ul.nopadding { margin: 0; padding: 0; }
ul.noliststyle li { list-style: none; list-style-type: none; margin: 0; padding: 0; }




img.teaserleft { float: left; margin: 12px 32px 32px 0; }
img.teaserright { float: right; margin: 12px 32px 32px 0; }






dl {}
	dl dt { font-weight: bold; margin-top: 8px; }
	dl dt:first-child { margin-top: 0; }











/* cd-huellen bei software */
.proditem {
	width: 140px;
	float: left;
/*	display: inline; */
	
	margin: 12px 0 0 0;
	padding: 6px 0;
	
	text-align: center;
}
.proditem a { display: block; }








form { margin: 21px 0; }

form fieldset { margin: 8px 0; }
	form fieldset.halfleft { width: 46%; float: left; }
	form fieldset.halfright { width: 46%; float: right; }
	form fieldset.submit { text-align: center; }

form .leftwrapper { float: left; width: 46%; margin: 0; padding: 0; }

/*
 *	label zum aufrufen des elementes fieldset
 */
form fieldset legend {
	color: #999;
	text-shadow: #fff 0px 1px 1px;

	font-size: 0.9em;
	font-weight: bold;

	text-transform: uppercase; 
	margin: 0; padding: 0;

}
form fieldset legend span.description { font-weight: normal; text-transform: none; }


/*
 *	textfeld, passwort und textarea
 */
form fieldset input[type=text], 
form fieldset textarea 
{
	width: 96%;
	border: none;
	
	font: bold 1em 'helvetica neue', arial, sans-serif;
	background: #f8f9f5;

	border: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;

	margin-top: 0px;
	padding: 2px 3px 2px 3px;
}


/*
 *	aktive, angeklickte elemente
 */
form fieldset input[type=text]:focus, 
form fieldset textarea:focus 
{
	border: 1px solid #dfdfb2;
	border-left: 1px solid #aeae8b;
	border-top: 1px solid #aeae8b;
	background: #ffc;
}


/*
 *	fehler bei elementen
 */
form fieldset input[type=text].error, 
form fieldset textarea.error
{
	background: #EFCACA;

	border: 1px solid #a78d8d;
	border-left: 1px solid #900;
	border-top: 1px solid #900;
}

form fieldset select.error, 
form fieldset input[type=radio].error 
{
	background: #EFCACA;
}



input.welldone, textarea.welldone {
	background: #d1fa86 !important;
}
input.failure, textarea.failure {
	color: #fff !important;
	background: #900 !important;
}






form.konfigurator {  }

	form.konfigurator fieldset { margin: 12px 0; }

	form.konfigurator fieldset strong.amount { font-size: 1.2em; margin: 1px 6px 0 6px; }
	form.konfigurator fieldset strong.currency { margin-left: 7px; }

	form.konfigurator .fitem { width: 47%; float: left; }

	form.konfigurator .cntseats { width: 14px; height: 14px; font-size: .8em; text-align: center; }

	form.konfigurator #easy_modules, 
	form.konfigurator #standard_modules, 
	form.konfigurator #wawi_modules, 
	form.konfigurator #agentur_modules, 
	form.konfigurator #verlag_modules_zeitschrift, 
	form.konfigurator #verlag_modules_buch
		{ display: none; }
	form.konfigurator #easy_amount, 
	form.konfigurator #standard_amount, 
	form.konfigurator #wawi_amount, 
	form.konfigurator #agentur_amount, 
	form.konfigurator #verlag_amount 
		{ display: none; }
	form.konfigurator #easy_submit, 
	form.konfigurator #standard_submit, 
	form.konfigurator #wawi_submit, 
	form.konfigurator #agentur_submit, 
	form.konfigurator #verlag_submit 
		{ display: none; }











table {
	width: 100%;

	border-bottom: 3px solid #ddd; 
	margin: 0 0 2em;
	border-collapse: collapse;

	line-height: 160%;
}
caption {
	padding: 1.2em .5em .2em 0; 
	letter-spacing: -1px;
	font-size: 1.5em;
  	border: 1px solid #ddd;
	border-width: 0 0 2px;
/*  	background: #f1f2ef; */
}
th, td {
	font-size: 1em;
	padding: 0.2em 1em;
	border: 1px solid #ddd;
	border-width: 0 0 1px 1px;
}
th.first, td.first, tbody th { border-left: none; }
thead th {
	color: #999;
	text-shadow: #fff 0px 1px 1px;

	font-size: 0.9em;
	font-weight: bold;

	text-align: left;
	text-transform: uppercase; 
}
tbody th { width: 20%; }
tfoot { display: none; }












/* vcard
-------------------------------------------------------------- */
address { margin: 12px 0; }
	address.vcard { background: url('../img/microformats.png') no-repeat 0px 2px; padding-left: 24px; }

	address .org { font-weight: bold; }
	address .adr { border-bottom: 1px solid #ccc; padding-bottom: 8px; }



#gmap { float: right; margin: 0 0 21px 21px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#gmap a { display: block; text-align: center; }






/* Misc
-------------------------------------------------------------- */
.light { color: #999; }

.none { display: none; }
.clear { clear: both; margin: 0; padding: 0; }
hr { width: 82%; border: none; border-top: 1px solid #ddd; margin: 24px auto; clear: both; }


a.clx { color: #777 !important; }
span.clx_web { color: #9c3; }
span.clx_print { color: #f8850a; }
span.clx_media { color: #00a7d4; }