/****************** RESETS ********************/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		background: transparent;
	}
	body {
		line-height: auto;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
		.border_table {
			border-collapse: collapse;
			border-spacing: 0;
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			background: url("../images/background_footer.jpg") repeat scroll left top transparent;
			width: 100%;
			margin-bottom: 10px;
		}
		.border_table th {
			font-weight: bold;
		}
		
		.border_table td,
		.border_table th {
			border: 1px solid #999;
			border-left: none;
			border-top: none;
			padding: 10px;
			vertical-align: middle;
			text-align:left;
		}
		.border_table td.row_options {
			text-align: right;
		}
		.border_table td.row_options a{
			text-decoration: none;
			margin-right: 10px;
		}
		.border_table td.row_options img{
			height: 24px;
		}
	
	.first_td {
		white-space:nowrap;
	}
	
	.small {
		font-size: 11px;
		color: #666666;
	}
	.text_left {
		text-align: left;
	}
	.italic_font {
		font-style:italic;
	}
	
	.help {
		cursor:help;
	}
	
	
	

/****************** ALLGEMEINES ********************/
	html {
		overflow-y: scroll;
	}
	body { 
		background: url(../images/background_footer.jpg) top left;
	    font-family: verdana;
	    font-size: 12px;
		color: white;
	}
	
	
	a {
		color: white;
		text-decoration: underline;
		font-weight: normal;
	}
	a:hover {
		color: #1d9cd0;
	}
	a.current, a.active {
		font-weight: bold;
	}
	

	.mainwidth { width: 1000px; }
	.center { margin-left: auto; margin-right: auto; }
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }
	.full { width: 100%; }
	.width_50 { width: 50%; }
	.width_33 { width: 33%; }
	.strong { font-weight: bold; }
	.hidden { display: none; }
	.padding_10 { padding: 10px; }

	
	h1, h2, h3 {  font-size: 16px; font-weight: normal; margin-bottom: 10px; }
	h1 { font-size: 22px; color: white; margin:25px 0 20px; border-bottom:1px solid rgb(125,125,125);padding-bottom:5px; }
	h2 { font-size: 15px; }
	h3 { font-size: 13px; font-weight:bold; margin:25px 0 12px; }
	h4 { margin:5px 0; }
	
	
	
	p, .border-table, ul, ol { margin-bottom: 15px;}
	p.google_affiliate_info {
		border-bottom:0;
		text-align:center;
		margin:8px 0 0;
		font-size:12px;
		color: #6891a1;
	}
	
	table {
	
	}
	
	td, th {
		padding:5px 5px 5px 0;
	}
	
	#errors, #messages { 
		border: 2px solid darkred;
		border-left: none;
		border-right: none;
		background: #ffeeee url(../images/error_icon.png) top left no-repeat; /* Schönes Iconset, leider nur für Privat: http://www.iconfinder.com/icondetails/31216/128/information_icon */
		padding: 5px;
		margin-bottom: 20px;
	}
	#errors p, #messages p { color: darkred; margin-bottom: 0px; padding: 5px 0px 5px 30px; }
	
	#messages { 
		border-color: #5AA5EB;
		background-color: #DCECFF;
		background-image: url(../images/information_icon.png);
	}
	#messages p { color: #005488; }
	
	#footer {
		height: 130px;
		padding: 10px;		
		margin: 0px auto;
	}
	#footer .right p{
		text-align: right;
	}
	#footer .right p a {
		text-decoration: none;
	}
	#footer .right p a span{
		text-decoration: underline;
	}
	
/****************** Seite ********************/
	#page {
		background: #182c37 url(../images/background_spot.jpg) top center no-repeat;
		padding-bottom: 30px;
		border-bottom: 1px solid #a3afb5;
		position: relative;
	}
	#page_inner {
		margin: 0px auto;
		min-height: 400px;
		
	}
	
	.inline, .inline * {
		display: inline;
		margin-left: 10px;
	}
	
	
/****************** HEADER ********************/
	#top {
		padding-top: 30px; /* wegen uservoice-Tab */
		padding-top: 5px; 
		position: relative;
	}
	
	#top #logo {
		display: block;
		padding-top: 0px;
		border: none;
		text-align: left;
	}
	#top #logo img {
		height: 317px;
		height: 200px;
	}
	
	#component #logo { 
		text-align: center;
		margin: 50px auto;
		border-bottom:0;
	}
	
