/* @override http://www.modxcms.de/assets/templates/modxcmsde/site.css */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

html, body {
background: #212121;
color: #FFF;
font-family: verdana,arial,sans-serif;
}

html[xmlns] {
 height : 100%;
 padding-bottom : 0.005em;
 background: #000;
} 

body {
background: #212121 url(images/body_back.jpg) center top repeat-x;
}

#main {
width: 980px;
background: url(images/back_all_innen.jpg) top left repeat-y;
margin: 0px auto 0px auto;
font-size: 0.8em;
height: auto !important;
height: 700px;
min-height: 600px;
}

#start #main {
background: url(images/back_all.jpg) top left repeat-y;
}

#header {
height: 177px;
background: url(images/header_back_innen.jpg) top left no-repeat;
width: 100%;
position: relative;
}

#start #header {
background: url(images/header_back.jpg) top left no-repeat;
}

a.logo {
height: 150px;
width: 310px;
display: block;
}

a.logo span{
position: absolute;
left: -2341px;
top: -1124px;
}

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



#top {
height: 200px;
background: url(images/top_back_start.gif) repeat-x;
width: 100%;
}

#right{
width: 630px;
float: right;
padding-top: 10px;
}

#start #right{
width: 460px;
}

#innen #inhalt{
margin-right: 75px;
color: #3d3d3d;
}

#innen #inhalt em{
font-style: italic;
}

#innen #inhalt h1{
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
}

#innen #main #rechts div#inhalt, #innen #inhalt p  {
font-size: 1em;
line-height: 1.5em;
}

#innen #inhalt table {
font-size: 0.8em;
background: #EAEAEA;
line-height: 1.4;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
}

#innen #inhalt table table{
margin: 10px;
font-size: 1em;
}

#innen #inhalt table td{
padding: 2px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#innen #inhalt table td li{
list-style: disc;
background: transparent;
padding-left: 0px;
margin-left: 14px;
margin-bottom: 3px;
}

#innen #inhalt table th{
background: #92AE01;
color: #FFF;
font-weight: bold;
padding: 2px;
border-left: 1px solid #CCC;
}

#main_top {
height: 17px;
}

#left {
margin-left: 50px;
width: 270px;
float: left;
display: inline;
}

#start #left {
width: 470px;
margin-left: 35px;
}

#footer {
height: 150px;
background: #000 url(images/footer_innen.jpg) center top repeat-x;
width: 100%;
position: relative;
}

#start #footer {
background: #000 url(images/footer.jpg) center top repeat-x;
}

/* menu */

#menu {
top: 42px;
left: 591px;
position: absolute;
background: transparent;
width: 330px;
}

#menu ul {
float: right;
}


#menu li{
float: left;
display: inline;

}

#menu li a span {
position: absolute;
left: -1232px;
top: -2342px;
}

#menu li a {
display: block;
height: 23px;
}

#menu li a.modx_deutsch {
background: url(images/menu_ueber.jpg) top left no-repeat;
width: 150px;
height: 27px;
}

#menu li a.dokumentation {
background: url(images/menu_dokumentation.jpg) top left no-repeat;
width: 170px;
height: 24px;
}

#menu li a.forum {
background: url(images/menu_forum.jpg) top left no-repeat;
width: 150px;
height: 28px;
}

#menu li a.downloads {
background: url(images/menu_erweiterungen.jpg) top left no-repeat;
width: 169px;
height: 27px;
}

#menu li a.seitengalerie {
background: url(images/menu_seitengalerie.jpg) top left no-repeat;
width: 170px;
height: 28px;
}

#menu li a.news {
background: url(images/menu_news.jpg) top left no-repeat;
width: 150px;
height: 24px;
}

#menu li a:hover, #menu li.active a{
background-position: 0px -27px;
}

#menu li a.dokumentation:hover,  #menu li a.news:hover, #menu li.active a.dokumentation, #menu li.active a.news{
background-position: 0px -24px;
}

#menu li.active a.forum, #menu li a.forum:hover, #menu li a.seitengalerie:hover, #menu li.active a.seitengalerie{
background-position: 0px -31px;
}

