/*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;
	}

.invisible
	{
		display: none;
		border: 0 none;
	}
	
/*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;
	}

/*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; 
		overflow: 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;
	}
	
/*STEPCAROUSEL---------------------------------------*/	

.aktuellbox .stepcarousel
	{
		position: relative; /*leave this value alone*/
		border: 0px solid black;
		overflow: scroll; /*leave this value alone*/
		width: 273px; /*Width of Carousel Viewer itself*/
		height: 300px; /*Height should enough to fit largest content's height*/
		float: left;
	}

.aktuellbox .stepcarousel .belt
	{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}

.aktuellbox .stepcarousel .panel
	{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 0px; /*margin around each panel*/
		width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

#main_portfolio .stepcarousel
	{
		position: relative; /*leave this value alone*/
		border: 0px solid black;
		overflow: hidden; /*leave this value alone*/
		width: 1000px; /*Width of Carousel Viewer itself*/
		height: 860px; /*Height should enough to fit largest content's height*/
	}

#main_portfolio .stepcarousel .belt
	{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}

#main_portfolio .stepcarousel .panel
	{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 0; /*margin around each panel*/
		width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}