@charset "UTF-8";

/*
 MAIN STYLESHEET FOR SCREEN
*/

/* Global browser reset */
* {
	padding:0;
	margin:0;
	border:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol,ul {
	list-style:none;
}

q:before, q:after, blockquote:before,blockquote:after { content: ""; }

/* clearfix */

.float-holder:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.float-holder { display:inline-block; }

/* Holly Hack Targets IE Win only \*/
* html .float-holder { height:1%; }
.float-holder { display:block; }
/* End Holly Hack */


/* clearing br */

br.clear {
	clear:both;
	height:0;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
}

body {
	background-image:url(../images/bg_main.jpg);
	background-repeat:repeat-x;
	background-color:#69009B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	text-align:center;
	line-height:24px;
}

body a {
	color:#FFFFFF;
	text-decoration:none;
}

body a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

/* GENERAL */

#wrapper {
	width:915px;
	margin:auto;
	margin-top:15px;
	text-align:left;
}

#top {	
}

#logo {
	width:182px;
	height:40px;
	float:left;
	margin-top:75px;
}

#menu {
	width:435px;
	height:36px;
	float:right;
	margin:70px 0 0 0;
}

#header {
	margin:32px 0 0 0;
}

#content {
	width:875px;
	padding:40px 20px 0px 20px;
}

#leftcontent {
	width:400px;
	padding:40px 20px 0px 20px;
	margin-bottom:20px; 
	color: #ad9ebe; 
}

#thumbs {
	width:435px;
	float:left;
	line-height:14px;
	margin-right:25px;
}

#thumbs_dl {
	width:435px;
	float:left;
	line-height:24px;
	margin-right:25px;
}

#thumbs_dl img {
	margin-top: -5px;
}

#thumbs_kontakt {
	width:435px;
	float:left;
	line-height:24px;
	margin-right:25px;
}

#text {
	float:left;
	width:415px;
	line-height:24px;
}

/* NAVIGATION */

#mainNav {
	list-style: none;
	margin:0;
	padding:0;
}

#mainNav li {
	float:left;
	margin:0;
	padding:0;
}
	
#mainNav li a {
	display: block;
	height: 36px;
	text-indent: -2000em;
	overflow:hidden;
}

#home a:link {
	width: 90px;
	background-position: 0px 0px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#home a:visited {
	width: 90px;
	background-position: 0px 0px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#home a:hover {
	background-position: 0px -36px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#home a:active {
	width: 90px;
	background-position: 0px -36px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#home a.on {
	background-position: 0px -36px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#portfolio a:link {
	width: 119px;
	background-position: 0px 0px;
	background-image: url(../images/portfolio.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#portfolio a:visited {
	width: 119px;
	background-position: 0px 0px;
	background-image: url(../images/portfolio.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#portfolio a:hover {
	background-position: 0px -36px;
	background-image: url(../images/portfolio.gif);
	background-repeat: no-repeat;
}

#portfolio a:active {
	width: 119px;
	background-position: 0px -36px;
	background-image: url(../images/portfolio.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#portfolio a.on {
	background-position: 0px -36px;
	background-image: url(../images/portfolio.gif);
	background-repeat: no-repeat;
}

#downloads a:link {
	width: 115px;
	background-position: 0px 0px;
	background-image: url(../images/downloads.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#downloads a:visited {
	width: 115px;
	background-position: 0px 0px;
	background-image: url(../images/downloads.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#downloads a:hover {
	background-position: 0px -36px;
	background-image: url(../images/downloads.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#downloads a:active {
	width: 115px;
	background-position: 0px -36px;
	background-image: url(../images/downloads.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#downloads a.on {
	background-position: 0px -36px;
	background-image: url(../images/downloads.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

/* END NAVIGATION */


/* THUMBS */

.thumb {
   width:200px;
   height:165px;
   margin:0px 15px 20px 0px;
   float:left; 
}

.thumb a {
   display:block;
   padding:10px;
   background:#0D0D0E; 
}

.thumb a:hover {
   background:#CC0066;
}

.thumb p {
   color:#ad9ebe;
   margin-bottom:4px;
} 

.thumb p.text {
	margin-left:10px;
}

/* END THUMBS */

/* SMALL THUMBS */

.thumb_sm {
   width:130px;
   height:90px;
   margin:0px 7px 20px 0px;
   float:left; 
}

.thumb_sm a {
   display:block;
   padding:5px;
   background:#0D0D0E; 
}

.thumb_sm a:hover {
   background:#CC0066;
}

/* END SMALL THUMBS */

/* DOWNLOAD */

.thumb_dl, .thumb_dl a {
   width:50px;
   height:70px;
   margin:7px 0px 0px 0px;
   float:left; 
}

/* END DOWNLOAD */

.thumb_ht {
   width:50px;
   height:40px;
   margin:5px 0px 0px 0px;
   float:left; 
}

/* CONTACT */

.contactme { 
	margin:40px 0 35px 0;
	padding-top:40px;
	border-top:1px solid #404040; 
	line-height:24px;
	color:#ad9ebe;
}

.contactme a:link {
	color:#ad9ebe;
	text-decoration:none;
}

.contactme a:visited {
	color:#ad9ebe;
	text-decoration:none;
}

.contactme a:hover {
	color:#ad9ebe;
	text-decoration:underline;
}

.contactme a:active {
	color:#ad9ebe;
	text-decoration:none;
}
	
.contactme h5 {
	margin:0 0 10px 0;
	padding:0;
	line-height:24px;
}

.contactme p { 
	line-height:24px; 
	margin-bottom:20px;
	margin-left:27px;
	font-weight:normal; 
}

/* END CONTACT */


/* FOOTER */

#footer {
	border-top:1px solid #666666;
	height:32px;
	line-height:32px;
	clear:both;
	color:#ad9ebe;
	margin-bottom:30px;
	width:915px;
}

#footer p.left {
	float:left;
	width:400px;
	margin-left:20px;
}

#footer p.right {
	float:right;
	width:400px;
	text-align:right;
	margin-right: 20px;
}

#footer p a {
	color:#ad9ebe;
}

#footer p a:link {
	text-decoration:none;
}

#footer p a:visited {
	text-decoration:none;
}

#footer p a:hover {
	text-decoration:underline;
}

#footer p a:active {
	text-decoration:none;
}

/* END FOOTER */

/* HEADLINES */

#text h2, h2 {
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 13px 0px;
	text-transform:uppercase;
}

#thumbs h3 {
	color:#ad9ebe;
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
}

#thumbs_dl h3 {
	color:#ad9ebe;
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
}

.form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#111222;
	padding:2px 2px 2px 5px;
	width:215px;
}

.form_msg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#111222;
	padding:2px 2px 2px 5px;
	width:215px;
	height:100px;
	valign: top;
}

.submit {
	margin-right:15px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#111222;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #313131;
	border-right:1px solid #313131;
}

.reset {
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#111222;
	border-top:#666666;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #313131;
	border-right:1px solid #313131;
}

.margin40 {
	margin-top:40px; 
	margin-bottom:40px;
}

.lineheight13 {
	line-height:13px;
}

.lineheight18 {
	line-height:18px;
}

.lineheight24 {
	line-height:24px;
}

.height100 {
	height: 100px;
}

.white {
	color:#FFFFFF;
}

.lightpurple {
	color:#ad9ebe;
}

.underline {
	text-decoration:underline;
}

.bold {
	font-weight: bold;
}