/* CSS Document */

/* Tag-Definitionen */

* {
	padding:0px;
	margin:0px;
}

input, textarea {
	font-size:10px;
	background-color:#ffffff;
	color: #007caf;
	border: 1px solid #333;
	height:16px;
	vertical-align:middle;
}


h1 {
	color:#007caf;
	text-indent:-50px;
}

h2 {
	color:#007caf;
}

h3 {
	color:#007caf;
}
a {
	color:#007caf;
	text-decoration:none;
}

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

small {
	text-align:left;
	color:#CCCCCC;
}


/* DIVs */

.message_ausgabe { 
	border: 1px solid #ccc; 
	padding: 0.5em;
	width: 505px; 
}
.message_kopf { 
	background: #eee; 
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
	padding: 0.5em; 
	width: 505px;
}

#alles {
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	background-color:#FFFFFF;
}

#header {
	width:100%; height:125px;
	background-color: #007caf;
}

#header_admin {
	width:100%; height:10px;
	background-color: #007caf;
}

#logo {
	text-align:left;
	position:relative;
	top:10px; left:20px; width:400px; height:150px;
	background-image:url(../images/SBlogo.jpg); 
	background-repeat:no-repeat;
	float:left;
}

#suche {
	text-align:right;
	position:absolute;
	top:5px; right:10px;
	width:225px;
}

#suche .textfeld {
	position:relative;
	float:right;
	right:35px; top:5px;
	margin-top:4px;
}

#suche .button {
	position:absolute;
	background-color:#007caf;
	top:0px; right:0px;
	border: 0px;
	height:auto;
	margin-top:3px;
}

#banna {
	position:absolute;
	top:180px; right:325px; width:50px;
	z-index:100;
}

#menue_rechts {
	position:absolute;
	top:180px; right:10px; width:225px;
	z-index:1000;
	background-color:#FFFFFF;
}

#menue_rechts_admin {
	position:absolute;
	top:65px; right:10px; width:225px;
	z-index:1000;
	background-color:#FFFFFF;
}

.kasten_header {
	padding:3px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#626262;
	border-bottom: 1pt solid #626262;
}

.kasten_inhalt {
	padding:5px;
	vertical-align:top;
}

#login_profil {
	position:relative;
	width:100%; 
	background-color:#007caf;
	border: 1pt solid #626262;
	color:#FFFFFF;
	text-align:left;
}

#login_profil .neben_dem_bild {
	font-size:10px;
	text-align:right;
}

#login_profil .unter_dem_bild {
	clear:both;
	font-size:10px;
}

#login_profil input {
	width:100px;
}

#login_profil .checkbox {
	width:18px;
	background-color:#007caf;
	border:0px;
	border:none;
}

#login_profil .login_button {
	position:relative;
	top:2px;
	border: 1px solid #333;
	background-color: #ffffff;
	color:#007caf;
	width:102px;
	height:18px;
	margin-bottom:2px;
	padding-bottom:3px;
}

#login_profil .login_button:hover {
	background-color:#626262;
	color:#ffffff;
}



#login_profil .kasten_inhalt a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#007caf;
}

#login_profil .kasten_inhalt a:hover {
	color:#FF0000;
	background-color:#007caf;
}

#login_profil_profilbild {
	position:relative;
	top:0px;
	background-repeat:no-repeat;
	border: 0px;
	margin-bottom:5px;
	margin-left:5px;
	float:right;
}

#tags {
	position:relative;
	top:20px; width:100%; 
	background-color:#007caf;
	border: 1px solid #626262;
}

#tags .klein {
	font-size:10px;
	text-align:left;
}

#tags .mittel {
	font-size:14px;
	text-align:left;
}

#tags .gross {
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

#statistik {
	position:relative;
	top:40px; width:100%;
	color: #FFFFFF;
	background-color:#007caf;
	border: 1px solid #626262;
}

