/* 
Thank you for looking at our copyrighted css source codes.

EN  

 All or partial duplication of any content, graphic, layout, 
 concept on this website are prohibited.  Check your local 
 and international copyright laws and rules for details.

 Copyright © by Grabs-Schrempf Internetdienstleistungen. 
 All Rights Reserved. Users of this site agree to be bound by 
 the terms of the Grabs-Schrempf Web Site Rules and Regulations.

GE

Gemäß österreichischem Recht sind alle unter der vorliegenden Domäne 
enthaltenen Quelltextdaten urheberrechtlich geschützt. Sämtliche 
Urheberrechte in Bezug auf Programmierung und Screendesign
sind im Besitz der Firma Wolfgang Grabs-Schrempf 
Internetdienstleitungen und Informationstechnik, 5061 Elsbethen AUT EU.
www.webdesign-salzburg.at, Andrea Grabs und Wolfgang Grabs-Schrempf. 
Das Kopieren, Ausschneiden und Verändern von enthaltenen Inhalten, Quelltext, 
Datenbankstrukturen sowie Bild und Multimediamaterial ist ausdrücklich 
untersagt und wird strafrechtlich verfolgt. 
Der Zusammenhang der Seitenstrukturen wird im Rechtsstreit 
als ein Datenbankwerk bezeichnet. Gerichtsstand ist das Landesgericht 
Salzburg. Ausnahmen bilden lediglich enthaltene Quelltextstellen mit 
direkten Bezug auf andere Urheber. 
*/

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-align: center;
	margin: 0; padding: 0;
	padding-top: 20px;

/* nur IE */
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-arrow-color: #666666;
scrollbar-track-color: #EFEFEF;
}

img { border: none; }
a:link, a:visited { color: #333; }
a:hover, a:active { text-decoration: none; }

dl.liste_buero dt { float: left; clear: left; width: 40px; }
dl.liste_buero dd { margin-bottom: 5px; }
.liste_buero ul { list-style-type: circle; }

#marvin { margin: 20px auto; width: 900px; text-align: left; }
#logo img { width: 900px; height: 40px }
#header { height: 90px; }
#header img { float: right; width: 280px; height: 45px; }

div#header ul { margin: 0; padding: 29px 0 0 0; list-style-type: none; }
div#header ul li { float: left; font-size: 1.1em; color: #999; }
div#header li a:link, div#header li a:visited { text-decoration: none; color: #999; }
div#header li a:hover, div#header li a:active { color: #333; text-decoration: underline; }
div#header li em { color: #333; font-style: normal; }
span.abstand { letter-spacing: 10px; }

ul#subnav { margin: 0; padding: 0; list-style-type: none; }
ul#subnav li { float: left; color: #999; padding: 5px 15px 20px 0;  }
ul#subnav a:link, ul#subnav a:visited { color: #999; text-decoration: none; }
ul#subnav a:active, ul#subnav a:hover { color: #333; text-decoration: underline; }
ul#subnav li em { color: #333; font-style: normal; text-decoration: underline; }

#marvin > h1 { 
	font-size: 1.8em; 
	font-weight: normal; 
	color: #999; 
	margin: 0; 
	padding: 0; 
	text-transform: uppercase;
}

#main { clear: both; text-align: left; min-height: 400px; padding-top: 10px; margin-top: 25px; }
#main h2, #main h3, #main h4, #main h5, #main h6 { margin: 0 0 .3em 0; }
.produktbox { height: 580px !important; width: 800px !important; }
#main form { margin: .5em 0; }

h2 { font-size: 1.5em; font-weight: normal; }
h3 { font-size: 1em; }
h4 { font-size: 1em; margin: 0; padding: 0 0 .2em 0; }
p  { margin: 0; padding: 0 0 .7em 0; line-height: 1.3em }

