@charset "utf-8";

/*   ##### KjG-Fulda-Homepage 2 #####
	Datei:   style.css 
	Version: V.0.5

	Zweck:   CSS-Stylesheet für die ganze Seite
     #################################*/

body{
	color:		black;
	background:	#99d1e9;
	padding:	0;
	margin:		0;
	font:		13px verdana, sans-serif;
	min-width:	1120px;
	background-image:url("http://www.kjg-fulda.de/images/logos/kjg/logo_blass1.gif");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:bottom right;
}

a{
	font-weight:	bold;
	text-decoration:none;
	color:		#018dc8;
}

#head{
	color:		white;
//	background:	#018dc8;
background:#003865;
background-image: url('http://www.kjg-fulda.de/images/logos/projekte/wirlebenes2012.png');
background-repeat:no-repeat;
background-position:left top;
	border-bottom:	3px solid black;
	padding-top:	5px;
	margin:		0 0 40px 0;
//height: 100px;
}
#head p{height:80px;margin:15px 5px 0 0;}
#banner-link{position:absolute;left:0;top:0;width:600px;height:100px;}

	#head h1{
		color:		black;
		background:	#e5f3ff;
		padding:	2px;
		margin:		0;
		border-top:	1px solid black;
		font:		bold 18px verdana, sans-serif;
	}

#news{
	float: 		right;
	width: 		150px;
	margin: 		5px;
	padding: 	4px 4px 4px 10px;
	background: #e5f3ff;
	border: 		1px solid #018dc8;
}
	#news a:link{
		color:		#666;
	}
	#news a:visited{
		color:		#666;	
	}
	#news a:hover{
		color:		#003366;
		text-decoration:none;
	}
	#news a:active{
		color:		#003366;
	}
	
.hint{
	font-weight: normal;
	font-size: 60%;
	line-height: 15px;
}

.hint:hover{
	font-weight: normal;
	font-size: 90%;
	line-height: 15px;
	cursor: help;
}

.vera-user-il{
 display: inline-block;
 padding: 2px;
 margin: 2px;
 height: 60px;
 border: 1px solid #018dc8;
-moz-border-radius:5px;
-khtml-border-radius:5px;
 overflow: hidden;
 vertical-align:middle;
}

.vera-user-il img{
 max-height:60px;
}

input.text{
        border: none;
        border-bottom: 1px dotted #018dc8;
        background-color: transparent;
        width: 200px;
		font:	13px verdana, sans-serif;
		padding-left: 3px;
}

	input.text:hover{
	        border-bottom: 1px solid #018dc8;
	}

input.button{
		margin-top: 2px;
		cursor:	pointer;
		
		color:		white;
		background:	#018dc8;
		border:		1px solid black;
		padding:	2px 0 2px 0;
		font:	12px verdana, sans-serif;
		font-weight:	bold;
		text-decoration:none;
}

	input.button:hover{
			color:		black;
			background:	#e5f3ff;
			border:		1px solid black;
	}

.shout{
border: none;
/*border-top: 1px dotted #018dc8;*/
margin-top:10px;
margin-bottom:10px;
background-image: url('images/grafiken/shout_bg.png');
background-repeat:repeat-y;
background-position:left top;
}
.shout_user{
border-right: 1px dotted #018dc8;
width: 80px;
margin: 2px;
float:left;
}
.shout_text{
padding-bottom: 10px;
/*background-image: url('images/grafiken/bubble.png');
background-repeat:no-repeat;*/
float:left; 
}
.shout_bubble{
/*background-image: url('images/grafiken/bubble_2.png');
background-repeat:no-repeat;
background-position:right bottom;*/
padding-left: 50px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
min-height: 60px;
max-width: 400px;
min-width: 100px;
}
.shout_input{
width: 300px;
height:80px;
border: 1px dotted #018dc8;
font:	13px verdana, sans-serif;
background-color:transparent;
}
.shout_info{
height:1px;
clear:both;
}
/*	
.shoutlist{		
		color:		white;
		background:	#018dc8;
		border:		1px solid black;
	
}

.shoutlist.shout{
        border: none;
        border-bottom: 1px dotted #018dc8;
	
}*/

table.tabelle tr.odd{
       background-color:   #e5f3ff;
}

#teaminfoleiste{
	float: right;
	width: 310px;
	margin: 5px;
	padding: 4px 4px 4px 10px;
	background: #e5f3ff;
	border: 1px solid #018dc8;
}
	#teaminfoleiste table{
		margin: 		0px;
		padding: 		0px;
	}
	#teaminfoleiste table tr td{
		padding: 		4px 0px;
	}
	
#Startseite-Boxen{
	margin:40px;
}

#Startseite-Boxen table{
		border-collapse: 	collapse;
		border:				none;
		width:				100%;
		margin: 				0px;
		padding: 			0px;
		table-layout:		fixed
}

#Startseite-Boxen table td{
		border-collapse: 	collapse;
		border:				none;
		margin: 				0px;
		padding: 			0px;
}

#Startseite-Boxen .box{
	width:					150px; 
	height:					150px; 
	padding:					12px; 
	margin:					0px;
	border-style:			solid; 
	border-color:			#018dc8; 
	border-width:			1px; 
	border-left:			8px solid #018dc8; 
	vertical-align:		middle;
	overflow:				hidden;
	text-align:				center;
}

#KJGedit{
	position:	absolute;
	top:		100px;
	left:		200px;
	margin: 	0px;
	padding: 	5px;
	border: 	5px solid #018dc8;
	background-color: #e5f3ff;
}

