/* Version 1 der Stylesheets für SelfSite */

body{
	margin:0;
}
div#as-navigation{
	font-family: sans-serif;
	color:#9c9c9c;
	font-size:12px;
	height:65px;
	width:100%;
	z-index:1000;
	border-bottom:1px solid #333;
	padding: 10px 0px 10px 10px;
	line-height:100%;
	background:#eee url(../editor/selfsite.png) no-repeat 1010px 20px;
}

tr#as-editmenu{
	display:none;
}

/* Definitionen für die Bearbeitungszeile oben */
div#as-schalter{
	float:right;
	text-align:right;
	position:absolute;
	height:25px;
	z-index:1001;
	background: url("http://cms.artur.eu/static/editor/c_rauf.png") no-repeat top right;
	width:55px;
	left:1010px;
	cursor:pointer;
}

div.as-closed{
	background: url("http://cms.artur.eu/static/editor/c_runter.png") no-repeat top right !important;
}


div.as-gross{
	height:180px !important;
}

.cms #as-navigation{
	padding-top:0;
	height:50px;
	}

div#as-nachfrage{
	display:none;
	width:180px;
	border: 1px solid #9c9e9f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	background:white;
	z-index:1012;
	position:absolute;
	cursor:pointer;
	
	}
	
p#as-nichtfreigeben{
	width:80px;
}
#as-navigation table td{
	padding:5px;
}
#as-navigation ul li a.as-button, #as-navigation ul li a.as-button:visited, #as-navigation ul li p.as-button, .as-button{
	font-family: sans-serif;
	font-size:10px;
	color: #9c9e9f;
	background-color: #ececec;
	border: 1px solid #9c9e9f;
	padding: 3px 20px 3px 28px;
	height:14px;
	margin:0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	
}
#as-navigation ul li a.as-button-left, #as-navigation ul li a.as-button-left:visited, #as-navigation ul li p.as-button-left, .as-button-left{
	font-family: sans-serif;
	font-size:10px;
	color: #9c9e9f;
	background-color: #ececec;
	padding: 3px 20px 3px 32px;
	border: 1px solid  #9c9e9f;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 10px 0 0 10px;
	height:14px;
	margin:0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	
	
}
#as-navigation ul li a.as-button-right, #as-navigation ul li a.as-button-right:visited, #as-navigation ul li p.as-button-right, .as-button-right{
	font-family: sans-serif;
	font-size:10px;
	color: #9c9e9f;
	background-color: #ececec;
	border: 1px solid #9c9e9f;
	padding: 3px 20px 3px 25px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 10px 10px 0;
	height:14px;
	margin:0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	
}
.as-button-single, #as-navigation a.as-button-single, #as-navigation a.as-button-single:visited, #as-navigation ul li.as-button-single{
	font-family: sans-serif;
	font-size:10px;
	color: #9c9e9f;
	background-color: #ececec;
	border: 1px solid #9c9e9f;
	padding: 3px 20px 3px 25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	height:14px;
	color:black;
	margin:0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

#as-navigation ul li p{
	padding:0;
	margin:0;
}

#as-navigation .inexistent{
	text-decoration:line-through;
}



#as-navigation ul li a.as-button:hover,
#as-navigation ul li a.as-button-left:hover,
#as-navigation ul li a.as-button-right:hover,
#as-navigation ul li a.as-button-single:hover
#as-navigation ul.as-menue li.as-button-single:hover,
#as-navigation .as-button-single:hover
{
	background-color:#96bf0d !important;
	color:white !important;
	cursor:pointer;
}


div#as-rahmen{
	border: 1px solid #9c9c9c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	font-size: 12px;
	line-height:1em;
	padding: 0px 20px 3px 20px;
	z-index:1003;
	position:absolute;
	width:450px;
	margin:0;
/*	top:15px;
	left:94px;*/
	background: white url("http://cms.artur.eu/static/editor/c_pfeil_rechts.png") no-repeat 10px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

div.as-rahmen_aktiv{
	background: white url("http://cms.artur.eu/static/editor/c_pfeil_unten.png") no-repeat 10px 5px !important; 
}

p#as-freigabeschalter:hover
	{
	background-color:#96bf0d;
	color:white;
	cursor:pointer;
	}	

p#as-listenschalter{
	margin:0;
	padding:2px 0 0 0;
	height:15px;
	font-size:12px;
	cursor:pointer;
}

ul#as-seitenliste{
	display:none;
	list-style:none;
	margin:0;
	padding:20px;
	background:white;
	line-height:130%;
	cursor:pointer;
	
}

ul#as-seiteliste li a{
	font-size:10px;
	line-height:15px;
}
ul#as-seitenliste li a:hover{
color:#96bf0d !important;
}
ul#as-seitenliste li a,
ul#as-seitenliste li a:visited{
color:black;
text-decoration:none;
}

div#as-cover {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:  100%;
	z-index: 1010;
	background-color: #000000;
	opacity: .8;
}

.as-aktiv{
	background-color:#96bf0d !important;
	color:white !important;
}

img{
	border:0;	
}