/****************** Mainmenu ********************/
	#top #mainmenu {
		text-align: right;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#mainmenu a.item {
		padding-right: 10px;
		border-right: 1px solid white;
	}
	#mainmenu a.button,
	#mainmenu a.item {
		margin-right: 10px;
		
	}
	#mainmenu a.active {
		font-weight: bold;
	}
	#mainmenu a.item.last {
		padding-right: 0px;
		margin-right: 0px;
		border-right: 0px solid white;
	}
	#mainmenu a.button.last {
		margin-right: 0px;
	}
	
	
	
	

/****************** Uservoice ********************/
body #uvTab {
	position: absolute!important;
	top: 0px!important;
	left: 20px!important;
}

/****************** Uservoice ********************/
#environment {
	position: absolute!important;
	top: 0px!important;
	left: 230px!important;
	background-color: #CB5B06;
	border: 1px solid white;
	border-radius: 3px;
	border-top: none;
	padding: 6px 10px;
}

/****************** Sharing-Box ********************/


#sharing {
	position: absolute; 
	right: 0px; 
	top: 80px; 
	width: 20px;
	overflow-x: hidden;
	padding: 10px; 

	border-radius: 20px 0px 0px 20px; 
	background-color: rgba(215, 215, 215, 0.11);
	text-align: center; 
	opacity: 0.9;
}
#sharing:hover {
	opacity: 1;
	right: 0px; 
	width: 70px;
}

/****************** Formulare ********************/
	
	
	form {
		margin-top:30px;
	}
	form input,
	form select,
	form textarea,
	.button {
		border: none;
		background-color: white;
		border: 1px solid #eee;
		padding: 5px;
		text-decoration: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin:5px 0 10px;
	}
	
	form input,
	form select,
	form textarea{	
		border: 1px solid silver;
		font-family:verdana;
		font-size:12px;
	}
	
	form input:active,
	form textarea:active,
	#zuordnung_formdiv select:active,
	#zuordnung_formdiv input:active,
	form input:focus,
	form textarea:focus,
	#zuordnung_formdiv select:focus,
	#zuordnung_formdiv input:focus {
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
	}
	
	form input:hover,
	form select:hover,
	form textarea:hover,
	#zuordnung_formdiv select:hover,
	#zuordnung_formdiv input:hover {
		border: 1px solid gray;
	}
	
	form input[type="radio"],
	form input[type="checkbox"] {
		background-color: transparent;
		border: none;
		padding: 0px;
	}
	
	form input[type="checkbox"].checkbox_list {
		float:left;
		margin:1px 5px 0;	
	}
	
	
	
	input[type="submit"],
	input[type="button"],
	button,
	.button {
		border: 1px solid #3e72c6;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		background: #4D90FE;
		color: white;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 11px;
		font-weight: bold;
		
		border-radius: 2px 2px 2px 2px;
		background: -moz-linear-gradient(center top , #4785ed, #3a6fc6);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#4785ed), color-stop(100%,#3a6fc6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #4785ed 10%,#3a6fc6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #4785ed 10%,#3a6fc6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #4785ed 10%,#3a6fc6 100%); /* IE10+ */
		background: linear-gradient(top, #4785ed 10%,#3a6fc6 100%); /* W3C */	
	}
	
	input[type="submit"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
		border: 1px solid silver;
		color: #eee;
	}
	

	.button:focus,
	.button:hover,
	button:focus,
	button:hover,
	input[type="submit"]:hover,
	input[type="submit"]:focus,
	input[type="button"]:hover,
	input[type="button"]:focus {
		border: 1px solid #1d9cd0;
	}
	
		
	label {
		display:block;
	}
	#filterform label {
		display: inline-block;
		margin-right: 10px;
	}
	#filterform input[type=text] {
		width: 100px;
	}
	
	form label.multiselect_topic, #zuordnung_formdiv label.multiselect_topic {
		margin-bottom: 5px;
		display:block;
	}
	
	
	#login_form {
		width: 300px;
		margin-top:50px;
	}
	
	#login_form input[type="text"],
	#login_form input[type="password"] {
		width: 99%;
	}
	
	
	#profile_form, #password_form { width: 500px; }
	#profile_form .text, #password_form .text { width: 99%; }

	/** Dieser Container wird von irgendeinem Element mittels jQuery auf Klick sichtbar gemacht. **/
	.collapsed { display: none; }
	
	.editProfileButton{margin-top:20px;}
	


