html { height: 100%; margin-bottom: 1px; }

body {
background-color: white;
font-family: Verdana, Arial, Sans-Serif;
color: #696969;
font-size: 100.01%;
}

#wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
} 


#header {
 height: 184px;
 }

#headerman {
	float:left;
	margin-top: 25px;
	margin-left: 55px;
	width: 86px;
	height: 139px;
}

#headerman a { 
	display:block;
	width: 86px;
	height: 139px; 
	overflow:hidden; 
}

#headerman a:hover { 
	display:block; 
	text-indent:-86px;
}

#headerclaim {
	float:left;
		margin-top: 109px;
	margin-left: 95px;
}

#headerlogo {
	float: right;
	margin-top: 35px;
}

#outer{ 
	margin-top: 50px;
	border-left: solid 206px white;
	border-right: solid 206px white;
	background-color: #ffffff; 
} 

#inner {
	margin:0; 
	width:100%; 
}

#left {
 	width:206px; 
	float:left; 
 	position:relative; 
 	margin-left:-206px; 
 	margin-right:1px;
 }

#left p {
	font-size: 0.7em;
	line-height: 1.4em;
	padding-bottom: 8px;
}

#left h1 {
	padding: 0;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 40px;
}
 
 #right {
 	width:206px; 
 	float:right; 
 	position:relative; 
 	margin-right:-206px; 
 	margin-left:1px;
 }

 #right p {
	font-size: 0.7em;
	line-height: 1.4em;
	padding-bottom: 8px;
}

 
 
 #spaltenfoto {
 	border: 1px solid #999999;
	padding: 1px;
	margin-top:38px;
	margin-bottom: 20px;
 }

#content{ 
	position: relative; 
	font-size: 0.8em;

}

#content p {
	padding: 5px 30px;
	line-height: 1.4em;
}

#content ul {
	margin:0 30px 5px 60px;
	list-style-type: disc;
	list-style-position: outside;
}

#content li {
	line-height: 1.4em;
}

#footer {
	clear:left;
 	margin-top: 30px;
} 

#footertext {
	margin-left: 236px;
	margin-bottom: 10px;
	font-size: 0.7em;
}

/* Box mit runden Ecken */
.box {
	width: 205px;
	line-height: 1em;
}

.b1, .b2, .b3, .b4 {
	font-size:1px; 
	overflow:hidden; 
	display:block;
}

