/* ================================================ */
/*  Main CSS für Vorlage */
/* ================================================ */

/* ================================================ */
/*  Texte  */

/* einfach */
/*	font-family: arial, sans-serif, tahoma, helvetica; */

/* serifen-schrift */
/*	font-family: geneva, 'Times New Roman', serif */

/* gut lesbar */
/*	font-family: verdana, helvetica, sans-serif, arial; */

/* grosse Buchstaben */
/*	font-family: tahoma, verdena, helvetica, arial; */

/* ================================================ */

html {
	font-size: 75%;	
}
* {
	font-size: 1em;
}

p, span, h1, h2, h3, h4, h5, h6, ul, a {
	font-family: verdana, helvetica, sans-serif, arial;
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}


table, input {
	font-size: 1em;
	font-family: verdana, helvetica, sans-serif, arial;
	text-align: left;
}
table {
	width: 100%;
}
table td {
	vertical-align: top;
}
table td p {
	margin-bottom: 0px;
}

button {
	padding: 1px 6px 1px 6px;
	margin: 0px;
	font-family: arial, sans-serif, tahoma, helvetica;
	font-size: 12px;
}

ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
  list-style-type: disc;
}
ol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
li {
	padding:  2px 0px 2px 0px;
	margin: 5px 0px 0px 0px;
  list-style-type: disc;
	line-height: 1.3em;
}
hr {	
	margin-bottom: 10px;
	color: #666666;
	background-color:#666666;
	height:1px;
}

p {	
	line-height: 1.3em;
}

/* Überschriften */
H1 {
	padding: 0px 0px 3px 0px; 
	font-size: 1.4em;
	FONT-WEIGHT: bold;
	font-family: arial, sans-serif, tahoma, helvetica;
	margin-bottom: 15px;
}
H2 {
	padding: 0px 0px 3px 0px; 
	font-size: 1.3em;
	FONT-WEIGHT: bold;
	font-family: arial, sans-serif, tahoma, helvetica;
	margin-bottom: 5px;
}
H3 {
	padding: 0px 0px 6px 0px;
	FONT-WEIGHT: bold;
}
H4 {
	padding: 4px;
	FONT-WEIGHT: bold;
	margin-bottom: 8px;
}
H5 {
	padding: 0px 0px 2px 0px;
	FONT-WEIGHT: bold;
}
H6 {
	padding: 4px 0px 4px 10px;
	margin-bottom: 12px;
	FONT-WEIGHT: bold;
}


/* ================================================ */
/*  Farben und Hintergründe */
/* ================================================ */

/* 	
color: #f7f5f0;		Hintergrund
*/


body {
/* in Standards => CMS */
}
p, span, h1, h2, h3, h4, h5, h6, ul, a {
	color: #000000;
}
a {
	color:  #37667C;
}
a:hover {
	color: #aa4646;
}

H1 {
	color:  #aa4646;
	border-bottom: #aaaaaa solid 1px;
}
h2 {
	color: #333333;
}
h3 {
	color:  #aa4646;
}
h4 {
	color:  #222222;
	background-color:  #dddddd;
}
h5 {
	color: #333333;
}
h6 {
	background-color:  #aa4646;
	color: #f2e4cc;
	border: #333333 solid 1px;
}
#global {
	background-color: #eaedef;
}
#header {
	background-color: #ffffff;
}
#header-logo {
}
.links-rahmen {
}
.links-innen {
}
.links-content {
}
#main {
}
.main-rahmen {
}
#main-content {	
	background-color: #ffffff;
}
.main-content-rahmen {	
	border-top: #eaedef solid 2px;
}

.weiterlink {
	color:  #32539f;
}


#footer  {
	background-color: #555555;
}
#footer p , #footer a {
	color: #eeeeee;
}



/* =====  Menuzeile  ===== */
#menu {
	BACKGROUND: url(/img/menu_bg.gif) no-repeat top right;
}
.menufeld {
	BORDER-right: #ffffff 1px solid;
}

div.an {
}
.ende {
	BORDER-right: none;
}
.menufeld a {
	COLOR: #5f7787;
}
.menufeld a:hover {
	COLOR: #aa4646;
}
.menufeld a.an {
	COLOR: #aa4646;
}

#leftcontent {
}


/* =====  Farben Ende ===== */ 


/* ================================================ */
/*  spezielle Klassen der Seite */
/* ================================================ */
/* =====  Menuzeile  ===== */
#menu {
	width: 600px;
	float: right;
	height: 70px;
	margin-top: 7px;
}

.menufeld {
	float: left;
	height: 54px;
}
.menufeld a {
	font-size: 0.9em;
	padding: 14px 4px 0px 4px;
	display: block;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	text-align: center;
}
.menufeld a:hover {
	TEXT-DECORATION: none;
}



#leftcontent {
	float: left;
}
#leftcontent .innen{
	padding: 10px 0px 0px 0px;
}
#leftcontent .bild {
	font-size: 1em;
}

#leftcontent .innentext{
	padding: 40px 20px 20px 0px;
}
#leftcontent .innentext p{
	color: #565656;
}

#Anleitung {
	float: left;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}
#Anleitung p {
	margin-bottom: 10px;
	line-height: 1.2em;
}

#Anleitung .rahmen{
	margin: 25px 10px 0px 10px;
	width: 335px;
	overflow: hidden;
	background-color: #ffffff;
	BORDER: #19356d 1px solid;
}

#Anleitung .innen {
	padding: 10px 15px 70px 15px;
}

