/* @override http://localhost:8888/markustinner%20symlink/css/mauko2009.css */

/*Aufbau der Seite mit Kopf und Fuss...*/
body {
	padding: 0;
	margin: 0;
	background: #fff url(../images/header.jpg) repeat-x center top;
}

/* @group Font-Faces */

@font-face {
	font-family: 'GraublauWebBold';
	src: url('http://www.markustinner.ch/Fontfaces/Graublau-Web/graublauwebbold-webfont.eot');
	src: local('☺'), url('../Fontfaces/Graublau-Web/graublauwebbold-webfont.woff') format('woff'), url('../Fontfaces/Graublau-Web/graublauwebbold-webfont.ttf') format('truetype'), url('../Fontfaces/Graublau-Web/graublauwebbold-webfont.svg#webfontrBu24Bd5') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('http://www.markustinner.ch/Fontfaces/Graublau-Web/graublauweb-webfont.eot');
	src: local('☺'), url('../Fontfaces/Graublau-Web/graublauweb-webfont.woff') format('woff'), url('../Fontfaces/Graublau-Web/graublauweb-webfont.ttf') format('truetype'), url('../Fontfaces/Graublau-Web/graublauweb-webfont.svg#webfontcSgvLLjn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzThin';
	src: url('http://www.markustinner.ch/Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Thin-webfont.eot');
	src: local('☺'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Thin-webfont.woff') format('woff'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Thin-webfont.svg#webfont1lV5tJgV') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url('http://www.markustinner.ch/Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Light-webfont.eot');
	src: local('☺'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Light-webfont.woff') format('woff'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Light-webfont.ttf') format('truetype'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Light-webfont.svg#webfont2Z8ZAw9C') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('http://www.markustinner.ch/Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Regular-webfont.eot');
	src: local('☺'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Regular-webfont.svg#webfontOyIQuN8e') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('http://www.markustinner.ch/Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Bold-webfont.eot');
	src: local('☺'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Bold-webfont.woff') format('woff'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'), url('../Fontfaces/Yanone-Kaffeesatz-fontfacekit/YanoneKaffeesatz-Bold-webfont.svg#webfontsN7wWogL') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

#menu { margin-top: 10px; margin-right: auto; margin-left: auto;
	width: 600px;
	padding-left: 200px;
}
#wrapper { background-color: #fff; width: 800px; border-left: 1px solid #b2c6d5; border-right: 1px solid #b2c6d5; background-position: 0 50%; margin-top: 210px; margin-left: auto; margin-right: auto; overflow: auto; }
#content { background: white url(../images/content.jpg) no-repeat 0 top; margin: 0; padding: 20px 20px 20px 40px;
	width: 500px;
	float: left;
}
.content-title { color: #39597e; background-color: #b2c6d5; background-image: url(../images/content-title-bg.jpg); background-position: 0 0; border: solid 1px #b2c6d5; -moz-border-radius: 4px; -khtml-border-radius: 4px;
	clear: left;
	padding: 3px 10px 2px;
	margin-top: 40px;
	margin-bottom: 20px;
	float: left;
	width: 480px;
}
#content-gallery { background: white url(../images/content.jpg) no-repeat 0 top; margin: 0; padding: 20px 20px 20px 40px; width: 740px; float: left; }
.webcommentbox { -moz-border-radius:4px; -khtml-border-radius:4px;
	padding: 0;
	width: 50%;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
}

.webcommentbox img {
	width: 240px;
	padding: 0;
	border: 1px solid #99b7d8;
	margin-bottom: 5px;
	height: 160px;
}

.webcommentbox a {
	font: .85em GraublauWebRegular, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.commentbox { background-color: #ebf0f3; background-image: url(../images/comment-bg.jpg); background-repeat: repeat-y; background-position: -30px 0; margin-top: 20px; padding: 12px 25px 0 30px; border: solid 1px #b2c6d5; -moz-border-radius:4px; -khtml-border-radius:4px;
	margin-bottom: 20px;
	clear: left;
}

.commentbox h6 {
	font-size: 12px;
	display: block;
	margin: 3px 0 0;
}

.zitat {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}
/*Sidebar Einstellungen*/
.sidebar-title { -moz-border-radius: 4px; -khtml-border-radius: 4px; color: #7a9f23; background-color: #d8e6a7; background-image: url(../images/sidebar-title-bg.jpg); padding: 0 10px 2px; border: solid 1px #b2c6d5;
	margin-bottom: 5px;
	font-size: 110%;
}
#sidebar { float: right; background: white url(../images/content.jpg) no-repeat -560px top; padding: 140px 20px 20px;
	width: 200px;
	position: relative;
}
p.sidebar { color: #39597e;
	font: normal 70%/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 15px;
	letter-spacing: 1px;
	text-transform: capitalize;
}
/*Footer Einstellungen*/
#footer { background: url(../images/footer.jpg) center bottom; text-align: center; padding: 118px 0 0;
	height: 100px;
	clear: both;
}
p.footer { color: #fff; }
h1 { color: #7a9f23; margin-top: 10px; letter-spacing: -4px; margin-bottom: 20px;
	font: normal 4.5em GraublauWebRegular, Georgia, Times, serif;
}

h2 { color: #7a9f23;
	margin-bottom: 12px;
	letter-spacing: -1px;
	font: 2.4em GraublauWebRegular, Georgia, Times, serif;
}

h3 { color: #7a9f23; margin-bottom: 12px;
	margin-top: 12px;
	font: normal 1.4em GraublauWebRegular, Georgia, Times, serif;
}
h4 { color: #39597e;
	margin-top: 0;
	font: normal normal 1.4em GraublauWebRegular, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h5 { color: #39597e;
	font: 1.1em GraublauWebRegular, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h6 { color: #7a9f23;
	font: italic bold 1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	color: #7a9f23;
}
a:hover, a:active { text-decoration: underline; color: #39597e; }
p { color: #39597e; margin-top: 5px;
	margin-bottom: 30px;
	font: 300 .9em/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}
address { color: #7a9f23; padding-bottom: 3px;
	font: normal normal 0.7em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}
/*Bilder Darstellung*/
.bildrahmen { padding: 5px; border: solid 1px #b2c6d5; -moz-border-radius:4px; -khtml-border-radius:4px; }
.bild-rechts { float: right; margin: 0 0 8px 12px;
	border: 1px solid #b2c6d5;
	-moz-border-radius:6px; -khtml-border-radius:6px; }

.bildrahmen-rechts { margin: 0 0 8px 12px; float: right; padding: 5px; border: solid 1px #b2c6d5; -moz-border-radius:3px; -khtml-border-radius:3px; }

img.indeximage {-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	rotation: -3deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
	
}
/*Trennstrich*/
hr {
	border-top: 2px dashed #b2c6d5;
	border-bottom-style: none;
	padding: 0;
	margin: 30px 0 50px;
}
/*Icons in den Haupttiteln*/
.icon_design { background-image: url(../images/design-icon.png); background-repeat: no-repeat; background-position: left bottom; text-indent: 80px; }
.icon_music { background-image: url(../images/music-icon.png); background-repeat: no-repeat; background-position: left bottom; text-indent: 80px; }
.icon_home { background-image: url(../images/home-icon.png); background-repeat: no-repeat; background-position: left bottom; text-indent: 80px; }
.icon_gallery { background-image: url(../images/galerie-icon.png); background-repeat: no-repeat; background-position: left bottom; text-indent: 80px; }
.icon_plugin { background-image: url(../images/plugin-icon.png); background-repeat: no-repeat; background-position: left bottom; text-indent: 80px; }
.icon_404 { background-image: url(../images/404-icon.png); background-repeat: no-repeat; background-position: left bottom; text-indent: 80px; }
#flashcontent { height: 100%; text-align:center; }