ul.cms-header{
	list-style:none;
	margin:0;
	padding: 0 0 10px 0;
}
ul.cms-header li{
	display:block;
	float:left;
	padding-left:30px;
	padding-top:5px;
}


/* Funktionsmenü */
ul.as-menue{
	list-style:none;
	margin:0;
	padding:0;
}

ul.as-menue li{
	display:block;
	float:left;
	margin-right:2px;
}	

ul.as-menue li a, 
ul.as-menue li p, 
ul.as-menue li a:visited
	{
	display:block;
	color:black;
	text-decoration:none;
	font-size:12px;
	width:70px;
}

#page ul.as-inline li a{
	display:block;
	color:black;
	text-decoration:none;
	font-size:12px;
}
#page ul.as-inline li{
	list-style:none;
	
}

ul.as-menue li a:hover, ul.as-inline li a:hover{
	display:block;
	color:white !important;
	text-decoration:none;
	background-color:#96bf0d !important;
}

ul.as-menue li a.cms-text-erg, ul.as-menue li a.cms-text-erg:visited{
	background:  #ececec url('http://cms.artur.eu/static/editor/editorsymbole.png') 8px 3px no-repeat;
}

ul.as-menue li a.cms-text-erg:hover{
	background:  #96bf0d url('http://cms.artur.eu/static/editor/editorsymbole.png') 8px -21px no-repeat;
}

ul.as-menue li a.cms-bild-erg, 
ul.as-menue li a.cms-bild-erg:visited{
	background:  #ececec url('http://cms.artur.eu/static/editor/editorsymbole.png') -113px 3px no-repeat;
}

ul.as-menue li a.cms-bild-erg:hover{
	background:  #96bf0d  url('http://cms.artur.eu/static/editor/editorsymbole.png') -113px -21px no-repeat;
}

ul.as-menue li a.cms-dl-erg, ul.as-menue li a.cms-dl-erg:visited{
	background:  #ececec  url('http://cms.artur.eu/static/editor/editorsymbole.png') -227px 3px no-repeat;
}

ul.as-menue li a.cms-dl-erg:hover{
	background:  #96bf0d url('http://cms.artur.eu/static/editor/editorsymbole.png') -227px -21px no-repeat;
}

ul.as-menue li a.cms-gal-erg, ul.as-menue li a.cms-gal-erg:visited{
	background:  #ececec url('http://cms.artur.eu/static/editor/editorsymbole.png') -343px 3px no-repeat;
}

ul.as-menue li a.cms-gal-erg:hover{
	background:  #96bf0d  url('http://cms.artur.eu/static/editor/editorsymbole.png') -343px -21px no-repeat;
}

a.as_database, a.as_database:visited{
	background: #ececec url('http://cms.artur.eu/static/editor/c_modul_passiv.gif') 10px 2px no-repeat;
	padding-left:30px;
	text-decoration: none;
}
a.as_database:hover{
	background: #96bf0d url('http://cms.artur.eu/static/editor/c_modul_aktiv.gif') 10px 2px no-repeat;
	padding-left:30px;
}


#as-navigation img a{
	border:0;
}

.ed-line img{
	margin:0;
	padding:0;
	border:0px;	
}

div.ed-text:hover{
	background:#eee;
	outline: 2px groove blue;
}

.cms-remove div.ed-text{
	border:1px solid #ccc;
	margin:10px 0;
	background:white;
}


/* Text bearbeiten */

div.as-control{
	position:absolute;
	z-index:999;
}

.as-inline div.as-control{
	position: relative;
}

#page div.ed-text:hover div.as-control, #page div.ed-text:hover ul.as-control{
	opacity: 1;
}
#page div.as-control:hover, #page ul.as-control:hover{
	opacity: 1;
}
div.cms-ed-ed{
	width:23px !important;
	height:20px !important;
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat 0 0 !important;
	float:left !important;
	display:none;
}
div.cms-ed-ed:hover{
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat 0 -20px !important;
}

/* löschen */

div.cms-ed-del{
	width:24px !important;
	height:20px !important;
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat -72px 0 !important;
	float:left !important;
	display:none;
}
div.cms-ed-del:hover{
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat -72px -20px !important;
}

/* Nach oben schieben */

a.cms-up{
	width:23px;
	height:20px;
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat -24px 0;
	float:left;
	display:none;
		
}
a.cms-up:hover{
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat -24px -20px;
}


a.cms-down{
	width:23px;
	height:20px;
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat -48px 0;
	float:left;
	display:none;
	
}
a.cms-down:hover{
	background: url('http://cms.artur.eu/static/editor/editieren.png') no-repeat -48px -20px;
}



/* Editor-Elemente */

.cms{
	font-family: sans-serif;
	background:rgb(220,220,220);
} 

div.cms-editor table{
	font-family: sans-serif !important ;
}

.cms-editor>h1{
	color:#333;
	text-shadow:1px 1px 1px #ffffff;
	font-weight:normal;
}
.cms table{
	margin-bottom:30px;
}

