/*ALLGEMEINES------------------------------------------*/


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

html, body 
	{
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		font-size: 13px;
		font-weight: normal;
		line-height: 22px;
		color: #5b5b5b;

	} 
 

img 
	{  
		border: none;
		vertical-align: top;
	}


img.rahmen 
	{  
		border: 2px solid #7b7b7b;
		margin-bottom: 0px;
	}


p
	{
		margin-bottom: 13px;
	}  


li
	{
		list-style-image: url(../pics/list.jpg);
		list-style-position: outside;
		margin-left: 20px;
		margin-bottom: 5px;
	}


li.navi
	{
		list-style-image: url(../pics/list.jpg);
		list-style-position: outside;
		margin-left: 20px;
		margin-bottom: 5px;
		float: left;
		margin-right: 20px;
		margin-top: 10px;
		text-align: left;
	}


/*BOXEN-----------------------------------------------*/


#wrapper 
	{
		position: relative;
		min-height: 100%;
		width: 100%;
		background: url(../pics/bg_main_neu.jpg) repeat-x;
	}




#wrapper_browser
	{
		position: relative;
		min-height: 100%;
		width: 100%;
		background: url(../pics/bg_main.jpg) repeat-x;
	}


#footer 
	{
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-color: #d20202;
		color: #FFFFFF;
	} 


#footer_unten
	{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-color: #d20202;
		color: #FFFFFF;
	} 


#top_outside
	{
		width: 100%;
		min-width: 1000px;
		height: 152px;
		background: #FFFFFF;
		margin: 0 auto;
	}


#top
	{
		width: 970px;
		height: 152px;
		background: #FFFFFF;
	}



#logo
	{
		width: 269px;
		height: 95px;
		background: #FFFFFF;
		/*margin-left: 90px;*/
		padding-top: 37px;
		float: left;
	}


#navi
	{
		/*width: 585px;*/
		height: 56px;
		background-color: #FFFFFF;
		text-align: left;
		margin-top: 96px;
		/*margin-left: 121px;*/
		margin-right: 0px;
		float: right;
	}


#header 
	{
		width: 100%;
		height: 282px;
		background: url(../pics/bg_header.jpg) repeat-x;
		border-top: 7px solid #d20202;
	}


#header_inside 
	{

		width: 1160px;
		height: 282px;
		background: url(../pics/header.jpg);
	}




#main_portfolio
	{
		height: 780px;
		background: url(../pics/bg_main.jpg) repeat-x;
	}


#main
	{
		width: 100%;
		min-height: 380px;
		background: url(../pics/bg_main.jpg) repeat-x;
	}


#content
	{
		width: 960px;
		height: auto;
		background: transparent;
		position: absolute;
         	top: 316px !important;
		top: 316px;
          	left: 50%; 
         	margin-left: -484px !important; 
          	margin-left: -480px;
          	z-index:2;
	}



#content_browser
	{
		width: 600px;
		height: auto;
		background: transparent;
		position: absolute;
         	top: 170px !important;
		top: 170px;
          	left: 50%; 
         	margin-left: -304px !important; 
          	margin-left: -300px;
          	z-index:2;
	}


.browserbox
	{
		width: 600px;
		height: 421px;
		background: #FFF;
		border: 2px solid #7b7b7b;
		float: left;
		padding-top: 30px;
		padding-left: 20px;
		margin-right: 10px;
	}



.browserbox_klein
	{
		width: 125px;
		float: left;
		text-align: center;
	}


.browserbox_klein_1
	{
		width: 65px;
		float: left;
		text-align: center;
		margin-right: 30px;
	}


.browserbox_inside
	{
		width: 580px;
		height: 421px;
		float: left;
		text-align: justify;
	}


#browser_left
	{
		width: 300px;
		float: left;
	}


#browser_right
	{
		width: 250px;
		float: right;

	}


#content_inside
	{
		width: 984px;
		height: auto;
		background: transparent;
		overflow-x: hidden;
	}


