/* ================================== */
/* = DIVERSE STANDARD-DEKLARATIONEN = */
/* ================================== */

body {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #FFF;
	cursor: url(../pic_alg/cursor.gif);
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #8c1527;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
}

a:hover {
	color: #000
}

img {
	border: none;
}

/* ======================= */
/* = SEITENEINSTELLUNGEN = */
/* ======================= */

#wrapper {
	position: relative;
	margin: 42px auto 0 auto;
	width: 891px; /* Seite 878px + 4Studio Babe links 31px + 4Studio Babe oben/rechts 24px */
	height: 503px; /* Seite 437px + 4Studio Babe oben 66px */
}

#wrapper .babe_top {
	position: absolute;
	float: right;
	margin-left: 374px; /* 344px Abstand zwischen Babe und Content + 31px Platzhalter Babe links - 1px vom Bild */
	background: transparent url(../pic_alg/babe_top.png) no-repeat top left;
	width: 218px;
	height: 503px;
	z-index: 1000;
}

* html #wrapper .babe_top {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/babe_top.png',sizingMethod='scale');
}

#wrapper .babe_right {
	position: absolute;
	float: right;
	margin-left: 670px; /* 649px bis zur Kante + 31px rechts drueberstehend */
	background: transparent url(../pic_alg/babe_top.png) no-repeat top left;
	width: 218px;
	height: 503px;
	z-index: 1000;
}

* html #wrapper .babe_right {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/babe_top.png',sizingMethod='scale');
}


#wrapper .babe_left {
	position: absolute;
	float: right;
	margin-top: 344px;
	margin-left: 0px; /* ganz links */
	background: transparent url(../pic_alg/babe_left.png) no-repeat top left;
	width: 323px;
	height: 161px;
	z-index: 1000;
}

* html #wrapper .babe_left {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/babe_left.png',sizingMethod='scale');
}

#seite {
	position: absolute;
	background: #FFF url(../pic_alg/seite_bg.jpg) no-repeat top left;
	width: 836px;
	height: 437px;
	margin: 66px 0 0 31px; /* Hintergrundbild abzüglich der Platzhalter für 4Studio Babe-Bilder */
	z-index: 100;
}

#seite .welcome {
	background: transparent url(../pic_alg/willkommen.gif) no-repeat top left;
	position: absolute;
	margin: 180px 0 0 600px;
	width: 190px;
	height: 46px;
	z-index: 200;
}

#seite.welcome h1 {
	display: none;
}

/* ======== */
/* = MENU = */
/* ======== */

#menu {
	position: absolute;
	background: transparent url(../pic_alg/menu.png) no-repeat top left;
	top: 67px;
	left: 195px;
	width: 171px;
	height: 435px;
	z-index: 300;
}

* html #menu {
	background-image: url(../pic_alg/menu.gif);
	/*background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/menu.png',sizingMethod='scale');
	*/
}

/* MENU-POSITIONEN DER EINZELNEN WEBSEITEN */
#menu.index {
 	left: 121px;
}

#menu .logo {
	background: transparent url(../pic_alg/logo.png) no-repeat top left;
	position: absolute;
	top: 5px;
	width: 171px;
	height: 105px;
	z-index: 400;
}

* html #menu .logo {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/logo.png',sizingMethod='scale')
}


#menu ul {
	position: absolute;
	list-style: none;
	margin: 135px 0 0 0;
	padding: 0;
	z-index: 500;
}

#menu ul li {
	width: 171px;
	height: 24px;
}

#menu ul li a {
	display: block;
	color: #010101;
	text-align: right;	
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	line-height: 24px;
	width: 171px;
	height: 24px;
	text-transform: uppercase;
	text-decoration: none;
}

#menu ul li a:active,
#menu ul li a:hover,
#menu ul li a:focus,
a.active {
	display: block;
	background: transparent url(../pic_alg/active_btn.gif) no-repeat top left;
	color: #681120;
}

#menu ul li a span {
	padding-right: 13px;
}

a.impressum {
	position: absolute;
	background: transparent url(../pic_alg/impressum.png) no-repeat top left;
	width: 49px;
	height: 9px;
	top: 487px;
	left: 809px;
	border: none;
	z-index: 1500;
}

* html a.impressum {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/impressum.png',sizingMethod='scale');
}

