body {
  background: #ffffff;
  color: #444444;
  font-family: verdana, sans-serif;
  font-size: 12px;
}
		 
input, select { border:#000000 1px solid;}


.breadcrumb { 
margin-right: 15px;
margin-bottom: 15px;
}


.title {font-family: verdana, sans-serif;
font-size: 17px;
margin-right: 15px;
margin-bottom: 15px;
}


.licence-message {
font-size: 11px;
margin-left: 15px;
margin-bottom: 15px;
}

.titlebox {
border: 1px solid black;
height: 16px;
width: 130px;
margin-right: 15px;
margin-bottom: 10px;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}

.titlebox-sub {
height: 16px;
margin-bottom: 10px;
margin-right: 27px;
font-size: 11px;
float: right;
}

.index-artwork-showcase {
margin-top: 222px;
}

.description {
margin-right: 15px;
margin-bottom: 15px;
}

.notfound {
color: #aaaaaa;
}

.vimeo-video, .youtube-video {
border: 0px solid black;
}

.artwork-thumb {float: left;
border: 1px solid black;
width: 150px;
height: 200px;
margin-right: 15px;
margin-bottom: 15px;
vertical-align: middle;
background-color: #ffffff;
overflow: hidden;
}

.artwork-thumb-disabled {float: left;
border: 1px solid black;
width: 150px;
height: 200px;
margin-right: 15px;
margin-bottom: 15px;
vertical-align: middle;
background-color: #dddddd;
}

.artwork-thumb-info {
font-size: 11px;
padding: 2px 2px 2px 5px;
margin: 0px;
vertical-align: middle;
}

.user-thumb {float: left;
border: 1px solid black;
width: 130px;
height: 100px;
margin-right: 15px;
margin-bottom: 15px;
vertical-align: middle;
padding: 10px;
background-color: #ffffff;
}

.artwork-detail {float: left;
margin-right: 15px;
margin-bottom: 15px;
padding: 0px;
}

.artwork-detail img {border: 1px solid black;}

.infobox {
font-size: 11px;
border: 1px solid black;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px;
overflow: hidden;
}

.info-image img {border: 1px solid black;
margin-bottom: 13px;}

.info-image {}

.infobox ul {
	padding: 0px 0px 0px 20px;
	margin-left: 0px;
}

.infobox ul li{
	margin: 1px 0px 0px 0px;
}

.worktype-info {
border: 1px solid black;
margin-bottom: 15px;
width: 307px;
padding: 10px;
}


.worktype-info .title {font-family: verdana, sans-serif;
font-size: 17px;
margin: 0px;
}

.worktype-info .description {font-family: verdana, sans-serif;
font-size: 11px;
margin: 0px;
}

.no-thumb {border: 0px solid black;
margin-bottom: 2px;
width: 150px;
height: 150px;}

.image-not-exists {border: 0px solid black;
margin-bottom: 2px;}

img {border: 0px solid black;}


/* Header
************************************************/

#header {margin-bottom: 10px;}

#header .menutab {float: left;
border: 1px solid black;
height: 16px;
margin-right: 15px;
margin-bottom: 4px;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}

#headerWrapper { float: left; width: 970px;}

#header #log-info {
		font-size: 10px;
		color: #999999;
}

#header .big3i {
		background: #ffffff url(../images/3iarts_logo.gif) no-repeat 0 0;
		margin-right: 15px;
		height:40px;
		width:235px;
		float:left;
}

#header .big3iLocal {
		background: #ffffff url(../images/3iarts_logo_hfk.gif) no-repeat 0 0;
		margin-right: 15px;
		height:40px;
		width:235px;
		float:left;
}

#portfoliomenu {font-family: verdana, sans-serif;
		font-size: 30px;
		height: 42px;
		width: 970px;
		margin-right: 15px;
		/*font-weight:bold;*/
		float:left;
}

#portfoliomenu img{float:left;
}

#submenu {
		height: 60px;
		width: 970px;
		float:left;
}

