/*
 * 			   		Gründerszene Lexikon CSS
 * Author: 			Christoph Seydel (christoph@createmyweb.de)
 * Date:   			2010-02-01
 * Version:			1.0
 * Reference:		Mozilla Firefox 3.5.5 on Intel Mac OS X 10.6.2
 * 
 * latest changes:	created
 * 
 */

/*
 * GLOBALS
 */
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	width:auto;
}
.grey{
	color:#999;
	font-style:italic;
}
label{
	color:#999;
	font-family:Georgia;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}
/*
 * HEAD MAIN NAVIGATION
 */

/* Navigation Bar
#page{
	margin-top:30px;
}*/
#navbar {
	margin:0 auto;
	margin-top:15px;
	text-transform:uppercase;
	background:#2c2c2c url('../images/navbar.png');
}

#first-navigation {
	height:35px;
	width:960px;
}
#blue-border{
	background:#ECECEC;
	clear:both;
	display:block;
	height:29px;
	width:960px;
}
#no-mouseover{
	text-align:right;
	width:480px;
}
#no-mouseover:hover{
	background:none !important;
}
	#no-mouseover form{
		float:right;
	}
	#first-navigation ul {
		list-style: none;
	}
	
	#first-navigation li {
		border:0;
		float:left;
		height:36px;
		list-style:none;
		cursor: pointer;
		display:block;
	}

	#first-navigation li:hover {
		background: #3c78a7;
	}

	#first-navigation a, 
	#first-navigation a:visited {
		margin: 0px;
		padding:10px 16px;
		font-weight:bold;
		color:#FFF;
		display:block;
	}
	
	#first-navigation a:hover {
		text-decoration:none;
		display:block;
	}

/* Dropdown Menus */		
	#first-navigation li {
		float: left;
		margin: 0px;
		padding: 0px;
	}
		
		#first-navigation li li {
			border:0 !important;
			background:#3c78a7;
			float: left;
			height:30px;
			margin: 0px;
			padding: 0px;
			text-transform:none;
		}
	
			#first-navigation li li a, 
			#first-navigation li li a:link, 
			#first-navigation li li a:visited {
				background: #3c78a7;
				padding-top: 10px;
				padding-bottom:5px;
				padding-left:21px;
				text-transform:uppercase;
			}
			#first-navigation li #selected a,
			#first-navigation li li:hover a{
				margin:0 !important;
				padding:1px 0 0 0 !important;
			}
			#first-navigation li #selected .hover-start,
			#first-navigation li li:hover .hover-start {
				background:url(../images/subnavi-tab-bg1.png) no-repeat 0 -1px;
				color:#3c78a7;
				float:left;
				margin:0 0 0 10px;
				padding:8px 0 5px 10px;
				line-height:19px;
			}
			#first-navigation li #selected .hover-end,
			#first-navigation li li:hover .hover-end {
				background:url(../images/subnavi-tab-bg.png) no-repeat -112px -1px;
				display:inline-block;
				min-width:5px !important;
				height:21px;
				padding:5px 0 5px 5px;
				margin:0 7px -8px 0;
			}

		#first-navigation li ul {
			background:#3c78a7;
			position:absolute;
			min-width: 960px !important;
			margin-left: -999em;
		}
		
		#first-navigation li.nav-on{
			background:#3C78A7 !important;
		}
		
		#first-navigation li .nav-element-on#home-list{
			display:block;
			margin-left:0;
		}
		
		#first-navigation li .nav-element-on#blog-list{
			display:block;
			margin-left:-5px;
		}
		#first-navigation li .nav-element-on#database-list{
			margin-left:-145px;
		}
		#first-navigation li .nav-element-on#lexikon-list{
			margin-left:-212px;
		}
		#first-navigation li .nav-element-on#education-list{
			margin-left:-247px;
			/*margin-left:-329px;*/
		}
		
	#first-navigation #blog-element{
		background: url(../images/navigation_home_button5.jpg) no-repeat !important;
		padding-left:30px;
		width:80px;
	}
	#first-navigation #blog-element.nav-on,
	#first-navigation #homebutton:hover{
		background: url(../images/navigation_home_button5.jpg) no-repeat -110px 0 !important;
	}
			

/*
 * SIDEBAR
 */
#global-social-icons{
	background:#fff;
	display:block;
	margin-left:675px;
}
	#global-social-icons li{
		border:0;
		float:left;
		margin-right:5px;
	}
		#global-social-icons li a{
			display:block;
			height:32px;
			overflow:hidden;
			text-indent:-9999px;
			width:32px;
		}
		#global-social-icons li #sb-newsletter{
			background:url(http://www.gruenderszene.de/globals/images/socials/email.png) no-repeat;
		}
		#global-social-icons li #sb-facebook{
			background:url(http://www.gruenderszene.de/globals/images/socials/facebook.png) no-repeat;
		}
		#global-social-icons li #sb-twitter{
			background:url(http://www.gruenderszene.de/globals/images/socials/twitter.png) no-repeat;
		}
		#global-social-icons li #sb-rss{
			background:url(http://www.gruenderszene.de/globals/images/socials/rss.png) no-repeat;
		}
		#global-social-icons li #sb-youtube{
			background:url(http://www.gruenderszene.de/globals/images/socials/youtube.png) no-repeat;
		}
		#global-social-icons li #sb-slideshare{
			background:url(http://www.gruenderszene.de/globals/images/socials/slideshare.png) no-repeat;
		}
		