.portfoliobox
	{
		width: 318px;
		height: 278px;
		background: url(../pics/portfoliobox_shadow.png) no-repeat;
		padding-top: 5px;
		padding-left: 5px;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}


.portfoliobox img
	{
		border: 4px solid #FFFFFF;
		margin-bottom: 15px;
	}


.referenzbox
	{
		width: 977px;
		height: auto;
		/*padding: 15px;*/
	}


.referenz_left
	{
		width: 650px;
		height: auto;
		float: left;
	}


.referenz_left img
	{
		border: 2px solid #7b7b7b;
		margin-bottom: 0px;
	}


.referenz_right
	{
		width: 290px;
		height: auto;
		float: left;
		margin-left: 20px;
		margin-top: 30px;
	}


.referenz_right img
	{
		margin-top: 5px;
	}


.referenz_right img:hover
	{
		border: 2px solid #d20202;
	}


.leistungenbox
	{
		width: 298px;
		height: 421px;
		background: url(../pics/leistungenbox_shadow.png) no-repeat;
		float: left;
		padding-top: 30px;
		padding-left: 20px;
		margin-right: 10px;
	}


.leistungenbox_inside
	{
		width: 278px;
		height: 421px;
		float: left;
	}


.aktuellbox
	{
		width: 298px;
		height: 421px;
		background: url(../pics/leistungenbox_shadow.png) no-repeat;
		float: left;
		padding-top: 30px;
		padding-left: 20px;
	}


.aktuellbox_inside
	{
		width: 278px;
		height: 421px;
		float: left;
	}


.startbox
	{
		width: 629px;
		height: 421px;
		background: url(../pics/startbox_shadow.png) no-repeat;
		float: left;
		padding-top: 30px;
		padding-left: 20px;
		margin-right: 10px;
	}


.startbox_inside
	{
		width: 459px;
		height: 421px;
		float: left;
		text-align: justify;
		line-height: 20px;
	}


.anfragebox
	{
		width: 629px;
		height: 421px;
		background: url(../pics/anfragebox_shadow.png) no-repeat;
		float: left;
		padding-top: 30px;
		padding-left: 20px;
	}


.anfragebox_inside
	{
		width: 609px;
		height: 421px;
		float: left;
	}


.anfrage_left
	{
		width: 85px;
		height: auto;
		clear: both;
		float: left;
		line-height: 30px;
	}



.anfrage_right
	{
		width: 520px;
		height: auto;
		float: right;
		margin-top: 4px;
	}


/*ÜBERSCHRIFTEN---------------------------------------*/