#overlay{
	width	:	650px;
	height:	600px;
	overflow: scroll;
	margin: 	10px;
	padding: 0px;
	border: 	2px solid #018dc8;
	background-color: #e5f3ff;
}

#menu{
	margin:		0 0 10px 5px;
	float:		left;
	width:		150px;
}
	#menu .ul{
		margin:		0 0 10px 5px;
		padding:	0;
		list-style:	none;
		list-style-type:none;
		width:		150px;
	}
	#menu .li{
		padding:	0 0 2px 0;
		margin:		0;
	}
	#menu a{
		width:		120px;
		display:	block;
		color:		white;
		background:	#018dc8;
		border:		1px solid black;
		padding:	4px 4px 4px 10px;
		font-weight:	bold;
		font-size:	12px;
		text-decoration:none;
	}
	#menu a:hover{
		color:		black;
		background:	#e5f3ff;
		border:		1px solid black;
	}

#bildleiste{
	float:		left;
	margin:		0px;
	width:		100px;
	padding:		0px 25px 0px 25px;
}

#makemescroll{
	width:					100%;
	position: 				relative;
	float:					left;
	margin:					0;
	padding:					0;
}

#makemescroll div.leftscrollhover{
	background-image:		url(images/grafiken/bildleiste_li_smooth.png);
	width:					100px;
	height:					100%;
	background-repeat:	vertical-repeat;
	background-position:	left top;
	position:				absolute;
	z-index:					200;
	left:						0;
	cursor:					w-resize;

}

#makemescroll div.rightscrollhover{
	background-image:		url(images/grafiken/bildleiste_re_smooth.png);
	width:					100px;
	height:					100%;
	background-repeat:	vertical-repeat;
	background-position:	right top;
	position:				absolute;
	z-index:					200;
	right:					0;
	cursor:					e-resize;

}

#makemescroll div.scrollframe{
	position:	relative;
	overflow:	hidden;
	width:		100%;
	height:		100%;
}

#makemescroll div.smallpics{
	position:	relative;
	width:		auto;
	height:		100%;
	margin:		0;
	padding:		0;
}

#makemescroll div.smallpics img{
	height:	120px;
	width:	auto;
	border:	none;
}

#bildergalerieview div.galerieelement{
	float:left; width:150px; height:150px; text-align:center; margin: 5px; padding: 5px;
	position: relative;
}

#bildergalerieview div.galerieelement div.delete{
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #99d1e9;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;  
	border-radius: 10px;
}

#footer{
	margin: 150px 80px 20px 190px;
	display: block;
	clear: both;
}

#content{
	margin: 0 80px 20px 190px;
}
	#content h2{
		margin:		25px 0 10px 0;
		padding:	2px 0 2px 5px;
		font:		bold 16px verdana, sans-serif;
		border-left:	10px solid #018dc8;
		border-bottom:	1px solid #018dc8;
	}
	#content h3{
		margin:		25px 0 10px 0;
		padding:	2px 0 2px 5px;
		font:		bold 14px verdana, sans-serif;
		border-left:	8px solid #018dc8;
		border-bottom:	1px solid #018dc8;
	}
	#content h4{
		margin:		15px 0 -10px 0;
		padding:	2px 0 2px 5px;
		font:		bold 12px verdana, sans-serif;
		border-left:	6px solid #018dc8;
		border-bottom:	1px solid #018dc8;
	}
	#content img{
		border: 	none;
		vertical-align: middle;
	}
	#content a{
		font-weight:	bold;
		text-decoration:none;
		color:		#018dc8;
	}

table{
	border:			none;
	border-width:	0px;
	font:				small/1.5 Verdana, sans-serif;}
	table,td{
		border: 			none;
		border-width:	0px;
		border-collapse:collapse;
	}
	thead th,tbody th{
		background:	#FFF;
	  	color:		#666;  
		padding:	5px 10px;
		border-left:	none;
	}
	tbody th{
		background: 	#e5f3ff;
		border-top: 	none;
		text-align: 	left;
		font-weight: 	normal;
	}
	tbody tr td{
		padding: 	5px 10px;
	  	color: 		#666;
	  	border-width: 	0px;
	}
	tfoot td,tfoot th{
	  	border-left: 	none;
	  	border-top: 	none;
		padding: 	4px;
	  	background: 	#FFF;
	  	color: 		#666;
	}
	caption{
		text-align: 	left;
		font-size: 	120%;
		padding: 	10px 0;
		color: 		#666;
	}

#veratable{
	margin:		0 80px 20px 190px;
}
	#veratable table,td{
		border: 	1px solid #CCC;
	}
	#veratable table{
		border: 	1px solid #CCC;
	}
	#veratable tbody th{
	 	border-top: 	1px solid #CCC;
	}
	#veratable tbody tr td{
		padding: 	5px 10px;
	  	color: 		#666;
	}
	#veratable tbody tr:hover{
	  	background: 	#e5f3ff;
	}
	#veratable tbody tr:hover td{
	  	color: 		#454545;
	}
	#veratable tfoot td,tfoot th{
	  	border-left: 	none;
	 	border-top: 	1px solid #CCC;
		padding: 	4px;
	  	background: 	#FFF;
	  	color: 		#666;
	}
	#veratable caption{
		text-align: 	left;
		font-size: 	120%;
		padding: 	10px 0;
		color: 		#666;
	}
	#veratable table a:link{
		color: 		#666;
	}
	#veratable table a:visited{
		color: 		#666;
	}
	#veratable table a:hover{
		color: 		#003366;
		text-decoration:none;
	}
	#veratable table a:active{
		color: 		#003366;
	}


.hand{
  		cursor:pointer;
}