/* artists.de css copyright 2008-10 4d projects gmbh  */

body {
	/* width: 978px; */
	/* background-color: #CCCCCC; */
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	}


#container {
	position: absolute;
	width: 1000px;
	top: 0px;
	left: 0%;
	text-align: left;
	height: 30px;
	z-index: 2;
	}


#top{
	position: fixed;
    background: #ffffff url("/images/top-bg.png") repeat-x center top;
    height: 28px;
	width: 978px;
	z-index: 75;
}

#top a{
    color: #7c7a7a;
    border: 0;
    text-decoration: none;
}

#top a:hover{
    color: #FF0000;
}


#LogoLeft {
	position: absolute;
	top: 31px;
	left: 0px;
	width: 125px;
	height: 90px;
	padding-left: 5px;
	background-color: #ffffff;
	z-index: 4;
   }


#LeftModule {
	position: absolute;
	text-align: left;
	top: 100px;
	left: 0px;
	width: 140px;
	height: 100%;
	background-color: #FFFFFF;
	padding-left: 7px;
	padding-top: 5px;
	z-index: 5;
	clear: both;
   }


#random_pictures_oben {
	position: absolute;
	z-index:1;
	top: 38px;	/* before 118px: -80px */
	left: 140px;
	width: 675px;
	height: 110px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	clear: both;
	}

#artists_for {
	position: absolute;
	z-index:1;
	top: 158px;	/* before 238px: -80px */
	left: 150px;
	width: 650px;
	height: 30px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	clear: both;
	}

#register_teaser {
	position: absolute;
	z-index:1;
	top: 193px;	/* before 273px: -80px */
	left: 155px;
	width: 640px;
	height: 16px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	clear: both;
	}

#random_pictures_unten {
	position: absolute;
	top: 235px;
	left: 155px;
	width: 640px;
	height: 370px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	clear: both;
	z-index:3;
   }

#index_description {
	position: absolute;
	top: 630px;
	left: 155px;
	width: 640px;
	padding: 0;
    color: #7c7a7a;
	background-color: #fff;
	clear: both;
	z-index:3;
   }


	/* Startseite mitte links */
#news {
	position: absolute;
	top: 306px;
	left: 145px;
	width: 330px;
	height: 360px;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	font-size: 12px;
	overflow: auto;
	z-index:3;
	clear: both;
   }

	/* Startseite mitte rechts */
#content_ad {
	position: absolute;
	top: 306px;
	left: 480px;
	width: 300px;
	height: 350px;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	clear: both;
	z-index: 3;
	overflow: auto;
	}

#MainBody {
	position: absolute;
	top: 35px;	/* before 131px: -96px */
	left: 150px;
	width: 640px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	border:solid #D6D6D6;
	border-width:1px 1px 1px 1px;
	}

#AgbBody {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 640px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:solid #D6D6D6;
	border-width:1px 1px 1px 1px;
    z-index: 5;
	}

#Titel {
	position: absolute;
	top: 35px;	/* before 131px: -96px */
	left: 150px;
	height: 50px;
	width: 640px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	border:solid #D6D6D6;
	border-width:1px 1px 1px 1px;
	z-index: 5;
	}

#Raster {
	position: absolute;
	top: 86px;	/* before 182px: -96px */
	left: 150px;
	/* height: 570px; */
	width: 640px;
	overflow: auto;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border:solid #D6D6D6;
	border-width:1px 1px 1px 1px;
	}

#SkyscraperModule {
	position: absolute;
	top: 35px;	/* before 131px */
	left: 805px;
	width: 170px;
	clear: both;
	/* height: 100%; */
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	z-index: 6;
   }


#Footer {
	position: absolute;
	left: 145px;
	width: 600px;
	height: 100%;
	background-color: #FFFFFF;
   }


#rechterRand {
	position: fixed;
	top: 0px;
	left: 978px;
	width: 2000px;
	height: 100%;
	background-color: #cccccc;
   }