h1.willkommen
	{  
		background: url(../pics/willkommen_headline.jpg) no-repeat;
		width: 414px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.aktuelleprojekte
	{  
		background: url(../pics/aktuelleprojekte_headline.jpg) no-repeat;
		width: 193px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.digitalemedien 
	{  
		background: url(../pics/digitalemedien.jpg) no-repeat;
		width: 184px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	} 


h1.printmedien 
	{  
		background: url(../pics/printmedien.jpg) no-repeat;
		width: 130px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.grafikdesign 
	{  
		background: url(../pics/grafikdesign.jpg) no-repeat;
		width: 142px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.kontakt
	{  
		background: url(../pics/kontakt_headline.jpg) no-repeat;
		width: 89px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.anfrage
	{  
		background: url(../pics/anfrage_headline.jpg) no-repeat;
		width: 94px;
		height: 27px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.impressum
	{  
		background: url(../pics/impressum.jpg) no-repeat;
		width: 112px;
		height: 26px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.urheberrecht
	{  
		background: url(../pics/urheberrecht.jpg) no-repeat;
		width: 152px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.haftungshinweis
	{  
		background: url(../pics/haftungshinweis.jpg) no-repeat;
		width: 179px;
		height: 26px;
		margin: 0;
		margin-bottom: 20px;
	}


h1.browser
	{  
		background: url(../pics/browser.jpg) no-repeat;
		width: 408px;
		height: 25px;
		margin: 0;
		margin-bottom: 20px;
	}


h2 
	{ 
		font-family: Verdana, sans-serif;
		font-size: 15px;
		font-weight: normal;
		color: #d20202;
		margin-bottom: 10px;
	} 
	 

/*LINKFORMATIERUNGEN----------------------------------*/


a.linktext
	{
		color: #0164b8;
		text-decoration: none;
	}
	
	
a.linkfooter:hover,
a.linkfooter:active,
a.linkfooter.active
	{
		text-decoration: underline;
	}


a.linkfooter
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	
a.linktext:hover,
a.linktext:active,
a.linktext.active
	{
		text-decoration: underline;
	}


a.startseite,
a.startseite:visited 
	{  
		background: url(../pics/startseite.jpg);
		background-position: 0px 0px;
		width: 144px;
		height: 56px;
		display: block;
		float: left;
		margin-right: 3px;
	} 
 
 
a.startseite:hover, 
a.startseite:active,
a.startseite.active  
	{  
		background-position: 0px -56px;
	}


a.leistungen,
a.leistungen:visited 
	{  
		background: url(../pics/leistungen.jpg);
		background-position: 0px 0px;
		width: 144px;
		height: 56px;
		display: block;
		float: left;
		margin-right: 3px;
	} 
 
 
a.leistungen:hover, 
a.leistungen:active,
a.leistungen.active  
	{  
		background-position: 0px -56px;
	}


a.portfolio,
a.portfolio:visited 
	{  
		background: url(../pics/portfolio.jpg);
		background-position: 0px 0px;
		width: 144px;
		height: 56px;
		display: block;
		float: left;
		margin-right: 3px;
	} 
 
 
a.portfolio:hover, 
a.portfolio:active,
a.portfolio.active  
	{  
		background-position: 0px -56px;
	}


a.kontakt,
a.kontakt:visited 
	{  
		background: url(../pics/kontakt.jpg);
		background-position: 0px 0px;
		width: 144px;
		height: 56px;
		display: block;
		float: left;
	} 
 
 
a.kontakt:hover, 
a.kontakt:active,
a.kontakt.active  
	{  
		background-position: 0px -56px;
	}




		border: 2px solid #6f6e6e;
	}


/*FORMULARE---------------------------------------*/


label
	{
		font-weight: normal;
	}


.feld
	{
          	border: 2px solid #9c9c9c;
		background-color: #f3f3f3;
		width: 360px;
		padding: 2px 2px 2px 25px;
	}


.feld:hover,
.feld:focus,
.feld:active
	{
		border: 2px solid #6f6e6e;
	}


.wrong
	{
		border: 2px solid #d20202;
		background-color: #f3f3f3;
		width: 360px;
		padding: 2px 2px 2px 25px;
	}


.button
	{
		border: 2px solid #a70101;
		background-color: #d20202;
		color: #fff;
		font-weight: bold;
		width: 100px;
		padding: 2px;
		margin-left: 291px;
		margin-top: 2px;
	}


.button:hover
	{
		border: 2px solid #565656;
		background-color: #6f6e6e;
	}


textarea
	{ 
          	border: 2px solid #9c9c9b;
		background: #f3f3f3; 
		width: 360px; 
		owerflow: auto; 
		overflow-x: hidden;
		padding: 2px 2px 2px 25px;
	}


textarea:hover,
textarea:focus,
textarea:active
	{ 
		border: 2px solid #6f6e6e;
	}


.anfragebox_inside #eman
	{
		background: url(../pics/bg_name.png) #f3f3f3 no-repeat left;
	}


.anfragebox_inside #liame
	{
		background: url(../pics/bg_email.png) #f3f3f3 no-repeat left;
	}


.anfragebox_inside #fferteb
	{
		background: url(../pics/bg_betreff.png) #f3f3f3 no-repeat left;
	}


.anfragebox_inside #thcirhcan
	{
		background: url(../pics/bg_nachricht.png) #f3f3f3 no-repeat top left;
	}