/***************** Tabs allgemein **************/

	.tabs .tabsnav a{
		display: block;
		float: left;
		margin: 0px;
		margin-right: 20px;
		padding: 10px 15px;
		border: 1px solid silver;
		color: silver;
	}
	.tabs .tabsnav a:hover{
		color: gray;
	}
	.tabs .tabsnav .active a{
		border-color: black;
		color: black;
		padding-bottom: 15px;
		border-bottom: 1px solid white;
	}
	.tabs .tabs_contents {
		margin-top: -1px;
	}
	
	.tabs .tabs_contents .tab {
		padding: 10px;
		border: 1px solid black;
	}
	.tabs .tabs_contents .hidden{
		display: none;
	}


/***************** Tooltips **************/
	.has_tooltip {
		position: relative;
	}
	.tooltip {
		display:none;
		width: 500px;
		border: 1px solid white;
		background-color: #0f526e;
		padding: 10px;
		
		box-shadow: 3px -3px 4px rgba(20,20,20, 0.5);
		-moz-box-shadow: 3px -3px 4px rgba(20,20,20, 0.5);
		-webkit-box-shadow: 3px -3px 4px rgba(20,20,20, 0.5);
		
		z-index:999;
		color: white;
		position:absolute;
		top: 40px;
		left:50%;
		margin-left: -260px;
	}

	
/** ICONS **/

	
	a.rss_icon span{
		float:left;
		margin:4px 0 0 5px;
	}
	
	
	
/** Anzeige der Module (lates feeds, Gesamt-Zahl, Gesamtzugriffe Stats) **/	
	.module h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #834b3a; }
	
	div.module {
		width: 800px;
		margin: 0px auto 30px auto;
	}
	.sum_feeds h3 { font-size: 23px; color: #d5ddc9; text-align: center; text-shadow: 1px 1px 2px black; text-shadow: 1px 1px 2px #163540, -1px -1px 2px #163540;}
	.sum_feeds h3 .num { color: #d5ddc9;}

	.latest_feeds { }
	.latest_feeds h4 span { float: right; }
	.latest_feeds  a { color: #b6ced7; }
	.latest_feeds ul{ }
	.latest_feeds ul li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dotted #3d5868; }
	.latest_feeds .image {  }
	.latest_feeds .infos { margin-left: 65px; float: none; }
	.latest_feeds .infos p { margin: 0px; }
	.latest_feeds .stats { display: inline-block; width: 50px; height: 50px; background: #6891A1; background: #3A6FC6; text-align: center; vertical-align: middle; border-radius: 2px; }
	.latest_feeds .stats span { display: inline-block; width: 50px; padding-top: 15px; color: white; }
	.latest_feeds .descr { }
	.latest_feeds .feedlink * { font-size: 10px;  }
	.latest_feeds .feedlink .created { }
	.latest_feeds .feedlink a { padding-left: 16px; background: url(../images/rss_mini_icon_13px.png) center left no-repeat; display: inline-block; }
	
		
/** Paypal Donate Form **/
	#donate {
		margin-top: 20px;
		width: 162px;
		width: auto;
		height: 47px;
		background: transparent;
		text-align: right;
	}
	#donate form input {
		background-color: #182C37;
		border-radius: 0px;
		border: none;
	}
	#donate a {
		text-decoration: none;
		border: none;
	}
	
	
/*** toggle_container ***/
	.toggle_container {
	
	}
	.toggle_container  .toggler span{
		
	}
	.toggle_container  .toggler {
		min-height: 23px;
		cursor: pointer;
		background: transparent url(../images/toggle_closed.png) top left no-repeat;
		background-size: 32px;
		padding-left: 34px;
		padding-top: 9px;
	}
	.toggle_container  .toggler.open {
		background-image: url(../images/toggle_opened.png);
	}
	.toggle_container  .container {
		display: none;
	}
	.toggle_container  .container.open {
		display: block;
	}