body {
margin: 80px 0 0 0;
text-align: center;
 padding:0;
 background-color: #333333;
 font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
}

#mainFrame {
 text-align: left;
 width: 875px;
 margin-left: auto;
 margin-right: auto;
}

#top {
 background-image: url('pics/topBG.gif');
 background-position: left top;
 background-repeat: no-repeat;
 height: 29px;
}

#content {
 height: 500px;
 background-image: url('pics/mainBG.gif');
 background-position: left top;
 background-repeat: repeat-y;
}

#left {
 width: 300px;
 height: 500px;
 float: left;
}

#leftTop {
 background-image: url('pics/leftTopBG.gif');
 background-position: left top;
 background-repeat: no-repeat;
 height: 8px;
}

#middle {
 width: 500px;
 height: 500px;
 float: left;
}

/*.index#middle {
	background-image: url('pics/altbg.gif');
}*/

#right {
 width:75px;
 float: left;
}

#bottom {
 width: 875px;
 height: 8px;
 background-image: url('pics/bottomBG.gif');
 background-position: left top;
 background-repeat: repeat-y;
}

.bottom {
 height: 8px;
 background-image: url('pics/bottomBG.gif');
 background-position: left top;
 background-repeat:no-repeat;
}

#footer {
 width: 875px;
 height: 24px;
 text-align: center;
 font-size: 10px;
 color: #808080;
 padding-top: 6px;
 background-color:#333333;
}

#footer a{
 text-decoration: none;
 color: #808080;
}

#logo {
 margin-bottom: 80px;
}

/*****************************
start: menu
*****************************/
ul#mainMenu {
 list-style-type: none;
 margin:0;
 padding:25px 0 0 0;
}

#mainMenu a {
 color: #ffffff;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 padding-left: 8px;
}

#mainMenu a.cur {
 padding-left: 6px;
}

#mainMenu a:hover {
 padding-left: 6px;
}

.menue_text {
	width:370px;
	padding-left: 10px;
}

.menue_text h2{
	margin-top:0;
}

/*****************************
end: menu
*****************************/

/*****************************
start: news
*****************************/
#news {
 margin-left: 22px;
 width: 250px;
 height: 327px;
}

.news-item {
 padding-top: 7px;
 margin-bottom: 25px;
}

.news-item-icon {
 float: left;

 background-position: left top;
 background-repeat: no-repeat;
}

.news-item-headline {
 width: 207px;
 padding-left: 3px;
 padding-top: 4px;
 float: left;
}

.news-item-headline p {
 margin-top: 0;
 margin-bottom: 0;
 color: #333333;
 font-size: 12px;
}

.news-item-headline h2 {
 margin-top: 0;
 margin-bottom: 0;
}

.news-item-head {
 margin-bottom: 14px;
}

.news-item-content {
 padding-left: 3px;
 font-size: 12px;
}

#footer {
}
/*****************************
end: news
*****************************/


/*****************************
start: content
*****************************/
#text {
 padding-left: 30px;
 padding-right: 30px;
 color: #666666;
}

.s_kontakt #text {
	padding-right: 10px;
}

#text h1{
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
}

#text h2{
 font-size: 14px;
 margin-bottom: 5px;
 font-weight: bold;
}

#text p{
 font-size: 12px;
 margin-bottom: 0;
 margin-top:0;
}

#text a {
 color: #b2b2b2;
}

.row {
	margin-bottom:15px;
	float:left;
}

#text .smallText {
	font-size: 9px;
}
	
/*****************************
end: content
*****************************/


/*****************************
start:team
*****************************/	
#portrait {
	width:500px;
	height:300px;
	background-color:#B2B2B2;
}

#portrait a{
	text-decoration:none;
	cursor: default;
}

.pers1{
	width:167px;
	height:150px;
	background-color:#B2B2B2;
	background-image:url(Bilder/maren_inakt.jpg);
	display: block;
	float:left;
}

.pers1:hover {
	background-image:url(Bilder/maren_akt.gif);
}

.pers2{
	width:167px;
	height:150px;
	background-color:#B2B2B2;
	background-image:url(Bilder/steffi_inakt.jpg);
	display: block;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

.pers2:hover {
	background-image:url(Bilder/steffi_akt.gif);
}

.pers3{
	width:166px;
	height:150px;
	background-color:#B2B2B2;
	background-image:url(Bilder/...);
	display: block;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

.pers3:hover {
	background-image:url(Bilder/...);
}


.pers4{
	width:167px;
	height:150px;
	background-color:#B2B2B2;
	background-image:url(Bilder/...);
	display: block;
	float:left;
}

.pers4:hover {
	background-image:url(Bilder/...);
}

.pers5{
	width:167px;
	height:150px;
	background-color:#B2B2B2;
	background-image:url(Bilder/sebastian_inakt.jpg);
	display: block;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

.pers5:hover {
	background-image:url(Bilder/sebastian_akt.gif);
}

.pers6{
	width:166px;
	height:150px;
	background-color:#B2B2B2;
	background-image:url(Bilder/yasemin_akt.jpg);
	display: block;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

.pers6:hover {
	background-image:url(Bilder/yasemin_inakt.jpg);
}

/*****************************
end: team
*****************************/


/*****************************
start: kontakt
*****************************/

.contactTXT {
	padding-left: 10px;
}

/*****************************
end: kontakt
*****************************/

/*****************************
start: galerie
*****************************/

#msc_menu h1 {
	display: none;
}

/*****************************
end: galerie
*****************************/


/*****************************
end: menü
*****************************/

.frueh {
	padding-top: 14px;
}

.mittag {
	padding-top: 53px; 
}

.kaffee {
	padding-top: 10px;
}

.frueh_link {
	padding-top: 0px;
}

/*****************************
end: menü
*****************************/

/*****************************
start: default classes
*****************************/
.clear {
 clear: both;
}

.gray {
 color: #c1c1c1;
}

.red {
	color:#E21C24;
	}

.leer {
	width:60px;
	height: 1px;
	}
	
.f_left {
	float:left;
	}
	
.f_right {
	float:right;
	}

/*****************************
end: default classes
*****************************/
.clearGif {
	margin-left:300px;
	width: 120px;
	height:27px;
	}
	


.link_text {
	width:150px;
	padding-left: 10px;
}

.frueh_link {
	margin-top: 5px;
}

h2.nogap{
	margin-top:0px;
}

.pdf a {
 color: #b2b2b2;
 text-decoration:none;
}