@charset "UTF-8";


@media all{

	

html, body {
	margin:0;
	padding:0;
}

body{
	font-family: "Courier New", Courier, monospace;
	background-color: #fff;
	color: #444;
	font-size: 75%;
	line-height: 100%;
	text-align: center;
}


#wrapper {
	text-align: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

a{
	color: #333;
	text-decoration: none;
}
a:focus, a:hover, a:active {
		color: #333;
		text-decoration: none;
	font-weight: 100;
}

li {
	line-height: 1.8em;
}


h1, h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
h2 {
	padding-top: 10px;
	font-size:2em;
}

.head {
	font-size: 17px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: normal;
}

.at {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


#main {
	float:left;
	width: 100%;
	min-width: 1400px;                     /*-------------------!!!!!!!!!!!!!!!!!-------*/
	clear: both;
	margin: 0px;
	padding: 0px;	
}



#main a{
	color: #333;
	text-decoration: none;
}



#main p{
	font-size: 127%;                        
	line-height: 165%;	                 
    }

#main_links {
	float:left;
	/*min-width: 200px;*/
	min-width: 180px;
}



#main_rechts {
	float:left;
/*	width: 80%;*/
width: 1000px;
	position: relative;
	background-color: #Fff;
}


#logo {
	height: 100px;
	width: 310px;
	position: relative;
	margin-left: 0px;
	/*	background-image: url(../img/allgemein/logo.gif); 
	background-repeat: no-repeat;
	background-position: left;*/
	margin-top: 2px;
	margin-bottom: 5px;
	border: 0px solid #FFF;
}






/*#logo {
	height: 110px;    
	position: relative;     
	margin-left: 0px;
	background-image: url(../img/allgemein/logo.gif); 
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 2px;
	margin-bottom: 5px;
}*/

img {
	max-width: 100%;
	border: 0px solid #FFF;
}

#linie {
	float:left;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;	
	width: 100%;
	height: 1px;
}
#linie_unten {
	float:left;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	width: 100%;
	height: 1px;
}


#float {
	float:left;
	position: relative;
	width: 100%;
	clear: both;
	height: 1%;
}

#galerie {
	background-color: #CCC;
	/*position: relative;*/
/*	position: absolute;*/
	/*width: 1200px;*/	
	width: 100%;
	min-width: 1150px;
	height: 540px;
	padding-top: 20px;
	padding-left: 30px;
	margin-top: 30px;
	float: left;
}


#galerie_impressum {
	background-color: #CCC;
	/*position: relative;*/
/*	position: absolute;*/
	/*width: 1200px;*/	
	width: 100%;
	min-width: 1150px;
	height: 540px;
	padding-top: 20px;
	padding-left: 30px;
	margin-top: 30px;
	float: left;
}







#menue_portfolio {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	text-align: left;
	position: relative;
	/*background-color: #0F9;*/
    }
	


#footer_oben{
	position: relative;
	top: 0px;
	visibility: hidden;
	height: 5px;
}

#footer_unten {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	text-align: left;
	height: 40px;
	position: relative;
	/*background-color: #0F9;*/
	top: -6px;
    }


	
	
/*____________________+++++++++++++ + impressum + intro*/

#impressum {
		margin-top: 17px;
	/*font-size: 120%;*/           /*   ------------screen   ??????????????????????????????????????? ----------------*/
    }
	
#impressum p{
/*	font-size: 280%;*/                      /*   ------------iPhone 4 ----------------*/
/*	line-height: 150%;*/	                  /* _-----------iPhone 4 ---------------*/
    }
	


#impressum_links {
	float: left;
	width: 45%;
	padding-right: 5%;
	margin-top: -17px;
    }
	
#impressum_rechts {
	float: left;
	width: 45%;
	padding-right: 5%;
	margin-top: -17px;
	height: 535px;
	overflow: auto;
    }


#impressum a, a:focus, a:hover, a:active {
		color: #333;
		text-decoration: none;
	font-weight: 100;
}
/*____________________+++++++++++++ Profil*/



#profil {
	margin-top: 17px;
	margin-left: -24px;
    }
	
	




/*____________________+++++++++++++ Intro*/
#intro {
	float: left;     /*-------war   screen----*/
	/*width: 150px;*/
	/*width: 13%;*/   /*-------screen----*/
	width: 1200px;
	text-align: left;
	/*		margin-top: 22px;*/
	/*font-size: 120%;*/
    }



#intro_kasten {
	float: left;     /*-------war   screen----*/
	/*width: 150px;*/
	/*width: 13%;*/   /*-------screen----*/
	width: 154px;
	margin:10px;
	/*height: auto; */    /*-------war   screen----*/
		height: 150px;     /*-------war   screen----*/
	border: 1px solid #FFF;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
    }
	
	
#intro_kasten .sub {
	font-size: 91%;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
/*	text-align: center;
	display: block;*/
   }
   
   

	
	
	
	
	
#intro_kasten a {
 color:#333;
   }
	
#intro_kasten a:hover {
	color: #000;
/*	font-weight: 500;*/
    }
		
#intro_kasten img {
	width: 100%;
    }
		
/*#intro_kasten img {
		background: #000000;
		-moz-transition:  opacity .3s linear;
		-webkit-transition:  opacity .3s linear;
		transition:  opacity .3s linear;
	width: 100%;
    }

#intro_kasten img:hover {
			background: #000000;
			opacity: 0.5;
    }*/
	
	
	
	
/*_________________________________ img hover mit class dunkler machen ----++++*/
#intro_kasten a.dunkler {
	/*display: inline-block;*/
	display: block;
background: black;
height: 68%;   /*_________________________________ wichtig - größe  schwarzer Hintergrund -++++*/
}

#intro_kasten a.dunkler img {
/*display: block;*/
opacity: 1;
}

#intro_kasten a.dunkler:hover img {
opacity: 0.8;
}

/*_________________________________ img hover mit class dunkler machen ---end -++++*/

	

	
/*#intro_kasten a:hover {
 color: #ffffff;
    }
	
#intro_kasten:hover {
	background-color: #999;
	 color: #ffffff;
    }*/
	
/*#intro_kasten a:hover {
 color:#000000;
    }*/
	
		
		
#intro_text_kasten {
	float: left;
	width: 450px;
	padding: 5px;
	margin:5px;
	height: auto;
    }
	
	
	
}