
/* main ANFANG */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	width: 1000px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	margin: auto;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #000000;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h1 {
	color: #0092dd;
	padding-bottom: 14px;
}

h2 {
	color: #0092dd;
	padding: 10px 0 18px;
}

p {
	/*
	text-align: justify;
	line-height: 18px;
	word-spacing: 2px;
	
	border: 1px solid #FF00FF;
	*/
	padding-bottom: 14px;
}
p.big {
	font: normal normal normal 20px Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
div.center {
	text-align: center;
}
div.clear {
	clear: both;
}
img {
	border: 1px solid #da251c;
}


div#header {
	width: 1000px;
	height: 185px;
	background: url('../img/header.jpg') no-repeat;
}

div#content {
	position: relative;
	width: 1000px;
	height: 540px;
	background: url('../img/content.jpg') no-repeat;
}
div#content div#textbox {
	position: absolute;
	width: 790px;
	top: 26px;
	left: 26px;
}
div#content div#textleft {
	position: absolute;
	width: 400px;
	top: 26px;
	left: 26px;
}
div#content div#textright {
	position: absolute;
	width: 340px;
	top: 26px;
	left: 470px;
}
div#content div#submenu {
	position: absolute;
	width: 340px;
	top: 80px;
	left: 470px;
}
div#content div#submenu a:link,
div#content div#submenu a:visited,
div#content div#submenu a:active,
div#content div#submenu a:hover {
	display: block;
	font: normal normal normal 24px Arial, Helvetica, sans-serif;
	background: url('../img/arrow.gif') no-repeat left;
	padding: 10px 0 10px 30px;
	color: #0092dd;
}
div#content div#preview {
	position: absolute;
	width: 110px;
	height: 540px;
	left: 860px;
	margin-top: 5px;
}
div#content div#preview a:link,
div#content div#preview a:visited,
div#content div#preview a:active,
div#content div#preview a:hover {
	position: absolute;
	top: 440px;
	width: 109px;
	height: 106px;
	color: #C0C0C0;
	background: url('../img/cartec.jpg') no-repeat;
}
div#content div.home {
	background: url('../img/preview_home.jpg') no-repeat;
}
div#content div.impressum {
	background: url('../img/preview_impressum.jpg') no-repeat;
}
div#content div.agb {
	background: url('../img/preview_agb.jpg') no-repeat;
}
div#content div.beispiele {
	background: url('../img/preview_beispiele.jpg') no-repeat;
}
div#content div.kontakt {
	background: url('../img/preview_kontakt.jpg') no-repeat;
}
div#content div#copyright {
	position: absolute;
	top: 510px;
	left: 368px;
	color: #C0C0C0;
}
div#content div#gallery {
	width: 720px;
	margin: auto;
}
div#content div#gallery a.arrow_left:link,
div#content div#gallery a.arrow_left:visited,
div#content div#gallery a.arrow_left:active,
div#content div#gallery a.arrow_left:hover {
	float: left;
	display: block;
	width: 60px;
	height: 300px;
	background: url('../img/arrow_red_left.gif') no-repeat center;
}
div#content div#gallery img {
	float: left;
	display: block;
	width: 590px;
	height: 300px;
}
div#content div#gallery a.arrow_right:link,
div#content div#gallery a.arrow_right:visited,
div#content div#gallery a.arrow_right:active,
div#content div#gallery a.arrow_right:hover {
	float: left;
	display: block;
	width: 60px;
	height: 300px;
	background: url('../img/arrow_red_right.gif') no-repeat center;
}


div#menu {
	width: 1000px;
	height: 60px;
	padding-left: 18px;
}
div#menu a:link,
div#menu a:visited,
div#menu a:active {
	display: block;
	float: left;
	width: 160px;
	height: 60px;
	font: normal normal bold 20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
	background: url('../img/button.jpg');
}
div#menu a:hover,
div#menu a.mark:link,
div#menu a.mark:visited,
div#menu a.mark:active {
	width: 160px;
	height: 60px;
	background: url('../img/button_hover.jpg');
}

