/* @override 
	http://localhost/frameworks/my%20templates/css/style.css
	http://localhost/misto/css/style.css
*/

/* @group Reset&Globals */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #000 url(../img/bg.jpg) no-repeat top;
	background-attachment: scroll;
	color: #dadad8;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

ol, ul {
	list-style: none;
}

a{
	
}
/* @group Useful */

.no{display: none;}
.clear-l{clear: left;}
.clear-r{clear: right;}
.clear{clear: both;}

/* @end */


#pagewrap{
	width: 740px;
	margin: 0 auto; 
	position: relative;
	top: 130px;	
}

/* @end */

h1 a, h1 a:visited{ 
	text-decoration: none;
	color: gray;
	padding: 20px 0px 0px 20px;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}

h1 a:hover{
	color: black;
	text-decoration: underline;
}

h1 a span{
	background: url(../img/logo.png) no-repeat;
	width: 230px;
	height: 101px;
	float: left;
	position: absolute;
	left: 70px;
	bottom: 25px;
}

#navigation{
	background: url(../img/nav.png) no-repeat;
	width:734px;
	float: left;
	height: 72px;
	position: absolute;
	top: 0px;
	right:10px;
}

#navigation ul{
	list-style: none;
	position: absolute;
	top: 35px;
	padding-left: 20px;
}
#navigation li{
	display: inline;
	float: left;
}

#navigation li a{
	padding-left: 15px;
	padding-right: 15px;
	color: #000;
	text-decoration: none;
}
#navigation li a:hover{
	color: #950000;
}
#buchta{
	background: url(../img/buchta.png);
	width: 250px;
	height: 174px;
	right: 0;
	bottom: 0;
	top: -74px;
	position:absolute;
	
}

/* @group Content */

#content-all{
	background: url(../img/content_foot.png) bottom left  no-repeat;
	padding-bottom: 10px;
	width: 723px;
	float: left;
	margin-bottom:30px;
}

#content{
	width: 645px;
	background: url(../img/content.png) repeat-y top left;
	float: left;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	padding-bottom: 30px;

}
#content h2{
	color: #b9b6b6;
	font-weight: normal;
	font-size:0.98em;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 2em;
	border-bottom: 1px solid #4d4d4d;
}
#content p{
	float: left;
	font-size: 0.75em;
	line-height: 1.85em;
	padding-bottom: 15px;
}
.gallery{
	float: left;
	width: 645px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gallery a{
	width: 100px;
	height: 100px;
}
.gallery img{

	padding-right: 5px;

}