@CHARSET "UTF-8";

/*******************************************************************************
 * dysr.de-Layout
 * by Robert Ehmann <info robert-ehmann.net>
 * http://robert-ehmann.net
 * (C) 2008 All rights reserved.
 *
 * Round box graphics originally from the RoundedCorner-theme 
 * by Abdussamad Abdurrazzaq (http://WebsiteTheme.com).
 */

/*******************************************************************************
 * common styles
 */
* {
	color: #666;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

body {
	font-family: sans-serif;
	font-size: small;
	margin: 1em;
	background: white url(../images/don.png) top center no-repeat;
	/*    background: url(../images/boom.jpg) top center no-repeat; */
}

p,h1,h2,h3,h4,h5,h6,address,ul {
	color: #666;
	margin-bottom: .75em;
	line-height: 130%;
}

p + h2,
ul + h2,
address + h2 {
        margin-top: 1em;
}

h2 {
	border-bottom: 1px solid #ccc;
}

p a:hover, ul a:hover {
    background-color: #333;
    color: white;
    text-decoration: none;
}

a img {
	border: none;
}

#page_holder {
	margin: 0 auto;
	max-width: 1000px;
}

/*******************************************************************************
 * header
 */
#logo {
	width: 10em;
	height: 80px;
	float: left;
	background: url(../images/logo.png) center center no-repeat;
}

#header_container h1 {
	margin: 0;
	text-align: right;
}

/*******************************************************************************
 * menu
 */
#menu_container {
    clear: both;
	float: left;
	width: 10em;
	opacity: .75;
}

#menu {
	list-style-type: none;
	font-weight: bold;
	padding: 20px 5px 25px 0px;
}

/* wieder so ein hässlicher IE hack - IE SUXX! */
#menu li { border-bottom: 1px solid #ccc; }
#menu > li { border-bottom: none; }

#menu a {
	display: block;
	padding: .5em 1em;
	color: black;
	text-align: center; text-decoration : none;
	text-transform: lowercase;
	text-decoration: none;
}

#menu a:hover,#menu li.active a {
	background-color: black;
	color: white;
}

/*******************************************************************************
 * footer 
 */
#foot_container {
    /* und schon wieder ein IE hack - i really hate it! */
    float: right;
    width: 100%;
	margin-top: 2em;
	margin-bottom: 4em;
	text-align: center;
}

#foot_container a,
#news a {
	text-decoration: none;
}

#foot_container a:hover {
	background-color: #333;
	color: white;
}

/*******************************************************************************
 * advertising-button
 */
#galerie_text {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .5em;
	text-align: center;
}
 
#galerie_image {
	position: fixed; 
	right: 1.5%; 
	bottom: 2%;
}
 
/*******************************************************************************
 * content
 */
#content_container {
	margin-left: 11em;
}

#content_container .whitebox {
	padding: 20px 25px;
}

#content_container ul {
    list-style-type: square;
}

#content_container li {
    margin-left: 2em;
}

address {
	font-style: normal;
}

em {
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}

.map_icon {
    margin-left: 1em; 
    position: relative;
    vertical-align: middle;
}

/*******************************************************************************
 * image previews
 */
#previews {
	list-style-type: none;
}

#previews li {
	display: inline;
	margin: 0;
	padding: 0;
}

#previews li img {
/*
	width: 80px;
	height: 80px;
*/	
	opacity: 0.5;
	margin: 0 1em 1em 0;
}

#previews a:hover {
    background-color: transparent;
}	

#previews li img:hover {
	border-color: #666;
	opacity: 1.0;
}

/*******************************************************************************
 * white shiny boxes
 */
.whitebox_tc { background: url("../images/whitebox_tc.png") top center repeat-x; }
.whitebox_rc { background: url("../images/whitebox_rc.png") right repeat-y; }
.whitebox_lc { background: white url("../images/whitebox_lc.png") left repeat-y; }
.whitebox_bc { background: url("../images/whitebox_bc.png") bottom center repeat-x; }
.whitebox_tl { background: url("../images/whitebox_tl.png") top left no-repeat; }
.whitebox_tr { background: url("../images/whitebox_tr.png") top right no-repeat; }
.whitebox_bl { background: url("../images/whitebox_bl.png") bottom left no-repeat; }
.whitebox_br { background: url("../images/whitebox_br.png") bottom right no-repeat; }

.whitebox {
    min-width: 100px;
    min-height: 100px;
}