#as-navigation label{
	color:#333;
	text-shadow:0 -1px 1px #ffffff;
	font-weight:bold;
	font-size:13px;
}
#as-navigation input, textarea{
	font-family: sans-serif;
	color:#222;
	font-size:12px;
}
.cms div.cms-editor {
	padding: 20px 20px 20px 20px;
	width:800px;
	border: solid 1px #999;
	background: rgb(240,240,240);
	background:gradient-linear (left top,rgb(240,240,240), rgb(230,230,230));
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-transition: -webkit-transform 0.25s ease-out;
	y-webkit-transform: translateY(-570px);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	y-moz-transform: translateY(-570px);
}
.cms-editor td, .cms-editor th {
	vertical-align:top;
	}

.cms-editor th{	text-align:left; width:80px;
}

div.cms-bildauswahl{
	height: 225px;
	overflow:scroll;
	width:auto;
	background:#333;
}
div.cms-bildauswahl img{
	border:1px solid #333;
	padding-right:3px;
}

div.cms-bildauswahl img:hover{
	border:1px solid white;
}

.cms-editor select{
	font-size:12px;
	font-family: sans-serif;
	color:#333;
	width:200px;
}

ul.errorlist{
	color:white;
	background:red;
	padding-top:10px;
	padding-bottom: 10px;
}


.cms .red, .cms .green, .cms .red:visited, .cms .green:visited{
	font-family: sans-serif;
	font-size:12px;
	text-decoration: none;
	color:black;
} 

.cms .green:hover {
background-color:#96bf0d !important;
color:white;

}

.cms .red:hover {
background-color: #e33100 !important;
color:white;
}


#as-navigation .button{
	background: #222 url(http://cms.artur.eu/static/editor/button-overlay.png) repeat-x;
	display: inline-block;
	padding: 3px 20px 3px 20px;
	height:14px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: 12px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid #9c9e9f;
	position: relative;
	cursor: pointer;
	font-size:12px;
}

#editorframe
{
	position:absolute;
	left:20px;
	z-index:9999;
}


/* Die neuen Eingabeformulare für Kalender und sowas */

body.cms ul{
	margin:0;
	padding:0;
}
body.cms ul li{
	list-style:none;
	font-size:10px;
	color:#444;
	padding:0;
	margin: 0 0 10px 0
	}

body.cms ul li label{
	width:200px;
	text-align:right;
	font-size:12px;
	display:inline-block;
	color:black;
}

body.cms ul li select{
	height: 100px;
}

select#id_css_class{
	height:20px;
}

/* Bildauswahl in edit_picture */

div.cms-bildauswahl{
	max-height: 300px;
	overflow:auto;
	width:715px;
	xbackground:#999;
}

div.cms-bildauswahl a{
	text-decoration:none;
}

div.as-picture{
	border:1px solid #bbb;
	float:left;
	margin:3px;
	padding:3px;
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:white;
}

div.as-picture a{
	padding:0;
	margin:0;
	text-decoration:none;
}
div.as-picture:hover{
	outline: 2px groove blue;
}

.as-picture p{
	font-size:8px;
	color:#444;
	margin:0;
	padding:3px;
	text-decoration:none;
}

.as-picture p strong{
	font-size:9px;
	color:black;
	font-weight:normal;
}



/* Die Kontrollfelder */

#page ul.cms-column-add.as-control{
	margin:0 0 0 105px;

}
#page ul.cms-column-add, #page ul.as-control{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
	position:absolute;
	z-index:999;
}

#page ul.as-control{
	opacity: .3;
}

#page ul.cms-column-add li, #page ul.as-control li{
	border-top:1px solid #707173;
	border-bottom:1px solid #707173;
	border-right:1px solid #707173;
	width:24px;
	height:20px;
	float:left;
	background:#eceded;
	padding:0;
	margin:0;
	line-height:100%;
	list-style-image:none;
	list-style-type:none;
	
}

#page ul.cms-column-add li a, #page ul.as-control li a{
	width:24px;
	height:20px;
	display:block;
	margin:0;
	padding:0;
}

#page ul.cms-column-add li:hover,  #page ul.as-control li:hover{
	background-color:#97be0d;
}

#page ul.cms-column-add li:first-child, #page ul.as-control li:first-child{
	border-left:1px solid #707173;
	border-bottom-left-radius: 12px;  
	border-top-left-radius: 12px;
}

#page ul.cms-column-add li:last-child, #page ul.as-control li:last-child{
	border-bottom-right-radius:12px;  
	border-top-right-radius:12px;
}

/* Bearbeiten */
a.cms-ed-ed{
	width:23px;
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat 2px 2px;

}
a.cms-ed-ed:hover{
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat 2px -17px;
}

/* löschen */

a.cms-ed-del{
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat -155px 1px;
}
a.cms-ed-del:hover{
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat -155px -18px;
	background-color:#cf081f;
	border-bottom-right-radius:12px;  
	border-top-right-radius:12px;
}

/* Nach oben schieben */

a.cms-up{

	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat -23px 1px;
}
a.cms-up:hover{
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat -23px -18px;
}

/* Nach unten schieben */

a.cms-down{
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat -44px 1px;
}
a.cms-down:hover{
	background: url('http://cms.artur.eu/static/editor/icons17.svg') no-repeat -44px -18px;
}