body {
	margin: 10px 50px 10px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	/*margin: 10px;*/
}

div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}


table.info
{
	background-color: #eeffee;
	border: 1px solid #99cc99;
	margin-bottom: 10px;
	margin-top:10px;
}

table.hinweis
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}

table.fehler
{
	background-color: #ffcccc;
	border: 1px solid #cc6666;
	margin-bottom: 10px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
   padding: 5px;
}

.td_personal {
	color: #999999;
	height: 30px;
	background-color: #eeeeee;
}

.td_grabber {
	background-color: #eeeeee;
	width:30px;
	padding: 0px;
}


.fehler {
	color: #ff0000;
}

.meldung {
	color: #669933;
}

h1 {
	font-size: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: normal;
}

h1.btr {
	margin: 5px 0px 5px 0px;
}

h2 {
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 15px;
	margin-bottom: 5px;
}

h3 {
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #cccccc;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
}



.input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	border: 1px solid #999999;
	padding: 2px;
}

a {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: underline;
}


.heada {
	font-size: 13px;
	color: #ffcc66;
	font-weight: bolder;
	margin-right: 15px;
}

.heada:hover {
	color: #ffffff;
	background-color: #cccccc;
	text-decoration: none;
}

.heada:active {
	color: #ffffff;
	background-color: #cccccc;
}

.biga {
	color: #cccccc;
	font-size: 13px;
	padding: 10px 10px 10px 45px;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
	border:1px solid #ffffff;
}

.biga:hover {
	background-color:#eeeeee;
	border:1px solid #eeeeee;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
}

a#biga_add {
	background-image: url(images/button_content.png);
}

a#biga_media {
	background-image: url(images/button_media.png);
}

a#biga_structure {
	background-image: url(images/button_struktur.png);
}

a#biga_user {
	background-image: url(images/button_user.png);
}

a#biga_allusers {
	background-image: url(images/button_allusers.png);
}

a#biga_sparten {
	background-image: url(images/button_sparte.png);
}


.biga:hover {
	color: #666666;
	text-decoration: none;
}

.smalla {
	color: #999999;
	font-size: 13px;
}

.smalla:hover {
	text-decoration: underline;
}

.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border: 1px solid #999999;
	background-image: url(images/back_link.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 3px;
	vertical-align: middle;
}

.button_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border: 1px solid #999999;
	background-image: url(images/back_link.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding-bottom: 4px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 4px;
	vertical-align: middle;
}

.button_link:hover {
	background-color: #eeeeee;
	background-image: none;
	text-decoration: none;
}

.button:hover {
	background-color: #eeeeee;
	background-image: none;
}

.counter {
	padding: 5px;
	border: 1px solid #cccccc;
	color: #999999;
	margin-right: 5px;
}

.counter:hover {
	text-decoration: none;
	background-color: #eeeeee;
}

.admin {
	color: #9999cc;
	padding-right: 10px;
}

li {
	list-style-type: disc;
	font-size: 13px;
	padding-bottom: 10px;
}

.ul_dir {
	list-style-image: url(images/icon_li_active.png);
}

/* +++++ Neuer Style +++++ */

/*Fomular*/

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #666666;

	background-color:#ffffff;
}

/*Formularfeld*/
.form {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color:#ffffff;
	border: 1px solid #666666;
	display: inline-block;
}

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

/*Button/Link*/

.nbutton {
	font-size: 11px;
	border: 1px solid #cccccc;
	color: #666666;
	background-color: #eeeeee;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 7px;
	cursor: pointer;
	/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
	/*behavior:url(plugins/border-radius.htc);*/
	/*Verlauf*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');  /*for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));  /*for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #ccc);  /*for firefox 3.6+ */
	line-height: normal;
	/*Verringert Breite des Buttons in IE9/7*/
	overflow: visible;
	width: auto;
	/*Höhe definieren für IE7*/
	height: 23px;
}