.cm-demobutton {
	text-align: right;
	BACKGROUND: url(/img/demo_button.gif) no-repeat bottom right;
	padding: 7px 12px 7px 0px; 
	font-size: 0.9em;
	margin: 0px 40px 0px 0px; 
}
.cm-demobutton  a, .cm-demobutton {
	text-decoration: none;
	FONT-WEIGHT: bold;
	color: #486274;
}
.cm-demobutton  a:hover {
	text-decoration: underline;
	color:  #aa4646;
}


.cm-demobutton-gr {
	text-align: right;
	BACKGROUND: url(/img/demo_button_gr.gif) no-repeat bottom right;
	padding: 7px 12px 7px 0px; 
	font-size: 0.9em;
	margin: 0px 20px 100px 0px; 
}
.cm-demobutton-gr a {
	text-decoration: none;
	FONT-WEIGHT: bold;
	color: #486274;
}
.cm-demobutton-gr a:hover {
	text-decoration: underline;
	color:  #aa4646;
}

/* ================================================ */
/*  Termintabelle  */
/* ================================================ */
.db-rahmen {
	background-color: #FBFCF7;
	border: 1px solid #dddddd;
	padding: 15px 8px 30px 20px;
}
.db-rahmen a{
}
.db-rahmen H4 {
	color: #444444;
	margin-bottom: 10px;
}
.ie-puffer{
	width: 100%;
}

/* Layout1 */
.db-ausgabe1 {
	width: 525px;
	font-size: 0.9em;
}
.db-ausgabe1 .termin {
	padding: 0px;
	width: 100%;
	background-color: #ffffff;
	margin: 0px 0px 15px 0px;
}
.db-ausgabe1 .termin p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.db-ausgabe1 H1 {
	letter-spacing: 0em;
	font-family: verdana, helvetica, sans-serif, arial;
	padding: 5px 0px 4px 5px;
	margin: 0px 0px 0px 0px;
	color: #153967;
	BACKGROUND: url(/img/h1_db.gif) repeat-x;
	border: 1px solid #bbbbbb;
	font-size: 1em;
}
.db-ausgabe1 H2 {
	color: #333333;
	border: 1px solid #bbbbbb;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border: none;
	background-color: #ffffff;
}
.db-ausgabe1 .innen {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 15px 10px 5px 10px;
}
.db-ausgabe1 img {
	float: left;
	Margin: 0px 15px 0.3em 0px; 
	border: 2px solid #dddddd;
}




/* ================================================ */
/* CMS Classes */
/* ================================================ */
.cm-ImgLeft {
	float:left; 
	margin: 0px 20px 0.3em 0px;
}
.cm-ImgRight{
	float:right; 
	margin: 0px 0px 0.3em 20px;
}
.cm-ImgCenter {
	vertical-align: middle;
}
.cm-ImgBottom {
	vertical-align: baseline;
}

.cm-underline-none a {
	text-decoration: none;
}
.cm-underline-none a:hover {
	text-decoration: underline;
}



/*  Tabelle 2-Spaltig */
.cm-tableII td.s1{
	width: 50%;
}
/*  Tabelle 3-Spaltig */
.cm-tableIII td.s1{
	width: 33.33%;
}
/*  Tabelle 4-Spaltig */
.cm-tableIV td {
	width: 25%;
}




/*  Tabelle 2 Boxen */
.cm-TableBox2 td.s1, .cm-TableBox2 td.s3 {
	width: 49%;
	border: #cccccc 1px solid;
	padding: 0px;
}
.cm-TableBox2 td.s2{
	width: auto;
	padding: 0px;
}
.cm-TableBox2 .bl-BoxFormat .box-innen {
	padding: 5px;
}

/*  Tabelle 3 Boxen */
.cm-TableBox3 td.s1, .cm-TableBox3 td.s3, .cm-TableBox3 td.s5 {
	width: 165px;
	border: #cccccc 1px solid;
	padding: 0px;
}
.cm-TableBox3 td.s2, .cm-TableBox3 td.s4 {
	width: auto;
	padding: 0px;
}
.cm-TableBox3 .bl-BoxFormat .box-innen {
	padding: 10px;
}



.cm-button {
	text-align: right;
	BACKGROUND: url(/img/module/button.gif) no-repeat bottom right;
	padding: 7px 12px 7px 0px; 
	font-size: 0.9em;
	margin: 0px 40px 0px 0px; 
}
.cm-button  a, .cm-button {
	text-decoration: none;
	FONT-WEIGHT: bold;
	color: #486274;
}
.cm-button  a:hover {
	text-decoration: underline;
	color:  #aa4646;
}


.cm-button-gr {
	text-align: right;
	BACKGROUND: url(/img/module/button_gr.gif) no-repeat bottom right;
	padding: 7px 12px 7px 0px; 
	font-size: 0.9em;
	margin: 0px 20px 0px 0px; 
}
.cm-button-gr a, .cm-button-gr  {
	text-decoration: none;
	FONT-WEIGHT: bold;
	color: #486274;
}
.cm-button-gr a:hover {
	text-decoration: underline;
	color:  #aa4646;
}






/* ================================================ */
/*  Extra Formatierungen Blockelemente */
/*================================================ */

#footer{
	padding: 6px 0px 6px 0px;
}
#footer p {
	padding: 0px 0px 0px 20px;
}

#footer .bl-ContBoxLinks .box-innen{
	padding: 0px 15px 0px 15px;
}
#footer .bl-ContBoxRechts .box-innen {
	padding: 0px 15px 0px 15px;
}
#footer .bl-ContBoxRechts .box-innen p {
	text-align: right;
}
#footer .bl-box, #footer .bl-gbox {
	background-color: #555555;
}

.bl-BoxTitel2 h5 {
}


.weiterlink {
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}
.weiterlink a{
	text-decoration: none;
	font-weight: bold;
}