#sidebar-navigation{
	padding-top:48px;
}

#sidebar-navigation #entries{
	background:url('../images/sidebar-button-abc.png')no-repeat 0 0;
}
#sidebar-navigation #entries:hover{
	background:url('../images/sidebar-button-abc.png')no-repeat -320px 0;
}
#sidebar-navigation #themes{
	background:url('../images/sidebar-button-themenfelder.png')no-repeat 0 0;
}
#sidebar-navigation #themes:hover{
	background:url('../images/sidebar-button-themenfelder.png')no-repeat -320px 0;
}
#sidebar-navigation #videos{
	background:url('../images/sidebar-button-video.png')no-repeat 0 0;
}
#sidebar-navigation #videos:hover{
	background:url('../images/sidebar-button-video.png')no-repeat -320px 0;
}
#sidebar-navigation #suggestion{
	background:url('../images/sidebar-button-schmal-grau.png')no-repeat 0 0;
	height:35px;
	margin-top:20px;
	padding-top:10px;
}
#sidebar-navigation #suggestion:hover{
	background:url('../images/sidebar-button-schmal-grau.png')no-repeat -320px 0;
}
#sidebar #shirtshop{
	max-width:310px;
	margin:0;
	padding:0;
}



/*
 * NAVIGATION
 */

#start #letterlist li.active{
	background:url('../images/a-z_layer.png') no-repeat;
}

#video #letterlist {
	clear:both;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:0 10px 0 5px;
	text-transform:uppercase;
	width:590px;
}
	#video #letterlist li {
		display:block;
		float:left;
		text-align:center;
		width:150px;
	}
		#video #letterlist a:hover{
			text-decoration:none;
		}
		#video #letterlist li.active{
			background:url('../images/video_layer.png') no-repeat;
		}
		#video #letterlist li.active a {
			color:#EEEEEE;
		}
		
	#video .theme-element-lists{
		width:180px;
	}
#video #startlist-wrapper{
	margin:0;
}
	#video #video-table,
	#video #video-table thead,
	#video #video-table tbody,
	#video #video-table tr{
		background:#fff !important;
	}
		#video #video-table tr td{
			padding:5px 0 5px 5px;
		}
			#video #video-table tr td a{
				display:block;
			}

/*
 * LANDING PAGE
 */
#landing-page h1 {
	font-family:Georgia,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	letter-spacing:0.02em;
	margin:29px 0 30px;
	text-align:center;
} 
#landing-page #search{
	margin:30px 0 30px 0;
}
#landing-boxes .box{
	display:block;
	float:left;
	height:100px;
	padding:0 10px 0 10px;
	width:275px;
}
#landing-boxes {
	margin-top:20px;
}
	#landing-boxes .box h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
		margin:0 0 5px 0;
	}
	#landing-boxes .box h3{
		color:#000;
	}

/*
 * MAIN
 */
#entry-main{
	margin-bottom:20px;
}

#entry-main h2{
	border-bottom:1px solid #ccc;
	font-weight:bolder;
	width:100%;
}

#entry-main p{
	display:inline;
}
#entry-main ul{
	margin:5px 0 5px 15px;
}
#entry-main ul li{
	list-style:disc outside;
}
#entry-main a{
	font-family:Arial, Helvetica, sans-serif;
}
#entry-main h3#description{
	border-bottom:1px solid #ccc;
	color:#000;
	display:block;
	font-family:Georgia;
	font-size:16px;
	margin:20px 0 30px 0;
	padding-bottom:30px;
}

#entry-main #explanation{
	font-size:12px;
	margin:10px 0 10px 0;
	padding-bottom:10px;
}
#entry-main #explanation .content-ad {
	float: left;
	width: 320px;
	margin-bottom: 20px;
}

#entry-main .banner-ad {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

#entry-main #example{
	background:#eee;
	border:3px solid #ccc;
	color:#999;
	display:block;
	line-height:20px;
	margin:10px 0 20px 0;
	padding:10px;
}
	
	#entry-main #example #headding-word{
		color:#777;
		display:block;
		font-weight:bolder;
	}

#entry-main .alternative-writing{
	border:0;
	display:inline;
	font-family:Georgia;
	font-size:12px;
	font-weight:normal;
	width:auto !important;
}
#entry-main h3.alternative-writing{
	color:#aaa;
	display:block;
	font-family:Georgia;
	font-size:14px;
	margin-top:20px;
}