input.nbutton::-moz-focus-inner {
	border:0;
	padding:0;
}

.nlink {
	font-size: 11px;
	border: 1px solid #cccccc;
	color: #666666;
	background-color: #eeeeee;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 0px 7px;
	line-height: normal; 
	display: inline-block;
	/*Verlauf*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');  /*for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));  /*for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #ccc);  /*for firefox 3.6+ */ 
	/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}

/*Freigeben-Button*/
.nlink_green {
	background-color:#99cc66;
	border: 1px solid #669933;
	font-size: 11px;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 0px 7px;
	line-height: normal; 
	display: inline-block;
	/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}
/*Rückholen-Button*/
.nlink_red {
	background-color:#ffcc66;
	border: 1px solid #ff9933;
	font-size: 11px;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 0px 7px;
	line-height: normal; 
	display: inline-block;
	/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}

.nlink_green:hover {
	text-decoration: none;
	color:#669933;
}

.nlink_red:hover {
	color: #ff9933;
	text-decoration: none;
}

.nbutton:hover {
	text-decoration: none;
	background-color:#cccccc;
	border:1px solid #999999;
	color:#ffffff;
}

.nlink:hover {
	text-decoration: none;
	background-color:#cccccc;
	border:1px solid #999999;
	color:#ffffff;
}

div.img_manager_left a {
	text-align: center;
	padding:4px 7px 4px 7px;
	margin:0px 0px 0px 5px;
}

div.img_manager_left input {
	margin:0px 0px 0px 0px;
}

div.img_manager_right a {
	margin: 5px 0px 0px 10px;
	width: 155px;
	text-align: center;
	padding: 4px 0px 4px 0px;
}

div#lightbox div a {
	margin: 20px 0px 0px 10px;
	filter: alpha(opacity=100);
}

/*Mouse-Over-Effekt bei Reihung und Optionen*/
div.img_manager_left a {
	display: none;
}

div.img_manager_left:hover a {
	display: inline-block;
}

div.img_active a {
	display: inline-block;
}

a.anker_medord {
	position: absolute;
	top: -30px;
}

/* Box */

/* Toolbar auf Übersichtsseite mit Hauptsymbolen */

ul.toolbar {
	border: 1px dotted #cccccc; 
	width: 100%;
	margin:0px 0px 10px 0px;
	width:90%;
	padding:5px 0px 5px 10px;
		display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
}

.grey {
	background-color:#eeeeee;
}


ul.toolbar li {
	float: left;
	list-style-type: none;
	width:180px;
	margin: 0px;
	padding:0px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* Für Überschrift "Website-Atkionen" und "BeFly verwalten" */

ul.toolbar li span {
	color: #cccccc;
	font-weight: bolder;
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
	padding:10px 0px 10px 0px;
}


div.box {
	border:1px solid #cccccc;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	vertical-align:top;
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
}

div.multiupload {
	padding:5px;
	margin: 10px 0px 0px 0px;
}

div#beforeclick {
	visibility: visible;
}

div#afterclick {
	visibility: hidden;
}



div.plus {
	background-image: url(images/icon_plus.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 10px 5px 50px;
}

div.state {
	padding:5px 10px 5px 10px;
	margin: 0px 10px 10px 0px;
}

div.box_info {
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	margin:10px 0px 10px 0px;
	padding:10px 10px 10px 50px;
	font-size:11px;
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
}

div.alert {
	border:1px solid #ff6600;
	color:#ff6600;
	background-image: url(images/icon_alert.png);
	background-repeat: no-repeat;
}

div.done {
	border:1px solid #99cc99;
	color:#99cc99;
	background-image: url(images/icon_check.png);
	background-repeat: no-repeat;
}


div.gallery {
	margin:0px 0px 0px 40px;
	padding:0px 0px 10px 0px;
	width:90%;
}
	
	/*Media-Management*/

div.img_manager {
	float: left;
	border:1px solid #cccccc;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	vertical-align:top;
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
	margin:10px 10px 0px 0px;
	padding:5px;
	position:relative;
}

div.img_active {
	background-image: url(images/img_back_active.png);
	position:relative;
}

	
div.img_manager_left {
	float: left;
	width: 155px;
	height:155px;
}

div.wrapper_stati {
	position: absolute;
	z-index: 2;
}


div.img_manager_img {
	height:110px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	overflow: hidden;
	position: relative;
}

div.img_manager_right {
	float: left;
	width: 177px;
	padding:0px 0px 5px 0px;
	background-color:#eeeeee;
	display: none;
}

div.clear {
	clear:both;
}

div#lightbox_wrapper {
	width:95%; 
	position: fixed;
	z-index: 10;
}

