/*
	CSS
*/



/* tags */

body {
	color:#222;
	border:0px;
	margin:0;
	padding:0;
	background:#F2F2F2 url(../images/v1.1/bg.png) repeat-y scroll center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:135%;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

h1 {
	color:#222;
	font-size:19px;
	line-height:130%;
	margin-bottom:15px;
}

p {
	margin:0 0 10px 0;
}

a {
	outline:0;
}


/* form tags */

textarea {
	width:350px;
	height:80px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	border:1px solid #cccccc;
}

.formInput {
	width:350px;
}

input, #admin textarea, #admin select {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	border:1px solid #cccccc;
}

#admin .large {
	width:350px;
	height:200px !important;
}



#wrapper {
	width:891px;
	margin:0 auto;
	padding:40px 0 0 0;
	background:#fff url(../images/v1.1/header.png) no-repeat scroll right top;
}


/* ids */

#logo {
}

#language {
	/*text-align:right;*/
	/*margin-top:-15px;*/
	float:right;
	position:relative;
	top:31px;
	font-size:11px;
}

#language a {
	color:#222;
	text-decoration:none;
}

#navi {
	z-index:3;
	position:absolute;
	top:110px;
	left:55px;

	position:static;
	top:auto;
	left:auto;
	z-index:auto;
	margin:30px 0 0 1px;
	float:left;
}

#navi a {
	color:#222;
	background-color:white;
	text-decoration:none;
}

#navi .active {
	background-color:#fff200;
	padding:1px 5px;
	margin-left:-5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	/*behavior:url(../js/htc/border-radius.htc);*/
}

#navi a:hover {
	color:#fff200;
	background-color:#000;
	padding:1px 5px;
	margin-left:-5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	/*behavior:url(../js/htc/border-radius.htc);*/
}

#navi .category {
	font-weight:bold;
}

#navi .item {
	color:#222;
	padding-right:2px;
}

#navi .item.active {
	/*background:transparent;*/
	padding-left:0;
	margin-left:0px;
}

#navi li {
	padding-bottom:2px;
}

#navi .gfx {
	padding:5px 0px 3px 0px;
}


#content {
	margin:30px 0 0 250px;
}

#content #headline,
#content #headline2 {
	overflow:visible;
	margin-bottom:15px;
	font-family:georgia, garamond, serif;
	font-style:italic;
}

#content #visual {
	margin-bottom:35px;
}

#content #col1 {
	width:300px;
	overflow:visible;
	padding-right:16px;
	padding-bottom:50px;
	float:left;
}

#content #col2 {
	overflow:visible;
	padding-bottom:50px;
	padding-left:316px;
}

#content .wide {
	width:600px !important;
}


/* begin startpage */

#content #visual1_start {
	margin-bottom:15px;
}

#content #visual2_start {
	margin-bottom:15px;
}

#content #col1_start {
	width:310px;
	overflow:visible;
	padding-bottom:50px;
}

#content #col2_start {
	overflow:visible;
	padding-bottom:50px;
}

#content #wrapper1 {
	float:left;
	margin-right:10px;
	width:315px;
}

#content #wrapper2 {
	float:left;
	width:315px;
}

/* end startpage */


#content td {
/*	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:130%;*/
}

#content a,
#content a:hover,
#content a:visited {
	color:#0080b0;
	text-decoration:underline;
}

#content #admin {
	position:relative;
	top:62px;
}

#itrack {
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}



#teaser {
	position:relative;
	top:25px;
}

#teaser a {
	color:#000000;
	text-decoration:underline;
}

#teaser .headline {
	color:#000000	!important;
	text-decoration:none	!important;
	font-weight:bold;
}



/* classes */


.projectlinks {
	margin-top:15px;
}



/**
 * gallery
 */

.gmcGallery {
	width:640px;
	height:380px;
}

* html .gmcGallery {
	width:638px;
}

.gmcGallery ul.gallery li {
	width:640px;
	height:360px;
}

.gmcGallery ul.numbers {
	top:362px;
	position:relative;
}

* html .gmcGallery ul.numbers {
	margin-top:362px;
}

.gmcGallery ul.numbers li {
	float:left;
	margin-right:2px;
	background:#F2F2F2;
	width:28px;
	height:18px;
	text-align:center;
}

.gmcGallery ul.numbers li.active {
	background:#FFF200;
}

#content .gmcGallery ul.numbers li a {
	width:28px;
	height:18px;
	display:block;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#content .gmcGallery ul.numbers li:hover {
	background:#000;
}

#content .gmcGallery ul.numbers li a:hover {
	color:#FFF200;
}

.hidden {
	display:none;
}