#themenuser {
	position:relative;
	top:40px; width:100%;
	color: #FFFFFF;
	background-color:#007caf;
	border: 1px solid #626262;
}

#link_menu {
	position:relative;
	width:100%;
	color: #FFFFFF;
	background-color:#007caf;
	border: 1px solid #626262;
	text-align:left;
}

#link_menu .kasten_inhalt a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#007caf;
}

#link_menu .kasten_inhalt a:hover {
	color:#FF0000;
	background-color:#007caf;
}

#rssfeeds {
	position:relative;
	top:20px; width:100%;
	color: #FFFFFF;
	background-color:#007caf;
	border: 1px solid #626262;
	text-align:left;
}

#rssfeeds .kasten_inhalt a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#007caf;
}

#rssfeeds .kasten_inhalt a:hover {
	color:#FF0000;
	background-color:#007caf;
}

.rss_icon {
	position: relative;
	color:#007caf;
	border: 0px;
}

#menue_oben_admin {
	text-align:left;
	position:absolute;
	top:10px; width:100%; 
	height:38px;
	background-color:#007caf;
	clear:both;
	border-bottom: 1px solid #333;
}

#menue_oben {
	text-align:left;
	position:absolute;
	top:125px; width:100%; 
	height:38px;
	background-color:#007caf;
	clear:both;
	border-bottom: 1px solid #333;
}

#menue_oben_inhalt {
	position:relative;
	top:5px;
	padding-left:20px;
	padding-top:10px;
	border-top: 3px solid #626262;
}

#menue_oben_inhalt .aktiv {
	padding-bottom:6px;
	background-color:#FFFFFF;
	color:#000000;
}

#menue_oben_inhalt a {
	margin-left: 2px;
	margin-right: 2px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	border: 1px solid #626262;
	border-bottom: 0px;
	color: #FFFFFF;
	text-decoration:none;
	background-color:#007caf;
}

#menue_oben_inhalt a:hover {
	color: #ffffff;
	background-color:#626262;
	padding-bottom:5px;
}

#menue_oben_inhalt a:active {
/*	background-color:#ffffff;
	color:#000000;
*/}

#menue_rechts a {
	color: #FFFFFF;
	text-decoration:none;
}

#menue_rechts a:hover {
	color: #FFFFFF;
	background-color:#626262;
}



/* Content-Bereich */

#topuser {
	position:relative;
	padding-top:8px;
	padding-bottom:8px;
	top:10px; left:0px; 
	width: 500px;
	min-height:100%;
  	height:auto !important;
  	height:100%;
}


.profil_bild {
	position: relative;
	margin-right: 10px;
	clear:both;
	float: left;
	border: 1px solid #CCC;
}
 
#profil_editieren {
	position:relative;
	padding-top:15px;
	padding-bottom:18px;
	top:18px; left:0px; 
	width: 500px;
	min-height:99px;
}
 
#user_verwaltung {
	color: #007caf;
}
 
#content_chart {
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	top:20px; left:0px; 
	/*width: 500px;*/
	margin-right:390px;
	min-width:500px;
	min-height:90px;
	/*border-bottom: 1px dashed #626262;*/
}

#content_chart_suche {
	position:relative;
	padding-bottom:15px;
	left:0px; 
	/*width: 500px;*/
	margin-right:390px;
	min-width:500px;
	min-height:90px;
	/*border-bottom: 1px dashed #626262;*/
}

#content_tags {
	position:relative;
	padding-top:16px;
	padding-bottom:20px;
	top:20px; left:0px; 
	/*width: 500px;*/
	margin-right:390px;
	min-width:500px;
	border-bottom: 1px dashed #626262;
}

#content_tags_suche {
	position:relative;
	padding-top:8px;
	padding-bottom:10px;
	left:0px; 
	/*width: 500px;*/
	min-width:500px;
	margin-right:390px;
	border-bottom: 1px dashed #626262;
}
#content {
	position:absolute;
	top:190px; left:50px;
	font-size:12px;
	padding-left:50px;
	background-color:#FFFFFF;
}

