@charset "UTF-8";

/* @override http://thilo/css/basic.css */

/* last modified:
	date: 2008|09|24
	author: Björn Bippus-Brender
	client: thilo rebmann 

*/

body  { color: #31353a; font: 100 1% Aria, Tahoma, Helvetica, sans-serif; background: url(../images/backgrounds/bg_body.jpg) repeat-x 0 0; margin: 0; padding: 0 }

* {
	margin: 0;
	padding: 0;
}

/* @group Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */

/* @end */

/* @group subnav */

#subnav {
	
	float: right;
	padding-right: 0px;
	width: 200px;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #333;
	}

#subnav ul {
	list-style-type: none;
	
}

#subnav li {
	background: url(../images/layout/bar_bg.gif) no-repeat right;
	float: left;
	display:inline;
	font-size: 11px;
	height: 12px;
	padding-top: 24px;
}

#subnav li a {
	
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	color: #999;
	
}

#subnav li a:hover {
	text-decoration: underline;
}



/* @end */

/* @group font */

a img {
	border: none;
}



h1 {
	font: bold 16px/18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #31353a;
	margin-bottom: 16px;
}

h2 {
	font: bold 16px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #31353a;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 {
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #37342f;
	margin-top: 12px;
	margin-bottom: 8px;
}

p{
	font: normal 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #31353a;
	margin-bottom: 14px;
	
}


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

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #31353a;
	font: 12px/15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	

}

/* @end */

/* @group Layout */

#wrapper{
	width: 970px;
	margin: 0;
	padding: 0;
	height: auto;
	
}

#header {
	width: 970px;
	height: 54px;
	
}

#signet{
	display: inline;
	float: left;
	width: 250px;
	height: 54px;
}

#signet h1{
	display: none;
	margin-left: -999em;
}

#signet img a{
	border: 0;
}

#bildcontainer {
	height: 235px;
	width: 970px;

		
}
#bildcontainer .bildbox_left {
	
	float: left;
	display: inline;
	width: 250px;
	height: 235px;
	background: url(../images/layout/bildbox_links.jpg) no-repeat 0 0;

}

#bildcontainer .bildbox_middle {
	
	float: left;
	display: inline;
	width: 498px;
	height: 235px;
	padding-left: 0px;


}

#bildcontainer .bildbox_right{
	float: right;
	display: inline;
	width: 222px;
	height: 235px;
	background: url(../images/layout/bildbox_rechts.jpg) no-repeat 0 0;

}

#bildwechsler  { background-color: #fc0; position: absolute; z-index: 2000; top: 20px; left: 250px; width: 500px; height: 280px; overflow: hidden }

ul#portfolio{
	overflow: hidden;
	height:  280px;
}

/* @end */

/* @group nav */

#content #navigation{
	float: left;
	display: inline;
	width: 193px;
	padding-left: 57px;
	margin-bottom: 24px;
	height: auto;
	
}

#nav{
	text-align: left;	
	margin-bottom: 24px;
	margin-top: 20px;
}

#nav ul   { list-style-type: none }

#nav li, #nav li a  { color: #31353a; font-weight: bold; font-size: 10px; margin-right: 0; padding-top: 8px; padding-bottom: 8px }

#nav li a:hover {
	color: #222;
	
	}


#nav .sub li {
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 10px;
	padding-right: 0px;
	
}


#nav .sub li a { color: #333; font-weight: normal; font-size: 10px }

#nav .sub{
	padding: 11px 0 2px 12px;
	text-align: left;
	
}

#nav .sub li a:hover {
	text-decoration: none;
	color:  #111;
	
	
}




/* @end */


/* @group Content */

#content  { margin-top: 12px; padding-top: 0; padding-bottom: 14px; width: 970px; height: 400px; min-height: 400px !important }


#content #inhalt{
	float: left;
	display: inline;
	width: 397px;
	padding-left: 30px;
	border-left: 1px dotted #afa595;
	padding-bottom: 24px;
	padding-top: 14px;
	padding-right: 70px;
	height: auto;
}

#content #inhalt ul{
 margin: 0 0 9px;
}

#content #inhalt li{
	list-style-type: square;
	list-style-position: inside;
	font-size: 11px;
	line-height: 14px;
	padding-top: 4px;
}


#content #sidebar{
	width: 196px;
	float: right;
	display: inline;
	border-left: 1px dotted #afa595;
	padding-bottom: 24px;
	padding-top: 14px;
	padding-left: 24px;
	color: #31353a;
	
}


.spruch  { color: #37342f; font: italic 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; margin-top: 12px; margin-bottom: 6px }
.author{
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	color: #615f5f;
	text-align: right;
	margin-top: 8px;
}


#content #sidebar h2 {
	font: bold 14px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666157;
	margin-top: 0px;
	margin-bottom: 5px;
} 

#content #sidebar h3 {
	font: normal 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666157;
	margin-top: 0px;
	margin-bottom: 5px;
} 

#content #sidebar p.termin{
	color: #666157;
	font-size: 11px;
	line-height: 14px;
	margin-top: 12px;
	margin-bottom: 0;
	font-style: italic;
	font-weight: normal;
}

#content #sidebar p.ort{
	color: #31353a;
	font-size: 11px;
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	padding-bottom: 12px;
	border-bottom: 1px dotted #666157;
}





/* @end */

/* @group Footer */

#footer {
	width: 680px;
	padding-left: 280px;
	background: url(../images/icons/jaegersushi.gif) no-repeat 240px 10px;
	margin-top: 14px;
	padding-bottom: 24px;

	}

#footer p, #footer a{
	font-size: 10px;
	color: #666;
	margin: 1px 0 2px;
}
#footer a:hover {
	color:  gray;
}



/* @end */