#submenu .big3itext {
		background: #ffffff url(../images/3iarts_subtext.gif) no-repeat 0 0;
		margin-top: 10px;
		margin-left: 35px;
		margin-right: 15px;
		height:50px;
		width:200px;
		float:left;
}

#submenu .big3itextinfo {
		font-size: 11px;
		height:50px;
		width:600px;
		margin-top: 10px;
		float:left;
}



/* Stage
************************************************/

#stage {
	/*
	background: #fff url(../images/structure/stagebg.gif) repeat-y 50% 0;
	*/
	color: #444;
	padding: 20px 0 1em 0;
}

#stage div.pageWrapper {min-height: 450px;}
#contentWrapper { float: left; width: 970px; margin-bottom:80px;}

.cols1 #contentWrapper{}

#content {float: left; width: 680px; min-height: 450px;}
#sidebarLeft {float: left; width: 250px;}
#sidebarRight { float: left; width: 200px; margin-right: 0px;}




/* Foot
************************************************/

#foot {font-size: 10px;}

#foot div.pageWrapper {
	/*background-color: #e5e5e5;
	color: #919191;*/
	margin-top: 50px;
	padding: 0.5em 0;
}

#footerWrapper { float: left; width: 970px; /*background-color: #cccccc;*/}



/* Main
************************************************/

a {
  text-decoration:none;
}
a:link {
  color: #000000;
 
}
a:visited {
  color: #000000;
}
a:hover {
  text-decoration:underline
}


/* Pager
************************************************/

.pagerWrapper{padding:0px;}

.pager {padding:0px;}

.pager li.active a, .pager li.active, .pager li a:hover {
	background-color: #000000;
	color:white;
}

.pager li {
	display: inline;
	height: 20px;
	width: 20px;
	border: 1px solid black;
	padding: 5px;
	background: #ffffff;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0 !important;
	margin-right:2px;
	text-align: center;
}


/* ========== TAGS ===========*/

.tagcloud {font-family: verdana, sans-serif;
	width: 550px;
}

.tagcloud .singletag {
	float: left;
	padding: 5px;
}

.tagcloud .singletag .tag-0{font-size:5px;}
.tagcloud .singletag .tag-1{font-size:7px;}
.tagcloud .singletag .tag-2{font-size:9px;}
.tagcloud .singletag .tag-3{font-size:11px;}
.tagcloud .singletag .tag-4{font-size:13px;}
.tagcloud .singletag .tag-5{font-size:15px;}
.tagcloud .singletag .tag-6{font-size:17px;}


/* ========== FORMS ========== */


.infobox .zend_form dt {
	padding: 0px 0 3px 0;
}

.infobox .zend_form dd {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

.infobox .zend_form input {
	width:207px;
}

.infobox .zend_form .button {
	width:100px;
}


.zend_form dt {
	padding: 5px 0 5px 0;
	width: 400px;
}

.zend_form dt label {
	font-weight: bold;
}
	
.zend_form .button {
	width:150px;
}

.zend_form .checkbox {
	width:25px;
	border: 0px;
}

.zend_form .selectbox {
	margin: 0;
	width: 356px;
	margin-right: 5px;
	//border: 1px;
}
	
.zend_form dd {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

.zend_form dd p {
	font-size: 11px;
	color: #777777;
	margin: 0px;
	width: 400px;
	margin-top:3px;
}

.zend_form input {
	margin: 0;
	margin-right: 5px;
	width: 350px;
	padding: 2px;
	border: 1px solid #000000;
}

.zend_form textarea {
	margin: 0;
	padding: 2px;
	width: 350px;
	border: 1px solid #000000;
}

.errors {
	//background: #000000 url(../images/icons/error.png) no-repeat 0 0;
	margin:0px;
	padding: 0;
	width: 400px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 16px;
	/*background-color: #ff4500;*/
}
.errors li {
	list-style: none;
	color: #ff0000;
	padding-left: 10px;
}




/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after, div.tbHead:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}


/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix, div.tbHead { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html div.tbHead { height: 1%; }

.clearfix, div.tbHead { display: block; }
/* End hide from IE-mac */