a.impressum span {
	display: none;
}

/* =========== */
/* = CONTENT = */
/* =========== */

#wrapper #content {
	position: absolute;
	float: right;
	margin-top: 96px;
	margin-left: 320px; /* 344px Abstand zwischen Babe und Content + 31px Platzhalter Babe links - 1px vom Bild */
	background: transparent url(../pic_alg/content.jpg) no-repeat top left;
	width: 333px;
	height: 406px;
	z-index: 1000;
}

#wrapper #content.middle {
	position: absolute;
	float: right;
	margin-top: 96px;
	margin-left: 394px; /* 344px Abstand zwischen Babe und Content + 31px Platzhalter Babe links - 1px vom Bild */
	background: transparent url(../pic_alg/content.jpg) no-repeat top left;
	width: 450px;
	height: 380px;
	z-index: 1000;
}

#wrapper #content h2 {
	margin: 0;
	padding: 10px;
	font: 13px Arial, sans-serif;
	color: #262626;
	font-weight: normal;
}

#wrapper #content h3 {
	margin: 0;
	padding: 10px;
	font: 13px Arial, sans-serif;
	color: #262626;
	font-weight: bold;
}

h5 {
	padding: 0 0 0 10px;
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #262626;
}

#wrapper #content p,
p {
	margin: 0;
	padding: 10px;
	font: 13px Arial, sans-serif;
	color: #262626;
}

form {
	color: #747474;
}

form input {
	-webkit-background-size: 100%;
	outline-width: 0px;
	border: 0px solid #bbb; 
	font-size: 12px;
	font-family: "Arial", sans-serif;
	padding: 5px 10px 0 10px;
	border: none;
	width: 185px;
	height: 26px;
	background: transparent url(../pic_alg/input.gif) no-repeat scroll top left;
	color: #747474;
	margin-bottom: 6px;
}

form input.submit {
	position: absolute;
	top: 55px;
	left: 225px;
	border: none;
	width: 79px;
	height: 26px;
	background: transparent url(../pic_alg/senden.gif) no-repeat scroll top left;
}

* html form input.submit,
*+html form input.submit {
	position: absolute;
	top: 66px;
	left: 225px;
	border: none;
	width: 79px;
	height: 26px;
	background: transparent url(../pic_alg/senden.gif) no-repeat scroll top left;
}

/*INPUT:focus {background-color:#ffff99;font-family:monospace;color:red;}*/

.noborder {
}

form select {
	-webkit-background-size: 100%;
   	outline-width: 0px;
	-webkit-appearance: menulist-textfield;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	padding: 0 10px 0 10px;
	background: transparent url(../pic_alg/option.gif) no-repeat scroll top left;
	width: 205px;
	height: 26px;
	border: none;
	color: #747474;
	margin-bottom: 6px;
}

form option {
	padding: 0 10px 0 10px;
	background-color: #fff;
	color: #747474;
}

form textarea {
	-webkit-background-size: 100%;
   outline-width: 0px;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	padding: 10px 10px 10px 10px;
	background-color: transparent;
	background-image: url(../pic_alg/anliegen.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top left;
	width: 285px;
	height: 145px;
	border: none;
	color: #747474;
	overflow: hidden;
}

img.leistungen_pic {
	position: absolute;
	top: 40px;
	left: 65px;
}

img.referenzen_pic {
	position: absolute;
	top: 100px;
	left: 65px;
}

/* PICBOX - END */

/*  LEISTUNGEN PICS START  */

#leistungen_marketing_pic {
	position: absolute;
	left: 220px;
	top: -60px;
	width: 222px;
	height: 233px;
	background-color: transparent;
	background-image: url(../pic_alg/leistungen_marketing_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#leistungen_hosting_pic {
	position: absolute;
	left: 233px;
	top: -19px;
	width: 230px;
	height: 164px;
	background-color: transparent;
	background-image: url(../pic_alg/leistungen_hosting_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#leistungen_printdesign_pic {
	position: absolute;
	left: 250px;
	top: -68px;
	width: 220px;
	height: 274px;
	background-color: transparent;
	background-image: url(../pic_alg/leistungen_printdesign_header.png);
	background-position: top left;
	background-repeat: no-repeat;
}

* html #leistungen_printdesign_pic {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/leistungen_printdesign_header.png', sizingMethod='scale');
}

#leistungen_webdesign_pic {
	position: absolute;
	left: 223px;
	top: -25px;
	width: 264px;
	height: 190px;
	background-color: transparent;
	background-image: url(../pic_alg/leistungen_webdesign_header.png);
	background-position: top left;
	background-repeat: no-repeat;
}

