* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	background:url(../img/bg2.gif) repeat-x 0 0; /* bg.gif falls Slogan eingeblendet */
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#077AC7;
}

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

h1 {
	padding-bottom: 6px;
}

h2, h3 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
}

p {
	padding-bottom: 12px;
}

a:link,
a:visited {
	color:#F19100;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}


a img { 
	border:none; 
}

ul {
	padding-bottom: 8px;
}

ul li {
	list-style-type: disc;

	padding: 0 0 4px 4px;
	margin-left: 20px;
}


/* spezielle Klassen */

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.error {
	color:#FF0000 !important;
}

.clearer {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.csc-textpic-caption {
	font-size: 11px;
	font-style: italic;
}


/* Tabellen */

table.contenttable {
	border-collapse: collapse;
}

table.contenttable tr th {
	border-bottom: 1px solid #FF9900;
}

table.contenttable tr td {
	border-bottom: 1px solid #077AC7;
}

table.contenttable td p {
	margin: 0;
	padding: 0;	
}

/* Zitate */
:lang(de) { 
	quotes:"\201E" "\201C" "\201A" "\2018"; 
}
:lang(en) { 
	quotes:"\201C" "\201D" "\2018" "\2019"; 
}

q:before { 
	content:open-quote; 
	color:#FF9900; 
}

q:after { 
	content:close-quote; 
	color:#FF9900; 
}

q q:before { 
	content:open-quote; 
	color:#FF9900; 
}

q q:after { 
	content:close-quote; 
	color:#FF9900; 
}

q { 
	font-style: italic; 
}

q q { 
	color:#FF9900; 
}



/* ------------------------------
Sprachmenü 
--------------------------------*/

div#lang {
	position:absolute;
	top:0;
	right:0;
}
div#lang ul {
	list-style:none;
	margin:0; padding:6px 0;
	margin-right: 14px;
}
div#lang ul li {
	float:left;
	margin:0; 
	padding:0 0 0 10px;
	list-style-type: none;
}

	div#lang ul li a:hover,
	div#lang ul li a.active {
		text-decoration: underline;
	}


/* ------------------------------
Hauptmenü
--------------------------------*/

div#menu {
	margin:0 auto;
	width:968px;
	position:relative;
}

div#menu ul {
	display:block;
	list-style:none;
	margin:0; padding:0;
	position:absolute;
	top:35px;
	/*left:265px;*/
	right: 55px;
}
div#menu ul li {
	display:block;
	float:left;
	margin:0; 
	padding: 0 0 0 25px;
}



/* ------------------------------
Hauptelemente
--------------------------------*/

div#header {
	margin:0 auto;
	width:869px;
	height:50px; /* 97px falls Slogan eingeblendet */
	position:relative;
}
div#slogan {
	position:absolute;
	top:0px;
	left:0;
}
div#content {
	width:869px;
	margin:0 auto;
}


/* Ecken für die Boxen */

div.box { 		
	background:url(../img/box_tl.gif) no-repeat top left; 	
	margin:11px;  
	display: block; 
	float:left; 
}

div.box div { 		
	background:url(../img/box_br.gif) no-repeat bottom right; 	
}

div.box div div { 	
	background:url(../img/box_tr.gif) no-repeat top right; 	
}

div.box div div div { 	
	background:url(../img/box_bl.gif) no-repeat bottom left; 	
}

.boximage { 		
	margin:11px;  
	display: block; 
	float:left; 
}

/* innerhalb des Content-Bereichs keine Hintergrundgrafik mehr */
div.box div div div div {
	background: none;
}


div.text {
	width:542px;
}
div.text div.inner {
	/*min-height:542px;*/
	min-height: 460px;
	padding:18px;
}


/* rechte obere Box */
div.teaser {
	width:283px;
}

div.teaser div.inner {
	min-height:249px;
	padding:18px;
}


/* Box über ganze Breite */
div.full {
	width:847px;
}
div.full div.inner {
	min-height:0px;
	padding:18px;
}



/* -- Contentmenü -- */

ul.subnav li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}

ul.subnav li a.active {
	text-decoration: underline;
}



/* -- Footer -- */

div#footer h1 {
	font-size: 11px;
	font-weight: normal;
	margin-left: 30px;
}


/* ------------------------------
Formulargestaltung
--------------------------------*/

textarea {
	width:280px;
	height:120px;
	color:#077AC7;
}

input {
	color:#077AC7;
}

input.input_option,
textarea {
	padding:2px;
	border:1px solid #077AC7;
}
input.checkme {
	display:none;
}

form {
	margin-top:20px;
	font-size:12px;
	width:500px;
	padding:0 25px 0 0;
}

form input.submit_button {
	display:block;
	float:right;
	cursor:pointer;
}

form span {
	width:100px;
}

form div {
	background:none !important;
}

form#trial div {
	display:block;
	margin:5px 0;
}
form#trial div span {
	display:block;
	width:100px;
	float:left;
	padding:2px 0;
}


form#buyForm {
	font-size:12px;
	width:100%;
	margin-top:20px;
	padding:0 25px 0 10px;
}

	form div.form_data_con {
		display:block;
	}

	form div.form_data_con div {
		display:block;
		clear:both;
	}

	form div.form_data_con div  span {
		width:100px;
		display:block;
		float:left;
		margin:5px 0;
		padding:2px 0;
	}

	form div.form_data_con input,
	form div.form_data_con select {
		clear:both;
		margin:5px 0;
	}

table.table_form {
	width:100%;
}

table.table_form td.label {
	width:40%;
}

table.table_form td.value {
text-align: right;
}

table.table_form td.value input.input_option {
	width:280px;
	}

select.select_option {
width:284px;
}

table.table_form td {
	padding:5px 0;
	vertical-align:top;
}

table.table_form table.adress td,
table.table_form table.contact td,
table.table_form table.subscription td{
	padding-right:15px;
}

table.table_form table.subscription td{
	width:50%;
}

table.subscriptionPrices {
width:95%;
border-collapse:collapse;
}

table.subscriptionPrices td {
vertical-align:middle;
border-bottom:1px solid #077AC7;
	}

td.subscriptionPricesInput {
	width:10%;
	text-align: center;
}

td.subscriptionPricesPrice {
	text-align:right;
	padding-right:10px !important;
}


div#subscriptionDoneInfo {
	background:transparent !important;

}

	div#subscriptionDoneInfoUser,
	div#subscriptionDoneInfoSubscr {
		width:48%;
	}

	div#subscriptionDoneInfoUser {
		float:left;
		background:transparent !important;
	}

	div#subscriptionDoneInfoSubscr {
		float:right;
		background:transparent !important;
	}

	div#subscriptionDoneInfo table {
		width:100%;
		border-collapse: collapse;
	}

		div#subscriptionDoneInfo table td {
			padding:4px 10px;
			vertical-align:top;
			border-bottom:1px solid #077AC7;
		}






/* -- Auf- und Zuklapp Inhaltselemente -- */

div.tglcontent {
	border:1px solid #077AC7;
	border-width:1px 0 0 0;
	margin:10px 0 0 0;
}

div.tglcontent div.head {
	position:relative;
	height:24px;
}
div.tglcontent div.head img {
	position:absolute;
	top:11px;
	left:8px;
}
div.tglcontent div.head h3 {
	display:block;
	float:left;
	margin:0 0 0 26px;
	padding:9px 0 0 0;
	color:#F19100;
	font-size: 12px;
}

div.tglcontent p {
	padding-top: 6px;
	padding-bottom: 0px;
}