.video-wrapper{
	background:#eee;
	border:1px solid #ccc;
	font-family:Georgia;
	padding:5px;
	text-align:center;
}

#imagelist{
	clear:both;
	display:block;
	font-family:Georgia;
	margin:20px 0 20px 0;
	width:100%;
}
	#imagelist li{
		float:left;
		margin:15px;
	}
		#imagelist li .image-wrapper{
			border:1px solid #ccc;
			background:#eee;
			padding:5px;
			display:table-cell;
			height:250px;
			width:250px;
			text-align:center;
			vertical-align:middle;
		}
			#imagelist .image-wrapper img{
				max-height:240px;
				max-width:240px;
			}
			
#articles{
	clear:both;
	padding-top:20px;
	margin:20px 0 20px 0;
}
	#articles tr{
		height:30px;
	}
	#articles .article-description{
		color:#aaa;
	}
	#articles .article-category{
		background:url(../images/article_bg.png) no-repeat;
		color:#fff;
		height:21px;
		margin-top:4px;
		text-align:center;
		text-transform:uppercase;
		width:100px;
	}
	
.book-description{
	color:#aaa;
}

/*
 * LISTVIEW CATEGORIES
 */

#categorie-search,
#categories{
	background:#eee;
	min-height:90px;
	margin:0;
	padding:0;
	width:595px;
}
	#categorie-search h5,
	#categories h5{
		margin-bottom:0;
		width:590px;
	}
	#categorie-search #search{
		text-align:center;
	}
	#categories{
		clear:both;
	}
	#categories ul{
		background:#eee;
		height:270px;
		margin:0 5px 0;
		width:590px;
	}
		#categories ul li{
			float:left;
			height:27px;
			margin-top:10px;
			padding:0;
			width:196px;
		}
		#categories ul li:hover,
		#categories ul li .listfield-selected{
			background:url(../images/highlight.png) no-repeat;
			cursor:pointer;
		}
			#categories ul li a,
			#categories ul li a:hover
			#categories ul li:hover a,
			#categories ul li:hover a:hover{
				display:block;
				font-size:12px;
				padding:5px 0 5px 0;
				text-align:center;
			}
			#categories ul li:hover a,
			#categories ul li:hover a:hover,
			#categories ul li .listfield-selected{
				color:#fff;
				text-decoration:none;
			}
			 
	#themelist-wrapper #entries{
		clear:both;
	}
		.theme-element-lists{
			float:left;
			padding:5px;
			width:185px;
		}
		
/*
 * 
 * SUGGEST ENTRY
 * 
 */
#suggestion{
	margin-left:50px;
}
	#suggestion h1{
		font-family:Georgia;
		font-size:36px;
		font-weight:normal;
		letter-spacing:0.02em;
		margin:50px 0 20px 0;
	}
	#suggestion .caption{
		display:block;
		font-family:Georgia;
		font-size:18px;
		font-weight:normal;
		margin:30px 0 30px 0;
	}
	#suggestion fieldset{
		display:block;
		margin:10px 0 10px 0;
	}
	#suggestion .hidden{
		display:none;
	}
	#suggestion input{
		width:300px;
	}
	#suggestion ul li{
		float:left;
		margin:5px 10px 5px 0;
		min-width:155px;
	}
		#suggestion ul li .checkboxes{
			display:inline;
			width:20px;
		}
		#suggestion ul li label{
			display:inline;
		}
	#suggestion .button{
		width: 100px;
	}


 /*
  * ADMIN
  */
#admin .preview{
	float:right;
	padding-right:20px;
}
	#admin .preview a{
		color:#fff;
	}
#admin a .suggest-counter-start{
	background:url(../images/suggest_start.png) no-repeat;
	color:#fff;
	margin-left:2px;
	padding:4px 0 5px 10px;
}
#admin a .suggest-counter-end{
	background:url(../images/suggest_end.png) no-repeat;
	min-width:15px;
	padding:4px 5px 5px 6px;
}
#admin a .grey-counter-start{
	background:url(../images/grey_start.png) no-repeat;
	color:#000;
	margin-left:2px;
	padding:4px 0 5px 10px;
}
#admin a .grey-counter-end{
	background:url(../images/grey_end.png) no-repeat;
	min-width:15px;
	padding:4px 5px 5px 6px;
}
#admin #front-list input{
	width:200px;
}
#admin #front-list input.submit{
	width:70px;
}
#admin #front-list textarea{
	height:200px;
 	width:400px;
 }

#admin #front-list form{
	clear:both;
}
#admin #front-list{
	min-height:700px;
}

#admin #image-list li{
	float:left;
	margin:10px 0 10px 0;
}
	#admin #image-list li .image-wrapper{
		border:1px solid #000;
		height:120px;
		width:120px;
		padding:5px;
	}
		#admin #image-list li .image-wrapper img{
			max-height:100px;
			max-width:100px;
		}
		input.checkboxes{
			width:50px !important;
		}