/* submenu */

 .submenu {
width: 200px;
margin-bottom: 30px;
}


 .submenu li a,  .submenu li span{
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #B0B0B0;
display: block;
	color: #888;
	font-size: 1.1em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
	width:230px;
	border-bottom: 1px solid #CCC;
	background: #262626;
}

 .submenu li li a,  .submenu li li span{
font-weight: normal;
	font-size: 0.85em;
	display:block;
	width:100%;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 5px 0px 5px 0px;
	padding-left: 0px; 
	width: 230px;
}




 .submenu li span{
	background: #262626;
	}

 .submenu li li span{
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #B0B0B0;
font-variant: small-caps;
background: #EAEAEA;
color: #92AE01;
}

 .submenu li li a:hover{

}

 .submenu li li.active a,  .submenu li li span{
padding-left: 25px;
width: 205px;
color: #92AE01;
background: #EAEAEA;
}

 .submenu li {
margin: 0;
margin-bottom: 1px;
margin-top: 20px;
}

 .submenu li.first {
margin-top: 0px;
}

 .submenu li li,  .submenu li li.first{
margin: 0;
margin-bottom: 0px;
}

/* einleitung */
div.white {
width: 469px;
color: #000;
}

div.top {
padding-bottom: 53px;
background: url(images/bepper_bottom.jpg) bottom left no-repeat;
overflow: hidden;
}

div.inner {
padding-top: 73px;
background: url(images/bepper_top.jpg) top left no-repeat;
}

div.toplogin {
padding-bottom: 53px;
background: url(images/bepper2_bottom.jpg) bottom left no-repeat;
overflow: hidden;
}

div.innerlogin {
padding-top: 73px;
background: url(images/bepper2_top.jpg) top left no-repeat;
}

div.white p, div.innerlogin div.inner {
background: url(images/bepper_middle.jpg) repeat-y;
padding: 5px 40px 0px 55px;
line-height: 1.7;
font-size: 0.9em;
min-height: 55px;
height: auto !important;
height: 55px;
}

div.innerlogin div.inner {
font-size: 1.1em;
}

div.white h1 {
font-size: 1px;
height: 20px;
font-weight: bold;
margin-top: -25px;
padding-bottom: 5px;
margin-left: 55px;
text-indent: -12333px;
background: url(images/head_modx.gif) top left no-repeat;
}



/* login */

div.login {
position: relative;
}


div.login h2 {
font-size: 1px;
height: 20px;
font-weight: bold;
margin-top: -25px;
padding-bottom: 5px;
margin-left: 55px;
text-indent: -12333px;
background: url(images/head_login.gif) top left no-repeat;
}

div.login input {
background: #2d2d2d;
color: #FFF;
border: none;
float: left;
}

div.login label {
margin-right: 5px;
float: left;
font-size: 0.8em;
line-height: 14px;
}

div.login div.inner div {
clear: both;
padding-top: 4px;
}

div.login input.inputtext {
margin-right: 5px;
width: 12em;
font-size: 0.8em;
}

div.login input.checkbox {
background: transparent;
margin-right: 5px;
font-size: 0.8em;
margin-top: -3px;
}

div.login div.passwortvergessen {
font-size: 0.9em;
font-weight: normal;
padding-top: 10px;
line-height: 0.9em;
}

a.passwortvergessen {
font-weight: normal;
margin-left: 23px;
font-size: 0.9em;
}

div.login input.submit {
background: #FEFEFE url(images/head_go.gif) top left no-repeat;
width: 27px;
height: 25px;
color: #FEFEFE;
font-size: 1px;
text-indent: -123px;
position: absolute;
left: 380px;
top: 79px;
}

div.login input.submit2 {
font-size: 0.8em;
margin-left: 5px;
}

div.login p {
font-size: 0.8em;
background: #fefefe;
margin: 0;
padding: 0;
padding-top: 5px;
clear: both;
}

div.logout {
height: 100px;
width: 458px;
background: url(images/bepperkomplett.jpg) top left no-repeat;
position: relative;
}