#content_admin {
	position:absolute;
	top:75px; left:50px;
	font-size:12px;
	text-align:left;
	padding-left:50px;
	background-color:#FFFFFF;
}

#content_bookmark {
	position:relative;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	top:20px; left:0px; 
	min-width:500px;
	margin-right:390px;
	min-height:90px;
	border-bottom: 1px dashed #626262;
}

#content_bookmark_topthema {
	position:relative;
	text-align:left;
	padding-top:9px;
	padding-bottom:17px;
	top:10px; left:0px; 
	/*width: 500px;*/
	margin-right:390px;
	min-height:90px;
	border-bottom: 1px dashed #626262;
}
#content_bookmark_suche {
	position:relative;
	text-align:left;
	padding-top:6px;
	padding-bottom:15px;
	left:0px; 
	margin-right:390px;
	min-width:500px;
	/*width: 500px;*/
	min-height:90px;
	border-bottom: 1px dashed #626262;
}
#content_chart_uebersicht {
	position:relative;
	text-align:left;
	padding-top:16px;
	padding-bottom:20px;
	top:20px; left:0px; 
	margin-right:390px;
	min-width:500px;
	/*width: 500px;*/
	min-height:86px;
	border-bottom: 1px dashed #626262;
}

.bookmark {
	position: relative;
	color: #848484;
}

.snapshot {
	position: relative;
	clear:both;
	float: left;
	margin-right: 8px;
	margin-bottom:10px; 
	/*width:100px;
	height:80px;*/
	border: 1px solid #CCC;
}

/* Formular */

#nachricht_schreiben {
	position:relative;
	top:0px;
	left:0px;
}

#nachricht_schreiben textarea {
	height:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:340px;
}

#formular_rahmen {
	position:relative;
	top:0px;
	left:0px;
}

#textfeld_file_rahmen {
	width:200px;
}

#textfeld_file_rahmen .file_textfeld {
	width:180px;
	height:18px;
	border:1px solid #626262;
}

#formular_rahmen textarea {
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:20px;
	width:300px;
}

.textfeld_formular {
	border: 1px solid #626262;
	width:300px;
	margin-left:20px;
}

.radio {
	margin-left:20px;
}

.button_save {
	magin-top:4px;
	border:0;
	width:auto;
	height:auto;
}

#ladegrafik {
	position:relative;
	visibility:hidden;
	top:-32px; left:19px;
	width:64px; height:64px;
	background-image:url(../images/icons/ajax-loader_01.gif);
	background-repeat:no-repeat;
}

.reg_button {
	position:relative;
	top:2px;
	border: 1px solid #333;
	background-color: #ffffff;
	color:#007caf;
	width:80px;
	height:18px;
	margin-bottom:2px;
	padding-bottom:3px;
}

.reg_button:hover {
	background-color:#626262;
	color:#ffffff;
}

.hinzu_button {
	position:relative;
	top:2px;
	margin-left:20px;
	border: 1px solid #333;
	background-color: #ffffff;
	color:#007caf;
	width:115px;
	height:18px;
	margin-bottom:2px;
	padding-bottom:3px;
}

.hinzu_button:hover {
	background-color:#626262;
	color:#ffffff;
}

.message_button {
	position:relative;
	top:2px;
	border: 1px solid #333;
	background-color: #ffffff;
	color:#007caf;
	width:80px;
	height:18px;
	margin-bottom:2px;
	padding-bottom:3px;
}

.message_button:hover {
	background-color:#626262;
	color:#ffffff;
}

.vergessen_button {
	position:relative;
	top:2px;
	border: 1px solid #333;
	background-color: #ffffff;
	color:#007caf;
	width:120px;
	height:18px;
	margin-bottom:2px;
	padding-bottom:3px;
}

.vergessen_button:hover {
	background-color:#626262;
	color:#ffffff;
}