/*
 file: styles.css
 dsc:  Formatierungen fuer alle modernen Browser
*/


body {
	background-color: #00164f;
	color: #fff;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea {
	color: #fff;
	font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
	line-height: 140%;
}

h1 { color: #fff; font-size: 16px; font-weight: bold; }
h2 { color: #fff; font-size: 14px; font-weight: bold; }
h3 { color: #fff; font-size: 12px; font-weight: bold; }
h4 { color: #fff; font-size: 12px; font-weight: bold; }
h5, h6 { color: #fff; font-weight: bold; font-size: 12px; }
p, dl, ul, ol { font-size: 12px; line-height: 140%; }
ul { list-style: none; }
table { font-size: 12px; line-height: 140%; color: #fff; }
tr { }
th { margin: 0; padding: 0 5px 10px 0; }
td { margin: 0; padding: 0 5px 8px 0; line-height: 140%; }

input, textarea { font-size: 12px; color: #333;}

a { color: #fff; font-family: 'Lucida Grande', Geneva, Verdana, sans-serif; }
a:link, a:visited { color: #117bf3; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: none; background-color: transparent; }

strong, b { color: #fff; font-weight: bold; }
em, i { color: #fff; font-style: italic; }
img { border: 0 none; }

hr { margin: 10px 0; }


/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }

/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { min-width: 980px; background-image: url(./window-color.jpg); }
body { background: #00164f url(./window-gradient.jpg) repeat-x left top; }
#page {
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px; height: 787px;
	background: url(./page.jpg) no-repeat 118px 0px; 
}
body.galerie #page { background-image: url(./page-0.jpg); }
body#index #page { background-image: url(./page-index.jpg); }
/* Beginn Header */
#header { 
	width: 737px; height: 231px;
	overflow: hidden;
}
#header h1 { display: none; }
#header div#header-slideshow { margin-left: 118px; width: 619px; height: 231px; }
/* Ende Header */


/* Beginn Menu (links) */
#menu-left {	position: absolute;
	top:      327px;
	left:     0;
	width:    210px;
	overflow: hidden; }

#menu-left ul { margin: 0 0 0 0; }
#menu-left li { margin: 0 0 13px 0; width: 210px; height: 33px; list-style: none; text-align: left; }
#menu-left li a {
	display: block;
	width: 100%; height: 33px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}
#menu-infos a { background-image: url(./menu-infos.jpg); }
#menu-infos a:hover { background-image: url(./menu-infos-over.jpg); }
body.infos li#menu-infos a { background-image: url(./menu-infos-over.jpg); }
#menu-design a { background-image: url(./menu-design.jpg); }
#menu-design a:hover { background-image: url(./menu-design-over.jpg); }
body.design li#menu-design a { background-image: url(./menu-design-over.jpg); }
#menu-galerie a { background-image: url(./menu-galerie.jpg); }
#menu-galerie a:hover { background-image: url(./menu-galerie-over.jpg); }
body.galerie li#menu-galerie a { background-image: url(./menu-galerie-over.jpg); }
#menu-kontakt a { background-image: url(./menu-kontakt.jpg); }
#menu-kontakt a:hover { background-image: url(./menu-kontakt-over.jpg); }
body.kontakt li#menu-kontakt a { background-image: url(./menu-kontakt-over.jpg); }
/* andere Menu-Bilder fuer die Startseite = DESIGN */
body#index li#menu-infos a { background-image: url(./menu-infos-index.jpg); }
body#index li#menu-design a { background-image: url(./menu-design-index-over.jpg); }
body#index li#menu-galerie a { background-image: url(./menu-galerie-index.jpg); }
body#index li#menu-kontakt a { background-image: url(./menu-kontakt-index.jpg); }
body#index li#menu-infos a:hover { background-image: url(./menu-infos-index-over.jpg); }
body#index li#menu-design a:hover { background-image: url(./menu-design-index-over.jpg); }
body#index li#menu-galerie a:hover { background-image: url(./menu-galerie-index-over.jpg); }
body#index li#menu-kontakt a:hover { background-image: url(./menu-kontakt-index-over.jpg); }
/* Ende Menu (links) */


/* Beginn Menu (rechts) */
#menu-right {	position: absolute;
	top:      210px;
	left:     780px;
	width:    185px;
	height:   350px; }

#menu-right ul { margin: 0 0 30px 0; }
#menu-right ol a {
	margin: 0;
	color: #ffa621;
	font-weight: bold;
	line-height: 10px;
	text-decoration: none;
	text-align: center; }
#menu-right li {	color:       #117bf3;
	line-height: 120%;
	text-align:  right;
	list-style:  none;
	margin:      0 0 7px; }

#menu-right li a { color: #117bf3; text-decoration: none; font-weight: bold; font-size: 11px; }
#menu-right li a:hover, #menu-right a:active { color: #fff; }
#menu-right ol a:hover, #menu-right a:active {	color: #fff; }

#menu-right li a.current { color: #fff; }
#menu-right ol a.current {
	color: #fff;
	text-align: center; }
#menu-right p {
	color:      #fff;
	font-size:  11px;
	text-align: right;
	margin:     0 0 7px; }

/* Ende Menu (rechts) */


/* Begin Main (Content-Wrapper) */
#main { position: absolute; top: 230px; left: 250px; width: 500px; property: value; }
#main a:link, a:visited { color: #f5d572; text-decoration: none; }
#main a:hover, #menu-right a:active { color: #fff; }
body.content-1 #main { top: 230px; property: value; }
body.content-2 #main { top: 130px; }
#content { 
	width: 482px; height: 445px;
	padding-right: 5px;
	overflow: auto; overflow-x: hidden;
	outline: 0px solid #fff;
}
body.content-1 #content { height: 445px; }
body.content-2 #content { height: 545px; }
#content h2 { margin: 0 0 1.0em 0; padding: 0; }
#content h3 { margin: 1.5em 0 0.5em 0; }
#content h4 { margin: 1.5em 0 0.5em 0; padding: 0; }
#content p { margin: 0 0 1.0em 0; padding: 0; }
#content p.intro { margin-right: 4.0em; }
#content ol { margin: 5px 0 15px 9px; padding: 0 0 0 9px; }
#content ol li { margin-left: 9px; padding: 3px; }
#content ul { margin: 5px 0 15px 0; padding: 0 0 0 0px; }
#content ul li { margin: 4px 0; padding: 0 0 0 20px; background: url(./list-item-1.gif) no-repeat 0 3px; }
#content dl { margin: 5px 0 15px 0; padding: 0 10px 0 0; }
#content dt { font-weight: bold; color: #444; }
#content dd { padding: 0 0 0 10px; }
#content table { margin: 1.0em 0 1.0em 0; border: 0 none; padding: 0; border-collapse: collapse; border-spacing: 0;}
#content table tr { margin: 0; padding: 0; }
#content table th { margin: 0; padding: 0 8px 8px 0; }
#content table td { margin: 0; padding: 0 8px 8px 0; }
#content p.thumbnails { margin-bottom: 0; vertical-align: bottom; line-height: 100%;}
#content p.thumbnails span { display: block; float: left; margin: 0 12px 10px 0; padding: 0; width: 75px; height: 75px; vertical-align: bottom; text-align: center; line-height: 75px; overflow: hidden; }
#content p.thumbnails span a { vertical-align: bottom; line-height: 75px; font-size: 75px;  overflow: hidden; }
#content p.thumbnails span a img { margin: 0; padding: 0; vertical-align: bottom; }
/* Ende Content */


/* Spezielle Klassen */
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.clear { clear: both !important; }
.hide { display: none !important; }
.small { font-size: 10px !important; }