div.logout p {
position: absolute;
left: 52px;
top: 46px;
width: 350px;
color: #000;
font-size: 0.8em;
}

/* news */
div.news {
position: relative;
width: 430px;
margin-bottom: 15px;
line-height: 1;
}


#innen div.news {
background: transparent;
width: 550px;
}

div.news div.datum {
width: 40px;
float: left;
font-size: 28px;
color: #A2A2A2;
line-height: 0.9;
clear: left;
}

#start div.news a.forumslink {
background: url(images/icon_forum.gif) -5px 0px no-repeat;
display: block;
position: absolute;
left: 0px;
bottom: -1px;
width: 40px;
height: 20px;
}

#start div.wichtig a.forumslink {
bottom: -1px;
}

div.news a.forumslink span{
position: absolute;
left: -3463px;
top: -3459px;
}

div.newstext {
margin-left: 45px;
font-size: 0.85em;
color: #FFF;
width: 340px;
line-height: 1.6em;
}

#start div.wichtig {
margin-bottom: 30px;
border-right: 5px solid #D3D711;
border-bottom: 1px solid #D3D711;
background: url(images/title_wichtig.jpg) left top no-repeat;
padding-top: 30px;
border: 0;
}

div.wichtig div.newstext{

}

div.newstext p{
display: inline;
line-height: 1.6em;
}
div.newstext a{
color: #D3D711;
font-weight: normal;
text-decoration: none;
}

div.wichtig div.newstext a{

}

div.newstext h2{
margin-bottom: 3px;
} 

div.newstext h2 span{
font-weight: bold;
} 

div.newstext h2 a {
color: #FFF;
text-decoration: none;
font-weight: bold;
}

div.wichtig div.newstext h2 a {

}
div.taglanding h3 {
margin-bottom: 4px;
}
span.datum {
font-weight: normal;
font-size: 0.8em;
}


span.taglinks {
font-size: 0.9em;
}

a.forumslink {
font-size: 0.9em;
}

span.author {
font-size: 0.8em;
text-align: right;
}

#start div.newslink a{
font-size: 0.9em;
font-weight: normal;
color: #D3D711;
}

div.pages span{
margin: 0 3px 0 3px;
}

div.pages a{
font-weight: normal;
margin: 0 3px 0 3px;
}

/* tags */
div.tags {
padding-top: 28px;
background: url(images/title_news.gif) -2px 0px no-repeat;
}

div.tags div.tagcloud span a{
color: #FFF;
text-decoration: none;
}

div.tagcloud {
display: inline;
}

div.tagcloud span a.s1{
font-size: 0.7em;
}

div.tags div.tagcloud span a.s2{
font-size: 0.8em;
}

div.tags div.tagcloud span a.s3{
font-size: 1em;
}

div.tags div.tagcloud span a.s4{
font-size: 1.2em;
}

div.tags div.tagcloud span a.s5{
font-size: 1.4em;
}

div.tags {
margin-bottom: 20px;
width: 380px;
}

div.summary {
font-size: 0.9em;
margin-top: 5px;
line-height: 1.4;
margin-bottom: 15px;
}

div.summary p {
display: inline;
}

div.taglanding {
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
}


.clr { 
font-size: 1px;
line-height: 0em;
height: 0;
clear: both;
}

div.feeds {
margin: 15px 0px 20px 52px;
font-size: 0.8em;
padding-top: 30px;

}

div.forumposts {
background: url(images/forumposts.jpg) top left no-repeat;
}

div.dl_int {
background: url(images/title_letzte_dl.jpg) top left no-repeat;
margin: 20px 0px 20px 10px;
font-size: 0.8em;
}

div.feeds a{
font-weight: normal;
font-size: 1.1em;
}

div.feeds li{
margin-bottom: 5px;
}

/* registrierung */

div.registrierung {
margin-top: 20px;
}

div.registrierung label {
clear: left;
float: left;
width: 150px;
font-size: 0.9em;
margin-bottom: 10px;
line-height: 18px;
}

div.registrierung input {
float: left;
width: 300px;
font-size: 0.9em;
margin-bottom: 10px;
}

div.registrierung input.register {
width: auto;
}