div#lightbox {
	margin: 0px auto 0px auto;
	padding:0px 0px 50px 0px; 
	width:500px; 
	background-color:#ffffff;
	border:1px solid #666666;
	/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
	z-index: 5;
	position: relative;
}

div#lightbox div {
	margin:50px 100px 0px 0px;
	padding:0px 0px 0px 130px;
	z-index: 5;
	position: relative;
}

div.question {
	background-image: url(images/icon_question.png);
	background-repeat: no-repeat;
}

div.kommentar {
	background-image: url(images/icon_kommentar.png);
	background-repeat: no-repeat;
}

div.anker {
	position:absolute; 
	top:-30px;
}

div.opt_gallery {
	position: relative;
	display: block;
	margin-bottom:5px;
	width:90%;
	/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}

div#gal_active {
	background-color:#ffcc66;
}

div.opt_gallery div {
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
	padding:5px;
}

/*Hover-Funktion auf Main-Seite*/
td.td_beitrag > div {
	margin-top:10px;
		display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
}

/*td.td_beitrag div > div{
	display: none;
}*/

td.td_beitrag:hover div > div {
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
}


/* Blockelemente */

h2.item {
	font-size:11px;
	font-weight: bolder;
	color:#666666;
	margin:10px 0px 10px 10px;
	clear: both;
}

h2.gallery {
	background-image: url(images/icon_gallery.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:3px 0px 4px 40px;
	display: inline-block;
	/* IE6/7 Hack für Inline-Block */
	zoom: 1;
   *display: inline;
}

p.p_function {
	padding:5px 10px 5px 10px;
	color:#eeeeee;
	width:90%;
		/*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}

p.state {
	background-color: #999999;
}

p.add {
	background-color: #99cc99;
}

li.medspart {
	float: left;
	list-style-type: none;
	padding:5px 10px 5px 50px;
	background-image: url(images/icon_gallery.png);
	background-repeat: no-repeat;
}


/*Inline-Elemente*/

p.p_function em {
	font-style: normal;
	font-weight: bolder;
	color: #ffffff; 
}

.box_info em {
	font-style: normal;
	font-weight: bolder;
	font-size:15px;
	display: block;
}

div#lightbox div em {
	font-size:15px;
	display: block;
	font-style: normal;
	padding: 0px 0px 10px 0px;
	font-weight: bolder;
}

hr {
	border: none;
	border-bottom:1px solid #cccccc;
	margin: 5px 10px 5px 10px;
}

div.box span {
	padding: 0px 10px 0px 20px;
	display: inline-block;
}

ul.medord li {
	padding: 10px 10px 10px 40px;
	margin: 0px 10px 10px 0px;
	float: left;
	list-style-type: none;
	background-image: url(images/icon_gallery_n.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 11px;
	border: 1px solid #cccccc; /*Runde Ecken*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}


/*Globle Klassen*/

.img_thumb {
	z-index:1; 
	position: relative;
}


.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=90);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.9;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.9;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.9;
}

.nontransparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=100);

        /* Older than Firefox 0.9 */
        -moz-opacity:1.0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 1.0;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 1.0;
}

.clear {
	clear:both;
}











