/* CSS Document */

/*###########################################
© Zeise Marketing 2012


 INHALTSVERZEICHNIS:
1. Allgemeine Selektoren
2. Allgemeine Hyperlinks
3. Navigation
4. Contentframes
5. Layoutframes



###########################################*/

/*========================================
   1. Allgemeine Selektoren
   ========================================*/




<link rel="SHORTCUT ICON" type="image/x-icon" href="http://www.gp-landschaft.eu/favicon.ico">


	* {
    margin:0;
    padding:0;}



body
{
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fafafa;
	font-family: myriad, arial, hevetica, sans-serif;
        font-size:100%;


}



.hintergrund_1 {
    background: #cccccc;
  }





 /*========================================
   2. Allgemeine Hyperlinks
   ========================================*/


a:link {
	color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;


}

a:visited {
	color:#000;
	font-family: myriad, arial, hevetica, sans-serif;
	text-decoration: none;

}

a:hover, a:active
{

	color:#006600;
	font-family: myriad,arial, hevetica, sans-serif;
	text-decoration: none;
}



a.navlink {
	color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;


}

a.navlink:visited {
	color:#000;
	font-family: myriad, arial, hevetica, sans-serif;
	text-decoration: none;

}

a.navlink:hover, a:active
{

	color:#000;
	font-family: myriad,arial, hevetica, sans-serif;
	text-decoration: none;
}








 /*========================================
   3. Navigation
   ========================================*/



li  {
	position:relative;
	left: -35px; top:20px;
	height: 23px;
	width: 645px;
  	padding:0px;
	margin:0px; 
	border:none;
  	z-index:2;

}


li#startseite {
	margin-top:0px;
	margin-left:32px;	

}


li#landschaftsarchitektur {
	margin-top:-23px;
	margin-left:143px;	
}


li#denkmalpflege {
	margin-top:-23px;
	margin-left:309px;	
}

li#landschaftsplanung {
	margin-top:-23px;
	margin-left:435px;	
}

li#buero {
	margin-top:-23px;
	margin-left:588px;	

}



ul {
  list-style: none;

}



#menu a, #menu a:visited {
	display:block;
	border:none;
	vertical-align: middle;
	height: 27px;
	width: 140px;
	z-index:2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
  }
  
 

 
#menu a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
  }



#menu a:activ {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
  }












 /*========================================
   4. Contentframes -> z-index:2
   ========================================*/



#navi
{
height: 87px;
width: 735px;
position:relative;
left: 0px; top: -20px;
z-index:2;

}



#logo
{
height: 53px;
width: 201px;
position:relative;
left: 755px; top:-88px;
z-index:2;
background-image: url(../images/layout/logo.jpg);
background-repeat: no-repeat;

}


#header
{
height: 256px;
width: 980px;
position:relative;
left: 0px; top:-780px;
z-index:2;

}



#headline
{
height: 28px;
width: 300px;
position:relative;
left: 35px; top:-815px;
z-index:2;

}




#search
{
height: 48px;
width: 153px;
position:relative;
left: 755px; top:-765px;
text-color:#000;
z-index:2;

}




#textarea
{

	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 13px;
        line-height:21px;
	text-decoration: none;

height: 280px;
width: 667px;
position:relative;
left: 35px; top:-805px;
text-color:#000;
overflow:hidden;

z-index:3;

}





#text_01
{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 13px;
        line-height:21px;
	text-decoration: none;
margin: 0;
padding: 0;
height: 270px;
width: 300px;
position:relative;
overflow:auto;
left: 0px; top:0px;
z-index:3;

}



#text_02
{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 13px;
        line-height:21px;
	text-decoration: none;
margin: 0;
padding: 0;
height: 270px;
width: 290px;
position:relative;
overflow:auto;
left: 362px; top:-270px;
z-index:3;

}


#teaser
{
height: 123px;
width: 200px;
position:relative;
left: 755px; top:-1080px;
box-shadow: 0px 0px 4px #8E8E8E;
-webkit-box-shadow: 0px 0px 4px #8E8E8E;
-moz-box-shadow:  0px 0px 4px #8E8E8E;
-ms-box-shadow:  0px 0px 4px #8E8E8E;
-o-box-shadow:  0px 0px 4px #8E8E8E;
z-index:2;

}


#teaser_more

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 200px;
position:relative;
left: 755px; top:-1067px;
z-index:2;

}



#ref_01

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 200px;
position:relative;
left: 755px; top:-1040px;
z-index:2;

}


#ref_02

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 200px;
position:relative;
left: 755px; top:-1035px;
z-index:2;

}



#ref_03

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 200px;
position:relative;
left: 755px; top:-1030px;
z-index:2;

}



#ref_04

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 200px;
position:relative;
left: 755px; top:-1025px;
z-index:2;

}



#copyright

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 90px;
position:relative;
left: 35px; top:8px;
z-index:2;

}






#kontakt

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 30px;
position:relative;
left: 755px; top:-17px;
z-index:2;

}




#mail

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 30px;
position:relative;
left: 860px; top:-42px;
z-index:2;

}




#datenschutz

{
	text-color:#000;
	text-align: left;
	font-family: myriad, arial, hevetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

height: 25px;
width: 30px;
position:relative;
left: 145px; top:-67px;
z-index:8;

}





 /*========================================
   5. Layoutframes -> z-index:1
   ========================================*/




#container
{
margin: 1em auto;
height:735px;
width: 980px;
background-image: url(../images/layout/bg.jpg);
box-shadow: 0px 0px 4px #8E8E8E;
-webkit-box-shadow: 0px 0px 4px #8E8E8E;
-moz-box-shadow:  0px 0px 4px #8E8E8E;
-ms-box-shadow:  0px 0px 4px #8E8E8E;
-o-box-shadow:  0px 0px 4px #8E8E8E;
z-index:1;
overflow:hidden;

}



#container_re
{
height:706px;
width: 245px;
position:relative;
left: 735px; top:-156px;
background-color: #cccccc;
z-index:1;
overflow:hidden;

}



#footer
{
height:30px;
width: 980px;
position:relative;
left: 0px; top:-1035px;
background-color: #e7e8e8;
z-index:2;
overflow:hidden;

}