.b1 {height:1px; background:#ff3333; margin:0 5px;}
.b2 {height:1px; background: white; border-right:2px solid #ff3333; border-left:2px solid #ff3333; margin:0 3px;}
.b3 {height:1px; background:white; border-right:1px solid #ff3333; border-left:1px solid #ff3333; margin:0 2px;}
.b4 {height:2px; background:white; border-right:1px solid #ff3333; border-left:1px solid #ff3333; margin:0 1px;}
.contentbox {
background: white; 
border-right:1px solid #ff3333; 
border-left:1px solid #ff3333;
}
.contentbox div {
margin-left: 10px;
}

/* für graue Boxen */


.bg1, .bg2, .bg3, .bg4 {
	font-size:1px; 
	overflow:hidden; 
	display:block;
}

.bg1 {height:1px; background: #a9a9a9; margin:0 5px;}
.bg2 {height:1px; background: white; border-right:2px solid #a9a9a9; border-left:2px solid #a9a9a9; margin:0 3px;}
.bg3 {height:1px; background:white; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9; margin:0 2px;}
.bg4 {height:2px; background:white; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9; margin:0 1px;}
.contentboxg {
background: white; 
border-right:1px solid #a9a9a9; 
border-left:1px solid #a9a9a9;
}
.contentboxg div {
margin-left: 10px;
}
/* graue Boxen Ende */


.box h1 {
	padding: 0 10px 10px 10px;
	font-weight: normal;
	font-size: 1.2em;
}

.box h2 {
	padding: 0 10px 0 10px;
	font-size: 0.7em;
	font-weight: bold;
}

.box p {
	padding: 0 10px 0 10px;
	font-size: 0.7em;
}

.boxlink{
	padding-top: 0;
	text-align: right;
}

#boxdevider{
	border-top: 1px solid #cfcfcf;
	padding-top: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

#boxdevider h1 {
	padding-left: 0;
}

#box .datum{
	color: #9f9f9f;
}

h1 {
	font-size: 1.5em;
	padding:0 30px 10px 30px;
	font-weight: normal;
	line-height: 1.5em;
}

.akademie {
	background-color:#DBDBDB;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:2px;
}

h2 {
	font-size:1em;
	padding: 15px 30px 5px 30px;
	font-weight: bold;
 	line-height: 1.4em;
  letter-spacing: 0.5px;
}

h3 {
	font-size:0.9em;
	padding: 10px 30px 0 30px;
	font-weight: bold;
}

.daten {
	color: #747474;
	font-size: 0.9em;
	font-weight: normal;
	padding-bottom:0;
	margin-left: 30px;
}

.klein {
	font-size: 0.8em;
}

.fotorand {
	margin-left:10px;
	padding: 1px;
	border: 1px solid #999999;
	margin-bottom: 5px;
}

.merksatz {
	border: 1px solid #c2c2c2;
/*	background-color: #ebebeb;*/
	background-image: url(http://www.live-intouch.com/images/merksatzbg.gif);
	background-repeat: no-repeat;
/*	background-position: left;*/
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom:20px;
	margin-top: 20px;
	padding-left: 0;
}


.absatztrenner {
	margin-left:30px;
	margin-right:30px;
	margin-top:20px;
	border-bottom:1px solid #b7b7b7;
}

.kurstrenner {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0;
	border-bottom: 1px dashed #b7b7b7;
	margin-bottom: 0;
	font-size: 0.3em;
}

.coltopmargin {
	margin-top: 40px;
}

table {
	margin-left: 30px;
	margin-top: 10px;
	border-collapse: collapse; 
	background-image: url(http://www.live-intouch.com/images/tablebg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #616161;
	width: 490px;
}

td, th { 
padding: .3em; 
border: 1px #ccc solid; 
line-height: 1.4em;
}

#ohnedeco {
	background-image: none;
	margin-top:0;
}

#ohnedeco td, th {
	border: none;
}

#ohnedeco p {
	padding-left:0
}

#ohnedeco h2 {
 padding-left: 0;	
}

.red {
	color: #ff3333;
}

#siteby {
	padding-bottom: 30px;
	padding-top: 20px;
	font-size: 0.65em;
}

.editlink{
	color: #4169e1;
	border: 1px solid #ff8c00;
	padding-left:2px;
	padding-right:2px;
}

a.editlink:visited{
	color: #4169e1;
}

.pagination {
	font-size:0.85em;
	margin-left:30px;
	margin-right:30px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	padding-bottom:3px;
	padding-top:3px;
	margin-bottom:10px;
	margin-top:5px
}

#anmeldungshow {
	margin: 20px 30px 20px 30px;
	padding: 10px 0 10px 0;
}



#mainNav {
	height: 31px;
 	border-top: 3px solid #999999;
}


#mainNav a{
	display: block;
	padding: 0 8px;
	line-height: 29px;
	text-decoration: none;
	color: #f5f5f5;
	border-right: 1px solid #D2D2D2;
	float: left;
	font-weight: bold;
}

#mainNav a:hover {
	background-image: url(images/navbgcurrent.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #DCDCDC;
}

#mainNav .selected {
	background-image: url(images/navbgcurrent.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #DCDCDC;
}

#mainNav ul {
	list-style: none;
	width: 100%;
	background-color: silver;
	float: left;
	font-size: 0.8em;
	background-image: url(images/navbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
}

#mainNav ul li { 
	float: left; 
}

#topnavigation {
	clear: both;
	text-align: right;
	font-size: 0.7em;
	line-height: 1.1em;
	padding-top: 10px;
	
}

#topnavigation ul{
	float: right;
	margin: 0;
}

#topnavigation ul li {
	background-color: transparent;
	display: block;
	float: left;
	font-family: Verdana, helvetia, sans-serif;
	list-style-type: none;
}

#topnavigation a {
/*	display: block;*/
	padding: 0 6px 0 6px;
	text-decoration: none;
/*	border-right: 1px solid #747474;*/
}

#topnavigation a:hover {
	border-bottom: 0;
	color: #999999;
}

#topnavigation .current {
	color: #747474;
}


/* Submenues links */

#submenu { 
margin: 40px 0 0 0;
border-bottom: 1px dashed #ccc;
width: 200px;
}

#submenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#submenu li { 
margin: 0; 
line-height: 1em;
}

