body {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: #e7e0e0 ;
	color: #979797;
	line-height: 19px;
}

form, div, h2, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

i { color: #666; }
b i { color: #888; }
.listEntry { margin-bottom: 10px; }
b { color: #979797;}


hr { border-top: #D1D6C7 1px dashed }
.hrcontent { border: dotted 1px #a06a52; }
h1 { font-size: 20px; color: #979797; line-height:30px;}
h2 { font-size: 13px; color: #979797;}
h3 { font-size: 14px; }
form		{ display: inline; }
fieldset	{ margin: 0em 0em 0em 5em; border: 1px solid #fff; padding: 1em;}

.formLabel	{ padding-top: 6px; }
input, textarea, select	{ margin-top: 5px; padding-left:2px; color: #000; background-color: #FFF; font-family: Verdana, Arial, sans-serif; font-size: 1em; border: 1px solid #999; }
input.submit	{ cursor: pointer; }
input.disabled	{ cursor: default; }
input:focus, 
textarea:focus	{ color: #333; border-color: #000; }

label		{ padding-top: 56px; cursor: pointer; }
label:hover	{ color: #C00; }




a, a:link, a:visited, a:active, a:focus {
	color: #979797;
	text-decoration: underline;
}
a:hover {
	color: #979797;
	text-decoration: underline;
}


/* Navigation */


#nav a.select 			{ color: #7b7b7b; text-decoration: none; }
#nav a.select:active	{ color: #000; }
#nav a.select:hover	{ color: #7b7b7b; text-decoration: underline;}

#nav a		{ color: #979797; text-decoration: none; }
#nav a:active 	{ color: #000; }
#nav a:hover	    { color: #979797; text-decoration: underline;}

#nav_balken {
	clear: both; 
	position: absolute;
	top: 200px;
	left: 70px;
	width: 792px;
	height: 50px;
	text-align: center;
	font-size: 11px;
	color: #bbb;
	}
	
#nav ul {
	margin: 0px;
	padding: 8px 2px 8px 0px;
	list-style-type: none;
}
#nav li {
	margin: 0px;
	padding: 0px 9px 0px 9px;
	display: inline;
}
#nav li.sel	{ border-top-width: 0px; }
#nav li.sel a { padding-top: 1px; }



/*
Subnavi
*/

#subnavi { 
	position:absolute;
	left:0px;
	top:20px;
	width: 200px;
	line-height: 18px;
}

#subnavi a.sel 			{ font-weight: bold; }
#subnavi a.sel:hover	{ text-decoration: underline;}

#subnavi a		{ color: #979797; text-decoration: none; }
#subnavi a:active 	{ color: #000; }
#subnavi a:hover	    { color: #979797; text-decoration: underline;}


#subnavi ul {
	margin: 0px;
	padding: 8px 2px 8px 0px;
	list-style-type: none;
	}
#subnavi li {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	list-style-type: none;
}

.first { padding: 5px 0px 0px 0px;}
.last { padding: 0px 0px 10px 0px;}

/* Klassen Navigation */


.sel { font-weight: bold;}
.sub { color: #5D7A1D; text-align: center; }
.subsel { text-decoration: underline; }


#oben_innen
{
	margin: 0px auto;
	top : 0px;
	width: 934px;
	height: 221px;
}
.kopf { background: url('../img/alexandertechnik-berlin.gif') center top no-repeat; }

.rot { color: red;}

.fotocredit { font-size: 11px; }
.navi_left { font-size: 13px; }

img { border: solid 1px #D1D6C7;  }
.noborder { border: none; }


 
.letter {
	float: left;
	border: none;
}

.links {
	text-align: left;
	width: 225px;
}

.links_con {
	width: 200px;
	text-align: right;
}

.title { display: none; }

.thumb {
	float: right; margin: 5px 0px 20px 20px;
}

.center {
	text-align: center; margin: 35px 0px 35px 0px;
}


/* Content */
.nav_bg_o {
	background: url('../img/nav_bg_o.jpg') ;
 	height:12px;
}

.nav_bg_u {
	background: url('../img/nav_bg_u.jpg') ;
 	height:12px;
}

.text {

	padding: 0px 0px 100px 260px;
	width:465px;
}

.img_left {
	position:absolute;
	left:0px;
	top:50px;
}



.img_left_susanne {
	position:absolute;
	left:40px;
	top:80px;
}

.img_left_thomas {
	position:absolute;
	left:40px;
	top:360px;
}

.img_left_musik {
	position:absolute;
	left:0px;
	top:130px;
}

.img_left_var {
	position:relative;
	left:0px;
	top:60px;
}
 

.footer { 
	margin-top: 45PX;
	padding: 10px 10px 45px 0px;
	font-size: 10px;
	position: relative;
	top: -25px;
	left: 350px;
/*	border-top: solid 1px #c3c3c3; */
	text-align: right;
	width: 480px;
	text-decoration: none;
}

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


/* Rahmen */

.box { width: 200px; background: #5486BD; }
.box h1, .box ul { margin: 0 10px; }
.box h1 { font-size:150%; color:#fff; }
.box .top, .box .bottom { display:block; background: #e7e0e0; }
.box .top b, .box .bottom b { display:block; height: 1px; overflow: hidden;	background: #5486BD; }

.box .r1 { margin: 0 5px; }
.box .r2 { margin: 0 3px; }
.box .r3 { margin: 0 2px; }
.box .top .r4, .box .bottom .r4 { margin: 0 1px; height: 2px; }


.frame { width: 500px; background: #e7e0e0; }
.frame h1, .frame p { margin: 0 10px; }
.frame h1 { font-size:150%; color:#fff; }
.frame .top, .frame .f_bottom { display:block; background: #5486BD; }
.frame .top b, .frame .f_bottom b { display:block; height: 1px; overflow: hidden;	background: #5486BD; }

.frame .r1 { margin: 0 5px; }
.frame .r2 { margin: 0 3px; }
.frame .r3 { margin: 0 2px; }
.frame .top .r4, .frame .f_bottom .r4 { margin: 0 1px; height: 2px; }


/** 
 * Sample CSS for DIV pagelayout 
 */
#container {
	position: relative;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 934px;
	\width: 914px;
	w\idth: 934px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url('../img/bg_content.gif') ;
}

#headerBlock { }

#mainBlock {
	position: relative;
	top: 70px;
	left: 100px;
	width: 830px;
}

#leftBlock {
	float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-right: 5px;
	padding: 35px 10px 40px 30px;
	font-size: 11px;
	text-align: right;
	
}

#rightBlock {
	float: right;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-left: 5px;
	padding: 5px;
	background-color: #d9ac7f;
	height: 100%;
}

#footerBlock {
	height: 42px;
	clear: both;
	padding: 0px;
	margin-top: 5px;
	background: #e7e0e0 url('../img/bottom.gif') ;
}