@import url(http://fonts.googleapis.com/css?family=Oswald);

* { margin:0; padding:0}
:focus { outline:none}

body {
	background: #0e375e;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#container {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 20px;
}
#header {
	background-image: url(gfx/header-bg.png);
	height: 246px;
	position:relative;
}
#header h1 {}
#header h1 a {
	position:absolute;
	left:311px;
	top: 12px;
	height: 57px;
	display:block;
	overflow:hidden;
	width:279px;
	text-indent:-9999px;
}

ul#menu {font-family: 'Oswald', arial, serif; position:absolute; bottom:0; left:100px;}
ul#menu li { list-style:none; float:left}
ul#menu li a{
	color:#bc9f91;
	font-size:20px;
	text-decoration:none;
	display:block;
	padding:12px 15px;
	-moz-text-shadow:0 2px 2px rgba(0,0,0, .5);
	-webkit-text-shadow:0 2px 2px rgba(0,0,0, .5);
	text-shadow:0 2px 2px rgba(0,0,0, .5);
}
ul#menu li a:hover{ color:#fff}
ul#menu li.active a{ color:#fff}

/* -- Inhalt -- */

#inner {
	padding-left: 50px;
	background-image: url(gfx/inner-bg.png);
	background-repeat: repeat-y;
	background-position: 41px 0;
	padding-right: 20px;
}
#sidebar {
	float:right;
	overflow:hidden;
	padding:30px 30px 30px 0;
	background-image: url(gfx/main-bg.png);
	background-repeat: no-repeat;
	background-position:right 0;
}
.front #mainContent {
	overflow:hidden
}
#mainContent {
	padding: 20px 30px;
	background-image: url(gfx/main-bg.png);
	background-repeat: no-repeat;
}
#mainContent h1{
	margin-bottom:17px;
	font-family: 'Oswald', arial, serif;
	color:#725a44;
	font-size:30px;
	text-shadow: 0 1px 0 #fff;
}
#mainContent h2{ margin-bottom:17px; padding-bottom:10px;color:#725a44; font-size:16px;border-bottom:1px dashed #bcbcb3}

#mainContent p{ margin-bottom:14px;}

#mainContent ul{ padding-left:24px;}
#mainContent ul li{}

#mainContent a{color:#006699; text-decoration:none }
#mainContent a:hover{color:#725a44}

#mainContent dl{ margin-bottom:15px}
#mainContent dl dt{ font-size:18px;color:#725a44; margin-bottom:15px}
#mainContent dl dd a{ font-weight:bold; color:#006699;  text-decoration:none; display:block}
#mainContent dl dd a:hover{ color:#725a44}

#mainContent dl dd { }
#mainContent dl dd em{ font-size:12px;}

#mainContent div.node{ margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #bcbcb3}
#mainContent div.node h2{ margin-bottom:10px;color:#725a44; font-size:20px; display:block;border-bottom:0;padding-bottom:0; }
#mainContent div.node div.inner{}

#mainContent div.node h2 a{color:#006699; text-decoration:none}
#mainContent div.node h2 a:hover {color:#725a44}
#mainContent div.node img{
	border:5px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow:0 1px 3px rgba(0,0,0, .4);
	box-shadow:0 1px 3px rgba(0,0,0, .4);
	margin-right:20px;
}
#mainContent div.node div.inner{
	overflow:hidden;
}
#mainContent.baubericht div.node div.inner img{
	display:block;
	margin:0 auto 20px;
}
*+html #mainContent div.planes div.node{
	padding-top:12px;
}
*+html #mainContent div.planes div.node div.inner{
	min-height:235px;
}

/* -- CSS3 Gallery -- */

/* -------------------------------------------------- */
		
ul.polaroids {  margin: 0 0 18px -30px; }
ul.polaroids li { float: left; list-style:none}
ul.polaroids a { 
	background: #fff; 
	display: block; 
	margin: 0 0 27px 30px; 
	width: auto; 
	padding: 10px 10px 15px; 
	text-align: center; 
	text-decoration: none; 
	color: #ccc; 
	font-size: 18px; 
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
	-webkit-transform: rotate(-2deg); 
	-webkit-transition: -webkit-transform .15s linear; 
	-moz-transform: rotate(-2deg); 
}
ul.polaroids img { display: block; width: 270px; margin-bottom:20px; }
ul.polaroids a:after { content: attr(title); }

ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }

ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }

ul.polaroids li a:hover { -webkit-transform: scale(2.0); -moz-transform: scale(2.0); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }


/* -- Footer -- */

#footer {
	background-image: url(gfx/footer-bg.png);
	background-repeat:no-repeat;
	height: 71px;
	margin-left: 41px;
	font-size: 10px;
	text-align: right;
	color: #e0aa96;
}
#footer a{	color: #e0aa96;	text-decoration:none}
#footer a:hover{color: #fff;}
#footer p {	margin: 0;	padding-top: 40px;	padding-right: 30px;}

/* Verschiedene wieder verwertbare Klassen */

.fltrt { 
	float: right;
}
.fltlft {
	float: left;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}