/* ###################### Social Bookmarks ###################### */
.facebook{
	font-size:11px;
	margin-right:8px;
	padding-left:19px;
	background:url(http://www.artists.de/images/social_imgs.png) no-repeat 0 0px;
	}

.myspace{
	font-size:11px;
	margin-right:8px;
	padding-left:19px;
	background:url(http://www.artists.de/images/social_imgs.png) no-repeat 0 -20px;
	}

.twitter{
	font-size:11px;
	margin-right:8px;
	padding-left:19px;
	background:url(http://www.artists.de/images/social_imgs.png) no-repeat 0 -40px;
	}




/* ###################### Dropdown Navi Links ###################### */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
/* 	background:#CCCCCC;  */
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 100px;
}

ul.dropdown-vertical ul {
 top: -20px;
 left: 70%;
	border:1px solid #CCCCCC;
	background:#ffffff;
	margin: 5px;
	padding: 5px;
}

ul.dropdown-vertical li {
 float: none;
}

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
	background:#ffffff;
	border:1px solid #CCCCCC;
}





/* ###################### faq_liste2 ###################### */

.faq_liste2 {
	/* width: 600px; */
}

/* Auswahlfeld */
.faq_liste2 h4 {
	/* background: #ffffff; */
	padding: 3px 5px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	/* cursor: pointer; */
}
.faq_liste2 h4:hover {
	color: #FF0000;
}

/* Anzeige */
.faq_liste2 h4.active {
	background-position: right 5px;
}
.faq_liste2 p {
	background-color:  #e8e8e8;
	margin: 5px 15px 10px 10px;
	/* font-size: 12px; */
	padding: 10px 10px 10px;
	/* border: solid 1px #c4c4c4; */
	/* border-right: solid 1px #c4c4c4; */
	display: none;
}

/* ###################### OVERALL SETTINGS ###################### */

BODY {
  margin           : 0px 0px 0px 0px;
  color            : #000000;
}

td, tr, p, div {
  font-family	   : Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 1.3em;
  color            : #000000;
}


.grey {
  color            : #888888;
}

.fathead {
	font-size	   : 17px;
	font-weight    : bold;
  	font-family    : Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.fathead_red {
	font-size		: 17px;
	font-weight    	: bold;
  	font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
  	color            : #FF0000;
}

.fathead_red:hover {
    color: #888888;
}


.small {font-size: 10px}

.DDmenu {
	font-size: 12px;
	/* font-weight    	: bold; */
	text-align: center;
}


.DDmenu a {
	display:block;
	/* width:29px; */
	line-height:23px;
}

.DDmenu a:hover {
	background-color: #FFFFFF;
}

/* ###################### LINKS ###################### */

a:link, a:visited {
  color            : #888888;
  text-decoration  : none;
  font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
}


a:hover {
  color            : #E30303;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #285078;
  font-weight      : bold;
  letter-spacing   : 1px;
}


a.category:hover {

  color            : #E30303;
}

.suggest_link {
		background-color: #FFFFFF;
		padding: 2px 6px 2px 6px;
}

.suggest_link_over {
	background-color: #E30303;
	padding: 2px 6px 2px 6px;
}

#search_suggest {
	position: absolute;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #000000;
}
.submenu {
		font-size        : 12px;
}


img
        {
        border:0em;
        margin:0em;
        padding:0em;
        z-index:7;
        }


/* ###################### FORMULAR SETTINGS ###################### */


input, textarea, select {
  		border: 1px solid #D6D6D6;
  		font-size:1em;
  		background-color: #ffffff;
  		}


 input:hover {
  		border: 1px solid #D6D6D6;
  		font-size:1em;
  		color: #ff0000;
  		}


input.box
        {
        background-color: #ff0000;
        border-width:0px;
        border-style:none;
        }



input.button
        {
        background-color: #ffffff;
        color: #ff0000;
        border-width:1px;
        font-weight:bold;
        border-style:solid;
        border-color: #ff0000;
        padding:0.5em;
        margin:0em;
        font-size:1em;
        }


input.button:hover
        {
        background-color: #ffffff;
        color: #666666;
        }


/* ###################### SLIMBOX ###################### */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 41px;
}

#lbCaption {
	font-weight: bold;
}