/* Copyright 2009 crea-z Webdesign + Grafik Katrin Zieger */

*{
    border              : 0 none;
    margin              : 0;
    padding             : 0;
}

body  {
    color:           #646565;
    font-size:        75%;
    font-family:      Helvetica, Arial, Verdana, sans-serif;
    font-weight:      normal;
    background: #85ad07 url(media/white-green.jpg) repeat-x  center top;
   width: 100%;
}


#screen, #screen-index1, #screen-about, #screen-kon, #screen-imp, #screen-pro, #screen-fenster, #screen-blume, #screen-flug, #screen-blume1, #screen-fenster1, #screen-auto, #screen-lampe {
	background: transparent url(media/bg.jpg) no-repeat  center 142px;
	height: 850px;
	width: 979px;
	margin: auto;
	}

#screen-index1 {background: transparent url(media/bg-about1.jpg) no-repeat  center 142px;}
#screen-about {background: transparent url(media/bg-about.jpg) no-repeat  center 142px;}
#screen-kon {background: transparent url(media/bg-kontakt.jpg) no-repeat  center 142px;}
#screen-imp, #screen-pro {background: transparent url(media/bg-blank.jpg) no-repeat  center 142px;}
#screen-fenster {background: transparent url(media/bg-fenster.jpg) no-repeat  center 142px;}
#screen-blume {background: transparent url(media/bg-blume.jpg) no-repeat  center 142px;}
#screen-flug {background: transparent url(media/bg-flug.jpg) no-repeat  center 142px;}
#screen-auto {background: transparent url(media/bg-auto.jpg) no-repeat  center 142px;}
#screen-blume1 {background: transparent url(media/bg-blume1.jpg) no-repeat  center 142px;}
#screen-fenster1 {background: transparent url(media/bg-fenster1.jpg) no-repeat  center 142px;}
#screen-lampe {background: transparent url(media/bg-lampe.jpg) no-repeat  center 142px;}

#banner {margin-top: 5px; margin-left: 5px;}	
#header {margin-left: 77%}


a, a:link, a:active {
	text-decoration		: underline;
	background-color	: transparent;
	color               : #9cc224;
	}

a:visited {
	text-decoration		: underline;
	background-color	: transparent;
	color				: #646565;
	}

a:hover {
	text-decoration		: none;
	background-color	: transparent;
	color				: #9cc224;
}


	
h1 {
	background: transparent url(media/h1.gif) no-repeat left top;
	width: 234px;
	height: 115px;
	}
	
h1 span { display: none}	

h3 {
	color: #9cc224;
	background-color: transparent;
	text-transform: uppercase;
	font: bold 130% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-bottom: 8px;
}

h4 {margin-bottom: 8px; font-size: 100%;}

sup {font-size: 20%}
label {display: block}

input, textarea {
	border: 1px dotted #646565;
	color: #646565;
	/*padding: 2px;*/
	font-style:italic;
	width: 250px;
	margin-top: 3px;
	margin-bottom: 7px;
}

#end {
	border: 1px solid #9cc224;
	background-color: #e5f6b1;
	color: #9cc224;
	width: 100px;
	border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
}

#nav {margin-left: 121px;}	
#nav img {vertical-align: top;}
#about {margin-left: 82px;}
#produkte {margin-left: 68px}
#kontakt {margin-left: 56px}


#cite {margin-left: 55px; margin-top: 38px}

#subnav, #subnav1 {
	margin: 28px 35px auto 30px; /* win ie 6*/
	float: left;
	text-transform: uppercase;
	font: bold 80% "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:160%;
}

#subnav1 {margin-left: 26px;} /* win ie 6*/
html > body #subnav1 {margin-left: 46px;} /* stbr */

html > body #subnav {margin-left: 65px;} /* stbr */

#subnav-inside img {margin-bottom: -5px;}
#subnav-inside {width: 129px; text-align: right;}
#subnav-inside a, #subnav-inside a:link, #subnav-inside a:visited, #subnav-inside a:hover, #subnav-inside a:active {padding-right: 3px;; margin-top: -10px;}
#welcome {
	margin-left: 230px;
	margin-top: 42px;
}

#right {
	margin: 42px 42px 30px 40px;
}

#welcome p, #right p {
	width: 271px;
	text-align: justify;
	line-height: 130%;
	margin-bottom: 7px;
	}

#breit {
	margin: 42px 60px;
}

#greenframe, #greenframe1 {
	padding: 25px;
	background: transparent url(media/rahmen-gruen.jpg) no-repeat left top;
}

#greenframe1 {background: transparent url(media/rahmen-gruen1.jpg) no-repeat left top;
}

#green-inside, #green-inside1  {
	overflow: auto;
	width: 800px;
	height: 325px;
}

#green-inside1  {height: 411px;}

#inside {width: 14100px;}
#inside-fl {width: 3100px; background: transparent url(media/himmel.jpg) repeat-x left bottom;}
#inside-bl {width: 5500px;}
#inside-au {width: 1300px;}
#inside-bild {width: 19100px;}

.set-fenster, .set-fl, .set-bild1 {
	float: left;
	margin-right: 50px;
}

.set-bild {width: 780px;}

.set-fl img, .set-bild1 img {margin-bottom: 10px;}

.small {font-size: 70%;}
.stern {color: #9cc224; font-size: 120%; 
font-weight: bold;}
.stern1 {color: #9cc224; font-weight: bold;}
#welcome p.details, #breit p.details {font-size: x-small; text-align:left}


#detailbilder {
	padding-left: 527px;
	padding-top: 60px;
}



.detail {
	width: 189px;
	float: left;
	margin-right: 13px;
}

.detail p {
	padding-left: 8px;
	margin-top: 5px;
}

#allproducts {
	margin-left: 30px;
	margin-top: 33px;
	
	}

#breit .set-fl p.details, #breit .set-bild1 p.details {text-align: center}

#footer {
	position: absolute;
	top: 775px;
	color: #e5f6b1;
	background-color: transparent;
	font-size: 90%;
	line-height:135%;
	margin: auto;
}

#footer p {margin-left: 10px}

#footer a, #footer a:link, #footer a:active {color: #e5f6b1}
#footer a:hover {color: #e5f6b1}

.tabelle_klSchrift {
	padding-left: 8px;
	font-size: 95%;
}

.tabelle_klSchrift a, .tabelle_klSchrift a:active, .tabelle_klSchrift a:link {
	font-weight: bold;
}