/* content */

#inhalt{
font-size: 0.9em;
line-height: 2em;
}

#inhalt ul{
margin-bottom: 15px;
}

#inhalt ul li {
padding-left: 17px;
background: url(images/boempel.gif) 0px 2px no-repeat;
line-height: 1.5;
margin-bottom: 10px;
}

#inhalt ol {
margin-left: 10px;
margin-bottom: 10px;
}

#inhalt ol li{
margin-left: 15px;
line-height: 1.5;
margin-bottom: 10px;
}



#inhalt p {
margin-bottom: 20px;
line-height: 2;
}

#inhalt strong {
font-weight: bold;
}

#inhalt h2, #inhalt h3, #inhalt h4 {
font-weight: bold;
margin-bottom: 10px;
margin-top: 5px;
}

#inhalt h2 {
font-size: 1.2em;
}

#inhalt h3 {
font-size: 1.1em;
}



#inhalt blockquote {
margin: 30px 5px 10px 0px;
background: #FFFFEE url(images/quote_back.png) 10px 10px no-repeat;
border-left: 5px solid #FFFFAA;
padding: 5px;
font-style: italic;
font-size: 0.95em;
}


#inhalt pre {
margin: 0px 5px 10px 0px;
background: #FFFFEE url(quote_back.png) 10px 10px no-repeat;
border-left: 5px solid #FFFFAA;
padding: 5px;
font-family: monospace;
font-size: 1.2em;
width: 530px;
overflow: auto;
}

#inhalt li pre {
width: 450px;
margin-top: 10px;
}

#inhalt pre span.bracket{
color: green;
}

#left a.downloadmodx {
width: 115px;
height: 22px;
display: block;
background: url(images/title_download.jpg) top left no-repeat;
margin-top: 30px;
text-indent: -1242px;
margin-bottom: 20px;
}

#start a.downloadmodx {
margin-left: 50px;}


/* Footer */


#footer ul.feeds {
width: 980px;
position: absolute;
left: 50%;
top: 90px;
margin-left: -490px;
}

#footer ul.feeds li{
float: left;
display: inline;
}

#footer ul.feeds li a{
display: block;
height: 20px;
font-size: 0.05em;
text-indent: -1324px;
}

#footer ul.feeds li a.news_deutsch{
background: url(images/feeds_news_de.jpg) top left no-repeat;
width: 132px;
}

#footer ul.feeds li a.forum_deutsch{
background: url(images/feeds_forum_de.jpg) top left no-repeat;
width: 150px;
}

#footer ul.feeds li a.forum_int{
background: url(images/feeds_forum_int.jpg) top left no-repeat;
width: 161px;
}

#footer ul.feeds li a.security_int{
background: url(images/feeds_sec_int.jpg) top left no-repeat;
width: 173px;
}

#footer ul.feeds li a.downloads_int{
background: url(images/feeds_dl_int.jpg) top left no-repeat;
width: 184px;
}

#footer ul.feeds li a.downloads_de{
background: url(images/feeds_dl_de.jpg) top left no-repeat;
width: 177px;
}

#footer ul.footermenu {
position: absolute;
left: 50%;
top: 120px;
margin-left: -220px;
}

#footer ul.footermenu li {
float: left;
display: inline;
}

#footer ul.footermenu li a{
color: #fff;
font-weight: normal;
padding: 0px 10px;
border-right: 1px solid #FFF;
font-size: 0.6em;
line-height: 10px;
}

#footer ul.footermenu li.last a {
border: none;
}

#printbild {
display: none;
}


/* login */

/* einleitung */
#innen #left div.white {
width: 280px;
color: #000;
margin-top: 0px;
margin-left: -7px;
}


#innen #left div.toplogin {
padding-bottom: 54px;
background: url(images/bepperschmal_bottom.jpg) -4px bottom no-repeat;
overflow: hidden;
}

#innen #left div.innerlogin {
padding-top: 67px;
background: url(images/bepperschmal_top.jpg) top left no-repeat;
}

