/* Screen Stylesheet */


/*  ############################## HTML SITE ############################## */
* {
  padding:0px;
  margin:0px;
}

body, html{
	font:normal 13px "Trebuchet MS";
	color:#333333;
	background-color:#0E9562;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-image:url(../img/hintergrund.jpg);
	background-repeat:repeat-y;
}

h1{
	font:normal 22px Tahoma;
	letter-spacing:0px;
	padding:30px 0 25px 0;
	margin:0px;
}

h2{
	font-size:14px;
}

p{
	padding:0px 0 15px 0;
	margin:0px;
}


/* ############################## DIV CONTAINER ############################## */
#wrapper{
	width:990px;
	min-height:100%;
	margin:0px;
	padding:0px;
}

#streifen{
	height:518px;
	width:72px;
	background-image:url(../img/streifen.jpg);
	margin:0px;
	padding:0px;
	float:left;
}

#menue{
	height:100px;
	width:477px;
	background-image:url(../img/menue.jpg);
	margin:0px;
	padding:0px;
	float:left;
}

#logo{
	height:100px;
	width:441px;
	background-image:url(../img/logo.jpg);
	margin:0px;
	padding:0px;
	float:left;
}

p.news{
	height:138px;
	width:345px;
	background-image:url(../img/schausonntag.jpg);
	margin-bottom:15px;
	padding:6px 0 0 0;
	text-align:right;
}

span.news_datum{
	font:bold 22px "Arial";
	color:#000000;
	padding-right:12px;
}
span.news_uhrzeit{
	font:bold 20px "Arial";
	color:#000000;
	padding-right:27px;
}