#footer { font-size: 11px; border-top: 2px solid #ccc; clear: both; margin-top: 50px; padding-top: 4px;  text-align: right; margin-bottom: 10px; font-weight: bold; color: #999 }
#wd { text-align: right}
#wd p { margin: 0; padding: 0; }
#wd a:link, #wd a:visited { color: #999; text-decoration: none; font-size: .8em; letter-spacing: .2em; }
#wd a:hover, #wd a:active { color: #666; }


/* Formular */
label { display: block; color: #999; font-size: .9em; }
select { font-size: 1em; color: #333; font-family: Arial; border: 1px solid #999; }
.formfeld { font-size: 1em; color: #333; font-family: Arial; border: 1px solid #999; }
fieldset { border: 1px solid #ccc; margin: 10px 5px; padding: 0; width: 650px; }
legend { color: #ccc; font-weight: bold; font-size: .9em; letter-spacing: 2px; padding: 0 5px; }
fieldset div { padding: 5px; }
.formbutton { border: 1px solid #333; background: #666; color: white; font-size: .9em; }
.formbutton:hover { background: #ccc; color: #333; }
form#foto_neu p { margin: .8em 0; }

div.projektliste, dl.projektliste { margin: 10px 0; padding: 5px 0; border-bottom: 1px dotted #ccc; clear: left; overflow: hidden; }
dl.projektliste dt { float: left; clear: left; width: 110px; }
dl.projektliste dd { margin-left: 110px; }
dl.projektliste dt img { 
	width: 100px; 
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
div.projektliste img.vorschaubild { 
	width: 100px; 
	float: left; 
	margin-right: .5em;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
} 
.projektliste a { font-size: .8em; color: #999; text-decoration: none; }
.projektliste a:hover { color: #333; }

.zusatztext { font-size: .8em; font-weight: normal; }
.floatbox { float: right; }
.floatbox img { width: 25px; height: 25px; margin-right: 10px; }

div#zufallsbild { float: right; width: 282px; height: 400px; }
div#zufallsbild img { 
	width: 280px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-top: 0;
}

div.projektdetails { width: auto; }
div.projektdetails img {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	width: 700px;
}
div.projektdetails .back { text-align: right; font-size: .8em; }
div.projektdetails .back a { 
	text-decoration: none; 
	color: #666;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0 5px;
}
div.projektdetails .back a:hover { color: #333; background: #efefef; }

div.fotos_kl { width: 120px; border: 1px solid #ccc; float: left; text-align: center; margin-left: .5em; }
div.fotos_kl img { 
	width: 100px; 
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333; 
	margin: 5px 0 0 0;
}
div.fotos_kl p { margin: 0 0 5px 0; padding: 0 !important; font-size: .8em; }
div.fotos_kl a { text-decoration: none; color: #ccc; }
div.fotos_kl a:hover { color: #333; }

div.fotos { padding: 20px 0; }
div.fotos img { 
	width: 100px; 
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333; 
	margin: 0 5px 5px 0;
	float: left;
}	

div#aktuell {
	width: 500px; 
	height: 400px;
	border: 1px solid #ccc;
	padding: 10px;
	overflow: auto;
/* nur IE */	
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-arrow-color: #666666;
scrollbar-track-color: #EFEFEF;
	
}

div#aktuell img {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333; 
	float: left;
	margin-right: .3em;
	width: 100px;
}

div#aktuell div {
	clear: left;
	margin-bottom: 50px;
}

#aktuell table { width: 99% }
#aktuell th { width: 110px }
#aktuell tr { vertical-align: top }
#aktuell th, #aktuell td { padding-bottom: 20px }

div#aktuell img.detailbild { 
	position: absolute;
	visibility: hidden;
	width: 280px;
}

.detailtextblock { width: 702px; }

.hg_schwarz { background: #333; color: white; padding: 0 3px }



/* Klasse zB fuer Listenformate ohne Einzug und Punkt */
.liste_ohne { list-style: none; margin: 0; padding: 0 0 1em 0; }

.printy { display: none; }