#innen #left div.innerlogin div.inner {
background: url(images/bepperschmal_middle.jpg) repeat-y;
padding: 5px 30px 0px 25px;
line-height: 1.4em;
font-size: 1.1em;
min-height: 55px;
height: auto !important;
height: 55px;
}

/* login */

#innen #left div.login {
position: relative;

}


#innen #left div.login h2 {
font-size: 1px;
height: 25px;
font-weight: bold;
margin-top: -25px;
padding-bottom: 0px;
margin-left: 25px;
text-indent: -12333px;
background: url(images/head_login.gif) top left no-repeat;
border: 0px;
}

#innen #left div.login input {
background: #2d2d2d;
color: #FFF;
border: none;
float: left;
}

#innen #left div.login label {
margin-right: 5px;
float: left;
font-size: 0.8em;
line-height: 14px;
clear: both;
width: 60px;
margin-top: 3px;
color: #000;
}

#innen #left div.login div.inner div {
clear: both;
padding-top: 0px;
}

#innen #left div.login input.inputtext {
margin-right: 5px;
width: 11em;
font-size: 0.8em;
margin-top: 3px;
}

#innen #left div.login input.checkbox {
background: transparent;
margin-right: 5px;
font-size: 0.8em;
margin-top: 2px;

}

#innen #left div.login div.passwortvergessen {
font-size: 1em;
font-weight: normal;
margin-top: 10px;
line-height: 1em;
clear: both;
}

#innen #left div.login div.passwortvergessenform {
font-size: 1em;
font-weight: normal;
margin-top: 0px;
line-height: 1em;
clear: both;
}

a.passwortvergessen {
font-weight: normal;
font-size: 0.8em;
}

#innen #left div.login div.passwortvergessenform label{
width: 240px;
}

#innen #left div.login input.submit {
background: #FEFEFE url(images/head_go.gif) top left no-repeat;
width: 27px;
height: 25px;
color: #FEFEFE;
font-size: 1px;
text-indent: -123px;
position: absolute;
left: 220px;
top: 79px;
}

#innen #left div.login input.submit2 {
font-size: 0.9em;
margin-left: 5px;
width: 6em;
}

#innen #left div.passwortvergessen2 input.inputtext {
width: 230px;
margin-bottom: 5px;
}

#innen #left div.login p {
font-size: 0.8em;
margin: 0;
padding: 0;
padding-top: 5px;
color: #000;
background: transparent;
}

#innen #left div.logout {
height: 96px;
width: 280px;
background: url(images/bepperschmalkomplett.jpg) top left no-repeat;
position: relative;
color: #000;
margin-top: 0px;
margin-left: -7px;
}

#innen #left div.logout p {
position: absolute;
left: 25px;
top: 46px;
width: 220px;
color: #000;
font-size: 0.8em;
}

/*kontakt*/
div.kontakt label {
width: 160px;
float: left;
margin-top: 5px;
}

div.kontakt input, div.kontakt select, div.kontakt textarea, div.kontakt option {
border: 1px solid #FFF;
width: 250px;
margin-top: 5px;
background: #212121;
color: #FFF;
}

div.kontakt textarea {
height: 250px;
font-size: 12px;
}

div.kontakt input.submit {
width: 148px;
background: #212121;
color: #FFF;
}

div.kontakt input.code {
width: 148px;
}

div.kontakt option {
background: #666;
color: #FFF;
}

div.kontakt img {
margin-left: 160px;
margin-top: 10px;
}

div.kontakt p {
margin-bottom: 0;
}

#inhalt #subsub ul{
width: 155px;
float: right;
display: inline;
margin-right: -5px;
margin-bottom: 30px;
margin-left: 20px;
}

#inhalt #subsub ul li{
margin: 0px;
padding: 0px;
background: transparent;
display: inline;
}

#inhalt #subsub ul li a{
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #B0B0B0;
display: block;
color: #000;
font-size: 1.1em;
font-weight: normal;
font-variant: small-caps;
letter-spacing: 1px;
border-bottom: 1px solid #CCC;
background: transparent;
padding-left: 5px;
}

#inhalt #subsub ul li a:hover, #inhalt #subsub ul li.active a{
background: #92AE01;
color: #FFF;
}