#content{
	height:400px;
	width:908px;
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	line-height:22px;
	background-image:url(../img/schriftzug.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

div.spalte-links{
	width:375px;
	float:left;
	margin:0px;
	padding:0px;
	/*text-align:justify;*/
}

div.spalte-rechts{
	width:375px;
	float:left;
	margin:0 0 0 75px;
	padding:0px;
}

div.referenz{
	display:block;
	width:355px;
	height:261px;
	margin:0px;
	padding:10px;
	border:1px ridge #0E9562;
	background-color:#efefef;
	background-image:url(../img/fieldset.jpg);
	background-repeat:repeat-x;
}

/* ############################## LISTS ############################## */

ul.menue_referenzen{
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
}

ul.menue_referenzen li{
	display:inline;
	float:left;
}

ul.menue{
	padding:0px;
	margin:21px 0 0 0;
	list-style-type:none;
	width:352px;
}

ul.menue li{
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
}

ul{
	padding:0 0 10px 30px;
	margin:0px;
}

li{
	padding:0px;
	margin:0px
}


/* ############################## FORMS ############################## */

fieldset.startseite{
	display:block;
	width:345px;
	height:auto;
	margin:0 0 25px 0;
	padding:0 15px 0 15px;
	border:1px ridge #AFAFAF;
	background-color:#efefef;
	background-image:url(../img/fieldset.jpg);
	background-repeat:repeat-x;
	font-size:12px;
}

fieldset.startseite legend{
	font:normal 14px "Trebuchet MS";
	padding:0px 2px 10px 2px;
	margin:0px;
	background-color:#E2E2E2;
}

fieldset.referenz{
	display:block;
	width:795px;
	height:328px;
	margin:0 0 25px 0;
	padding:0 15px 0 15px;
	border:1px ridge #AFAFAF;
	background-color:#efefef;
	background-image:url(../img/fieldset.jpg);
	background-repeat:repeat-x;
}

fieldset.referenz legend{
	font:normal 16px "Trebuchet MS";
	padding:0px 2px 10px 2px;
	margin:0px;
	background-color:#E2E2E2;
}

fieldset{
	width:250px;
	height:310px;
	display:block;
	border:1px ridge #AFAFAF;
	margin:5px;
	padding:0 15px 0 15px;
	float:left;
	background-color:#efefef;
	background-image:url(../img/fieldset.jpg);
	background-repeat:repeat-x;
}

fieldset.schmal{
	width:250px;
	height:326px;
}

fieldset.breit{
	width:500px;
	height:326px;
}

fieldset legend{
	font:normal 16px "Trebuchet MS";
	padding:0px 2px 10px 2px;
	margin:0px;
	background-color:#E2E2E2;
}

form.map24 input, form.map24 select{
	border:1px solid #AFAFAF;
	padding:2px;
	margin:0px; 
	width:200px;
	font:normal 12px "Trebuchet MS";
}

form.map24 input.send{
	border:1px solid #AFAFAF;
	padding:2px;
	margin:0px; 
	width:110px;
	text-align:center;
	font:normal 12px "Trebuchet MS";
	float:right;
}

span.fehler{
	color:#FF0000;
	font-weight:bold;
	display:inline;
	padding:5px 0 0 5px;
	vertical-align:top;
}

span.gesendet{
	font-weight:bold;
	display:inline;
	padding:5px 0 0 5px;
	vertical-align:top;
}

form.nachricht label{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
}

form.nachricht input, form.nachricht select{
	border:1px solid #AFAFAF;
	width:200px;
	font:normal 13px "Trebuchet MS";
	padding:1px;
	margin:2px;
}

form.nachricht textarea{
	border:1px solid #AFAFAF;
	width:350px;
	height:100px;
	font:normal 13px "Trebuchet MS";
	padding:1px;
	margin:2px;
}

.button{
	width:80px ! important;
	height:25px ! important;
 	font:normal 12px "Trebuchet MS";
	padding:1px;
	margin:2px;
	overflow:visible;
	text-align:center;
	vertical-align:middle;
}


/* ############################## LINKS ############################## */

a{
	color:#000;
	text-decoration:underline;
}
a:link, a:visited, a:active{color:#000;}
a:hover{font-weight:bold;}

a.menue_referenzen{
	margin:3px 3px 0 0;
	display:block;
	padding:0 5px 0 5px;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

ul.seitenuebersicht a, ul.seitenuebersicht a:link, ul.seitenuebersicht a:visited, ul.seitenuebersicht a:active{color:#000;text-decoration:underline;}
ul.seitenuebersicht a:hover{color:#000;text-decoration:underline;font-weight:bold;}

a.menue_referenzen:link, a.menue_referenzen:visited, a.menue_referenzen:active{	color:#601585;background-color:#fff; }
a.menue_referenzen:hover, a.menue_referenzen.current{ color:#fff;background-color:#601585; }

a.menue span, h1 span, #logo strong, a.refs span{
	display:block; 
	height:0px; 
	width:0px; 
	overflow:hidden;
	font-size:1px;
}

a.menue{	
	display:block;
	width:108px;
	height:16px;
	margin:0 2px 5px 0;
}

a.menue.startseite:link, a.menue.startseite:visited, a.menue.startseite:active{ background:url(../img/buttons.png) 0 0;margin-left:6px; }
a.menue.startseite:hover, a.menue.startseite.current{ background:url(../img/buttons.png) 108px 0;margin-left:6px;}
a.menue.wir-ueber-uns:link, a.menue.wir-ueber-uns:visited, a.menue.wir-ueber-uns:active{ background:url(../img/buttons.png) 0 -64px;}
a.menue.wir-ueber-uns:hover, a.menue.wir-ueber-uns.current{ background:url(../img/buttons.png) 108px -64px;}
a.menue.referenzen:link, a.menue.referenzen:visited, a.menue.referenzen:active{ background:url(../img/buttons.png) 0 -16px;}
a.menue.referenzen:hover, a.menue.referenzen.current{ background:url(../img/buttons.png) 108px -16px;}

a.menue.ausstellungsraum:link, a.menue.ausstellungsraum:visited, a.menue.ausstellungsraum:active{ background:url(../img/buttons.png) 0 -80px;margin-left:3px;}
a.menue.ausstellungsraum:hover, a.menue.ausstellungsraum.current{ background:url(../img/buttons.png) 108px -80px;margin-left:3px;}
a.menue.autokran:link, a.menue.autokran:visited, a.menue.autokran:active{ background:url(../img/buttons.png) 0 -32px;}
a.menue.autokran:hover, a.menue.autokran.current{ background:url(../img/buttons.png) 108px -32px;}
a.menue.mietgas:link, a.menue.mietgas:visited, a.menue.mietgas:active{ background:url(../img/buttons.png) 0 -96px; }
a.menue.mietgas:hover, a.menue.mietgas.current{ background:url(../img/buttons.png) 108px -96px;}

a.menue.kontakt:link, a.menue.kontakt:visited, a.menue.kontakt:active{ background:url(../img/buttons.png) 0 -48px;}
a.menue.kontakt:hover, a.menue.kontakt.current{ background:url(../img/buttons.png) 108px -48px;}
a.menue.impressum:link, a.menue.impressum:visited, a.menue.impressum:active{ background:url(../img/buttons.png) 0 -112px; }
a.menue.impressum:hover, a.menue.impressum.current{ background:url(../img/buttons.png) 108px -112px; }
a.menue.seitenuebersicht:link, a.menue.seitenuebersicht:visited, a.menue.seitenuebersicht:active{ background:url(../img/buttons.png) 0 -128px; }
a.menue.seitenuebersicht:hover, a.menue.seitenuebersicht.current{ background:url(../img/buttons.png) 108px -128px; }

a.refs{	
	display:block;
	width:250px;
	height:150px;
	padding:0px;
	margin:0 20px 30px 20px;
	float:left;
}

a.refs.balkongelaender:link, a.refs.balkongelaender:visited, a.refs.balkongelaender:active{ background:url(../img/refs_buttons.png) 250px 0;}
a.refs.balkongelaender:hover, a.refs.balkongelaender.current{ background:url(../img/refs_buttons.png) 0 0;}
a.refs.glasdesign:link, a.refs.glasdesign:visited, a.refs.glasdesign:active{ background:url(../img/refs_buttons.png) 250px -150px;}
a.refs.glasdesign:hover, a.refs.glasdesign.current{ background:url(../img/refs_buttons.png) 0 -150px;}
a.refs.metallbau:link, a.refs.metallbau:visited, a.refs.metallbau:active{ background:url(../img/refs_buttons.png) 250px -300px;}
a.refs.metallbau:hover, a.refs.metallbau.current{ background:url(../img/refs_buttons.png) 0 -300px;}

a.refs.stahlbalkone:link, a.refs.stahlbalkone:visited, a.refs.stahlbalkone:active{ background:url(../img/refs_buttons.png) 250px -450px;}
a.refs.stahlbalkone:hover, a.refs.stahlbalkone.current{ background:url(../img/refs_buttons.png) 0 -450px;}
a.refs.treppen:link, a.refs.treppen:visited, a.refs.treppen:active{ background:url(../img/refs_buttons.png) 250px -600px;}
a.refs.treppen:hover, a.refs.treppen.current{ background:url(../img/refs_buttons.png) 0 -600px;}
a.refs.treppengelaender:link, a.refs.treppengelaender:visited, a.refs.treppengelaender:active{ background:url(../img/refs_buttons.png) 250px -750px;}
a.refs.treppengelaender:hover, a.refs.treppengelaender.current{ background:url(../img/refs_buttons.png) 0 -750px;}

a.refs.vordaecher:link, a.refs.vordaecher:visited, a.refs.vordaecher:active{ background:url(../img/refs_buttons.png) 250px -900px;}
a.refs.vordaecher:hover, a.refs.vordaecher.current{ background:url(../img/refs_buttons.png) 0 -900px;}

/*
a.refs.balkongelaender:link, a.refs.balkongelaender:visited, a.refs.balkongelaender:active{ background:url(../img/refs/balkongelaender_i.jpg); }
a.refs.balkongelaender:hover, a.refs.balkongelaender.current{ background:url(../img/refs/balkongelaender_a.jpg);}
a.refs.glasdesign:link, a.refs.glasdesign:visited, a.refs.glasdesign:active{ background:url(../img/refs/glasdesign_i.jpg); }
a.refs.glasdesign:hover, a.refs.glasdesign.current{ background:url(../img/refs/glasdesign_a.jpg);}
a.refs.metallbau:link, a.refs.metallbau:visited, a.refs.metallbau:active{ background:url(../img/refs/metallbau_i.jpg); }
a.refs.metallbau:hover, a.refs.metallbau.current{ background:url(../img/refs/metallbau_a.jpg);}
a.refs.stahlbalkone:link, a.refs.stahlbalkone:visited, a.refs.stahlbalkone:active{ background:url(../img/refs/stahlbalkone_i.jpg); }
a.refs.stahlbalkone:hover, a.refs.stahlbalkone.current{ background:url(../img/refs/stahlbalkone_a.jpg);}
a.refs.treppen:link, a.refs.treppen:visited, a.refs.treppen:active{ background:url(../img/refs/treppen_i.jpg); }
a.refs.treppen:hover, a.refs.treppen.current{ background:url(../img/refs/treppen_a.jpg);}
a.refs.treppengelaender:link, a.refs.treppengelaender:visited, a.refs.glasdesign:active{ background:url(../img/refs/treppengelaender_i.jpg); }
a.refs.treppengelaender:hover, a.refs.treppengelaender.current{ background:url(../img/refs/treppengelaender_a.jpg);}
a.refs.vordaecher:link, a.refs.vordaecher:visited, a.refs.vordaecher:active{ background:url(../img/refs/vordaecher_i.jpg); }
a.refs.vordaecher:hover, a.refs.vordaecher.current{ background:url(../img/refs/vordaecher_a.jpg);}
*/


/* ############################## IMAGES ############################## */

img.anfahrt{
	width:530px;
	height:312px;
	border:1px ridge #0E9562;
	padding:0px;
	margin:18px 5px 5px 5px;
}

img.img_text{
	float:left;
	margin:0px;
	padding:7px 10px 7px 0;
}

img.referenz{
	width:375px;
	height:281px;
	margin:0 0 50px 0;
}

img.referenz-glasdesign{
	width:150px;
	height:344px;
	margin:0 75px 0 0;
	float:left;
}