* html #leistungen_webdesign_pic {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/leistungen_webdesign_header.png', sizingMethod='image');
}

#leistungen_p {
	position: absolute;
	left: 0;
	top: 35px;
	width: 450px;
	height: 340px;
	margin: 0;
	padding: 10px;
	font: 13px Arial, sans-serif;
	color: #262626;
}

/*  LEISTUNGEN PICS ENDE  */

a.end {
	margin: 0 0 20px 0;
}

#wrapper #content a h3.text {
	font-size: 14px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
	color: #262626;
}

#wrapper #content a:focus h3.text,
#wrapper #content a:hover h3.text,
#wrapper #content a:active h3.text {
	color: #9c1f31;
}

.p {
	margin-left: 10px;
}

/*  REFERENZEN START  */

#wrapper #content .referenzblock {
	width: 443px;
	height: 85px;
	background-color: #fff;
	padding-bottom: 4px;
	border-bottom: 1px dashed #b2b2b2;
	margin-bottom: 4px;
}

#wrapper #content .referenzblock a {
	text-decoration: none;
	border: 0;
}

#wrapper #content .referenzblock a img {
	float: left;
	width: 67px;
	height: 67px;
	padding: 2px;
	border: 1px solid #d6d6d6;
	margin: 6px;
	background-image: url(../pic_alg/referenzen/platzhalter.gif);
	background-position: center center;
	background-repeat: no-repeat;	
}

#wrapper #content .referenzblock a:hover img {
	border: 1px solid #8c1527;
}

#wrapper #content .referenzblock .beschreibung {
	width: 342px;
	height: 71px;
	padding: 4px;
	overflow: hidden;
	float: left;	
}

#wrapper #content .referenzblock .beschreibung a h3 {
	float: right;
	width: 294px;
	color: #8c1527;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0;
}

#wrapper #content .referenzblock .beschreibung a:hover h3 {
	color: #000;
}

#wrapper #content .referenzblock .beschreibung span.referenz_zeit {
		float: right;
		width: 48px;
		color: #8c1527;
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		margin-bottom: 16px;
		padding: 0;
}

#wrapper #content .referenzblock .beschreibung p {
	clear: both;
	padding: 0;
	margin: 0 0 0 0;
	color: #000;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

* html #wrapper #content .referenzblock .beschreibung p {
	margin-top: -7px;
}

*+html #wrapper #content .referenzblock .beschreibung p {
	margin-top: -7px;
}

/* Definition für die Neuen: */

#wrapper #content .referenzblock.neu  {
	background-image: url(../pic_alg/referenzblock_neu.gif);
	color: #fff;
	background-position: top left;
	background-repeat: no-repeat;
	
}

#wrapper #content .referenzblock.neu .beschreibung h3 {
	color: #fff;
}

#wrapper #content .referenzblock.neu .beschreibung span.referenz_zeit {
	color: #fff;
}

#wrapper #content .referenzblock.neu .beschreibung p {
	color: #fff;
}

/*  REFERENZEN ENDE  */

span.weiteres {
	padding: 10px;
}

/*  ##### ERRORSEITEN ENDE ######  */
/*  ERROR 403  */

#wrapper .error_403 {
	position: absolute;
	float: right;
	margin-left: 650px;
	margin-top: -24px;
	background: transparent url(../pic_alg/error_403.png) no-repeat top left;
	width: 183px;
	height: 526px;
	z-index: 1000;
}

* html #wrapper .error_403 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/error_403.png',sizingMethod='scale');
}

/*  ERROR 404  */

#wrapper .error_404 {
	position: absolute;
	float: right;
	margin-left: 640px;
	margin-top: -6px;
	background: transparent url(../pic_alg/error_404.png) no-repeat top left;
	width: 223px;
	height: 511px;
	z-index: 1000;
}

* html #wrapper .error_404 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic_alg/error_404.png',sizingMethod='scale');
}