#submenu a {
display: block;
color: #ff3333;
background-color: transparent;
width: 190px;
padding: 4px 0 4px 10px;
text-decoration: none;
border-top: 1px dashed #cccccc;
font-size: 0.7em;
}

#submenu a:hover
{
color: #999999;
padding: 4px 0 4px 10px;
background: url(http://www.live-intouch.com/images/raquograph.gif) no-repeat right;
}

#submenu li #current {
	color: #747474;
	background: url(http://www.live-intouch.com/images/laquographgray.gif) no-repeat right;
}

#submenu ul ul
{
margin-left: 10px;
padding: 0;
list-style-type: none;
}

#submenu li li a
{
display: block;
color: #ff3333;
background-color: transparent;
width: 180px;
padding: 4px 0 4px 10px;
margin: 0;
border-top: 1px dashed #dcdcdc;
border-bottom: none;
text-decoration: none;
}

/* - end submenu - */

/* Usermenues links */

.usermenu { 
margin: 5px 0 0 0;
/*border-bottom: 1px dashed #ccc;*/
width: 182px;
}

.usermenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

.usermenu li { 
margin: 0; 
line-height: 1em;
}

.usermenu a {
display: block;
color: #ff3333;
background-color: transparent;
width: 182px;
padding: 1px 0 1px 0;
text-decoration: none;
/*border-top: 1px dashed #cccccc;*/
font-size: 0.7em;
}

.usermenu a:hover
{
color: #999999;
padding: 1px 0 1px 0;
background: url(http://www.live-intouch.com/images/raquograph.gif) no-repeat right;
}

.usermenu li #current {
	color: #747474;
	background: url(http://www.live-intouch.com/images/laquographgray.gif) no-repeat right;
}

.usermenu ul ul
{
margin-left: 10px;
padding: 0;
list-style-type: none;
}

.usermenu li li a
{
display: block;
color: #ff3333;
background-color: transparent;
width: 180px;
padding: 4px 0 4px 10px;
margin: 0;
border-top: 1px dashed #dcdcdc;
border-bottom: none;
text-decoration: none;
}

/* - end usermenu - */



/*------- Formular ---------*/

#formularbg {
	margin: 20px 0 20px 45px;
	width: 440px;
}

#formularbg #submit {
	background-color: #ff3333;
	color: #fffafa;
	font-family: Verdana, Arial, Geneva, sans-serif;
	width: 100px;
	font-size: 0.8em;
}

#formularbg .formnote { font-size: 0.8em; line-height: 1.5em; display:block;}

#formularbg .hidden { display: none; float: none; width: 0; }

#formularbg fieldset { 
	margin-top: 10px; 
	}

#formularbg form br { clear: left; }

#formularbg input {
	float: left;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 1em;
	width: 200px;
}

#prospekte input {
	width: 30px;
}

#formularbg input .check{
	float: left;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 1em;
	width: 30px;
}

#formularbg input,textarea {
	background: #FFFFFF;
	border: 1px solid #A9A9A9;
	font-family: Verdana, Arial, Geneva, sans-serif;
	margin: 4px 0;
	padding: 3px 3px;
	font-size: 0.8em;
}

/*#formularbg input:active, input:hover{ background-color: #E8EBDF; }
*/
#formularbg input:focus,textarea:focus {
	background-color: #ffe4e1;
}

#formularbg input .req {
	border-color: #dc143c;
}

#formularbg label {
	display: block;
	float: left;
	font-size: 0.8em;
	padding-right: 0.8em;
	padding-top: 3px;
	text-align: right;
	width: 180px;
}

#formularbg label .check { width: 200px; }

#formularbg legend {

	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 0 4px 0 4px;
	margin-left:10px;
}

#formularbg select { display: block; float: left; width: 260px; }

.formnote {
clear: both;
	display: block;
	padding-left: 188px;
}

.requestnote {
font-size: 0.75em; 
padding-left:30px;
}

#scode { font-size: 0.75em; 
margin-top: 7px; 
/*padding-left: 30px; */
width: 360px;  
font-weight: bold;
margin-left: 188px;
}

#captchapic { margin-left:188px;margin-top:10px; }

a {
color: #ff3333;
text-decoration: none;
}

a:visited {
color:#ff3333;
text-decoration: none;
}

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

a:active {
 color:#ff3333;
}