/** BASIC */

html, body {

        height: 100%;
        background: #5670A1 url(../images/bg.png) 0 0 repeat-x;
 }

div#wrapper {
        margin: 0 auto;
        width: 868px;
        padding-top: 0px;

}

ol,ul
{
        list-style-position: inside;
}

/** HEADER */

div#header {
        background: url(../images/header-bg.png) 0 0 repeat-x;
}

//div#header .rk-1 {
        background:  url(../images/header-r.png) 100% 0 no-repeat;
}

//div#header .rk-2 {
        background:  url(../images/header-l.png) 0 0 no-repeat;
        height: 153px;
        overflow: hidden;
}

img#logo {
        float:  left;
        margin-left: 10px;
		width: 469px;
        height: 120px;
        background: url(../images/logo.png) 0 0 no-repeat;
}

div#top {
        margin-left:  520px;
        height: 120px;
        font-style: italic;
}

div#top .padding {
        padding:  15px;
}

/** MENU */

div#menu {
        background: url(../images/menu-bg.png) 0 0 repeat-x;
        height: 36px;
}

div#menu ul {
        margin: 0;
        padding: 6px 0 0 0;
}

div#menu li {
        margin: 0;
        padding: 0;
        padding-right: 2px;
        float: left;
        list-style: none;
        background: url(../images/menu-divider.png) 100% 0 repeat-y;
}

div#menu a:link,
div#menu a:visited {
        display: block;
        float: left;
        padding: 0 25px;
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
}

div#menu a:hover {
        background: #4F6FA7;
}


a.mainlevel:link,
a.mainlevel:visited {
        text-decoration: none;
}

a.mainlevel {
        display: block;
        padding: 4px 0 2px 28px;
        margin-bottom: 3px;
        background: url(../images/menu-bullet.png) 0 0 no-repeat;
}

a.sublevel:link,
a.sublevel:visited {
        text-decoration: none;
}

a.mainlevel:hover {
        text-decoration: underline;
}

a.sublevel:hover {
        text-decoration: none;
}

/** PAGE */

.page {
        width: 868px;
        margin: 5px auto;
        padding: 5px;
        background: #FFFFFF;
}

/** CONTENT */

#content {
        float: left;
        width: 596px;
}


/** CONTENT DETAILSEITE */

#detailcontent {
        float: left;
        width: 841px;
}


/** SIDEBAR */

#sidebar {
        float: right;
        width: 235px;
        margin-right:4px;
}

/** LOGIN */

#login {
}

#login .bgbtm {
        margin: 0px -18px;
        background: url(../images/logbg.gif) no-repeat left bottom;
}

#login-submit {
        float: right;
}

#login a {
        float: left;
}

/** SEITENBOX **/

#sidebox {
        margin: 0px 0px 10px 0px;
        padding: 18px 18px 0px 18px;
        background: #E6E6E6 url(../images/sideboxbg.gif) no-repeat left top;
}

#sidebox .ende {
        margin: 0px -18px;
        background: url(../images/sideboxbgend.gif) no-repeat left bottom;
}

/** THEMENBOX **/

#sidebox2 {
        margin: 0px 0px 10px 0px;
        padding: 18px 18px 0px 18px;
        background: #E6E6E6 url(../images/sideboxbg.gif) no-repeat left top;
}

#sidebox2 .ende {
        margin: 0px -18px;
        background: url(../images/sideboxbgend.gif) no-repeat left bottom;
}

/** AN- UND ABMELDEN **/

#anmelden {
        margin: 0px 0px 10px 0px;
        padding: 18px 18px 0px 18px;
        background: #E6E6E6 url(../images/sideboxbg.gif) no-repeat left top;
}

#anmelden .ende {
        margin: 0px -18px;
        background: url(../images/sideboxbgend.gif) no-repeat left bottom;
}



/* sidebar menu */
#sidebox ul.sidemenu {
        list-style:none;
        margin: 10px 0 10px 0;
        padding: 0;

}
#sidebox ul.sidemenu li {
        padding: 0px 10px;
}
#sidebox ul.sidemenu a {
        display:block;
        font-weight:normal;
        color: #333;
        height: 2.5em;
        padding:.3em 0 .3em 10px;
        line-height: 1.5em;
        border-bottom: 1px dashed #D4D4D4;
        text-decoration:none;

}
#sidebox ul.sidemenu a.top{
        border-top: 1px dashed #D4D4D4;
}
#sidebox ul.sidemenu a:hover {
        padding: .3em 0 .3em 10px;
        border-left: 5px solid  #10A1CF;
        color: #10A1CF;
}

/** SEARCH */

#search {
        margin: 0px 0px 10px 0px;
        padding: 18px 18px 0px 18px;
        background: #E6E6E6 url(../images/sideboxbg.gif) no-repeat left top;
}

#search .bgbtm {
        margin: 0px -18px;
        background: url(../images/sideboxbgend.gif) no-repeat left bottom;
}

#search-submit {
        float: right;
        margin-top: 5px;
}

#search a {
        float: left;
        padding-top: 6px;
}

/** FOOTER */

#footer {
        margin-top:  0px;
        height: 113px;
        background: #505050;
}

#footer p {
        margin: 0px;
        padding-top: 30px;
        text-align: center;
        color: #717171;
}



div#footer-bottom {
        background: url(../images/footer.jpg) 0 0 no-repeat;
        height: 78px;
        overflow: hidden;
}

div#footer-content {
        background: #000000;
        text-align: center;
}
/** Tabellen **/

table.mainbody {
        width: 868px;
        padding: 5px;
        background: #fff;
}



table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

/** KategorienBOX **/

#katbox {
        margin: 0px 0px 10px 0px;
        padding: 18px 18px 0px 18px;
        background: #E6E6E6 url(../images/contentbox.png) no-repeat left top;
}

#katbox .ende {
        margin: 0px -18px;
        background: url(../images/contentboxend.png) no-repeat left bottom;
}


/* KategorienBOX ohne Grafik */

#kbox
{
        margin-top: 5px;
        margin-bottom: 10px;
        background: #FAFAFA;
        border: 1px solid #f2f2f2;
        padding: 3px;


}

#kbox h2
{
        margin-top: 1px;
        margin-bottom: 10px;
        padding: 2px;
        font-size: 1.2em;
    font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;


}

/* Kategorien in der Übersicht */

.katbox
{
        font-size: 1.2em;
        background: #FAFAFA;
        border: 1px solid #f2f2f2;
        padding: 6px;


}

.katbox a
{
        font-size: 1.2em;
        text-decoration:none;


}
.katbox2
{

        padding: 2px;
        background: #FAFAFA;
        border: 1px solid #f2f2f2;


}









/*** Ab hier folgen Boxen um Einträge in der Übersicht sowie bei den Suchergebnissen unterschiedlich darzustellen.
         Diese DIV müssen als Klasse für die jeweilige Eintragsart in der Administration zugeordnet werden ***/



.stnd {
        margin-bottom: 5px;
        padding: 18px 18px 0px 18px;
        border-width: 1px;
        border-style: solid;
        border-collapse: separate;
        border-spacing: 0;
        clear: both;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 556px;
        background: #EDEDED;
}



/*** Container für die Detailansicht der Einträge ***/

.eintrag_links
{


        margin:5px;
        padding: 5px;
        border-width: 1px;
        border-style: solid;
        border-collapse: separate;
        border-spacing: 0;
        border-color: #E7E7E7;

        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #EDEDED url(../images/startbox_bg.png) 0 0 repeat-x;


}



.eintrag_rechts
{

        margin: 5px;
        padding: 5px;
        border-width: 1px;
        border-style: solid;
        border-collapse: separate;
        border-spacing: 0;
        border-color: #E7E7E7;

        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #EDEDED url(../images/startbox_bg.png) 0 0 repeat-x;
        width: 300px;
}



#eintrag
{

        float: left;
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        border-width: 1px;
        border-style: solid;
        border-collapse: separate;
        border-spacing: 0;
        border-color: #E7E7E7;
        clear: both;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #EDEDED url(../images/startbox_bg.png) 0 0 repeat-x;
}

#eintrag_links h2
{

        font-size: 16px;
        font-weight: normal;
        color: #99CC00;

}

#eintrag_links td
{

        padding: 5px;

}


#eintrag_rechts h2
{

        font-size: 16px;


}

/*** Bildbox in Galerie auf Detailseite ***/

.bildbox
{

        margin: 5px;
        padding: 5px;
        border-width: 1px;
        border-style: solid;
        background: #FFFFFF;

}

/*** Neue Einträge auf der Startseite ***/

.neueintrag1
{
        margin: 5px;
        padding: 5px;
        border-top-width: 1px;
        border-top_style: solid;
        border-bottom-width: 1px;
        border-bottom_style: solid;
        background: #FFFFFF;

}

.neueintrag2
{

        margin: 5px;
        padding: 5px;
        border-top-width: 1px;
        border-top_style: solid;
        border-bottom-width: 1px;
        border-bottom_style: solid;
        background: #EDEDED;

}

/*** Boxen in denen die Kategorien und neue Einträge gezeigt werden ****/


.start_box {
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
        padding: 18px 18px 0px 18px;
        border-width: 1px;
        border-style: solid;
        border-collapse: separate;
        border-spacing: 0;
        border-color: #E7E7E7;
        clear: both;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 560px;
        background: #EDEDED url(../images/startbox_bg.png) 0 0 repeat-x;
}


/** ALTERNATIVE SEITENBOX **/

#alt_sidebox {
        margin: 0px 0px 10px 0px;
        padding: 18px 18px 0px 18px;
        border-width: 1px;
        border-style: solid;
        border-collapse: separate;
        border-spacing: 0;
        border-color: #E7E7E7;
        clear: both;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 556px;
        background: #EDEDED url(../images/startbox_bg.png) 0 0 repeat-x;
}

#alt_sidebox .ende {
        margin: 0px -18px;
        background: url(../images/sideboxbgend.gif) no-repeat left bottom;
}

/* sidebar menu */
#alt_sidebox ul.sidemenu {
        list-style:none;
        margin: 10px 0 10px 0;
        padding: 0;

}
#alt_sidebox ul.sidemenu li {
        padding: 0px 10px;
}
#alt_sidebox ul.sidemenu a {
        display:block;
        font-weight:normal;
        color: #333;
        height: 2.5em;
        padding:.3em 0 .3em 10px;
        line-height: 1.5em;
        border-bottom: 1px dashed #D4D4D4;
        text-decoration:none;

}
#alt_sidebox ul.sidemenu a.top{
        border-top: 1px dashed #D4D4D4;
}
#alt_sidebox ul.sidemenu a:hover {
        padding: .3em 0 .3em 10px;
        border-left: 5px solid  #10A1CF;
        color: #10A1CF;
}

/*** Übersicht Einträge im Userbereich (Konto) ***/

/* User Profil */

#k_eintrag
{
        margin-top: 5px;
        margin-bottom: 5px;
        background: #FAFAFA;
        border: 1px solid #f2f2f2;
        padding: 2px;


}

#k_eintrag table
{

        background: #FAFAFA;

}

#k_eintrag h3
{
        margin-top: 1px;
        margin-bottom: 10px;
        padding: 2px;
        font-size: 12px;
        font-weight: bold;
    font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;


}

#k_eintrag h2
{
        margin-top: 1px;
        margin-bottom: 10px;
        padding: 2px;
        font-size: 1.2em;
    font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;


}


.ttitel
{
        border-top-width: 2px;
        border-top-style: dashed;
        border-top-color: #CCCCCC;
        border-bottom-width: 2px;
        border-bottom-style: dashed;
        border-bottom-color: #CCCCCC;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1.4em;
        font-weight: normal;
        color: #99CC00;

}


.textarea {
                width: 100%; height: 40px;
                font-family: Verdana, Arial, Sans-Serif;
                font-size: 1.0em;
                color: #687275;
                border: 1px #bfc6c7 solid;
        }


.mypopin {
        color:#FFF;
        padding:10px;
        text-align:justify;
        text-indent:5px;
        background:#FFFFFF;
        border-radius:.5em;
        -moz-border-radius:.5em;
}
.mypopin .popin-content {
        padding:10px;
}
.mypopin .popin-content p {
        padding:0;
        margin:0 0 1em;
}

	body {
		font-family: Helvetica;
		font-size: 11px;
		color: #000;
	}
	
	h3 {
		margin: 0px;
		padding: 0px;	
	}

	
/** Preis **/

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.featureList {
	background-color:#f7f7f7;
	border-color:#fff #ccc #ccc;
	border-style:solid;
	border-width:1px;
	color:#555;
	height:25px;
	padding-left:10px;
	padding-right:5px;
	text-align:left;
}

.box01 {
	float:left;
	width:280px;
}
.box02 {
	float:left;
	width:125px;
	margin-left:7px;
}
.box03 {
	float:left;
	width:125px;
	margin-left:7px;
}

.headListEntry {
	height:30px;
	text-align:center;
	border-bottom:1px solid #e1e1e1;
	width:125px;
}
.headListFeature {
	height:30px;
	text-align:center;
	border-bottom:1px solid #e1e1e1;
	width:100%;
	padding-top:13px;
}
.gB_dim {
	background-color:#f1f1f1;
	border-color:#fff #ccc #ccc;
	border-style:solid;
	border-width:1px;
	height:25px;
	text-align:center;
	width:125px;
}
.gB_bright {
	background-color:#f7f7f7;
	border-color:#fff #ccc #ccc;
	border-style:solid;
	border-width:1px;
	height:25px;
	text-align:center;
	width:125px;
}
.gT_dim {
	background-color:#ffedbb;
	border-color:#fff #ccc #ccc;
	border-style:solid;
	border-width:1px;
	height:25px;
	padding:0;
	text-align:center;
	width:125px;
}
.gT_bright {
	background-color:#fff5d7;
	border-color:#fff #ccc #dfc266;
	border-style:solid;
	border-width:1px;
	height:25px;
	text-align:center;
	width:125px;
}
#btn_goTopStoerer {
	margin: 11px 0 0;
}
#btn_goBasicSmall {
	margin: 14px 0 0;
}
.featureTxt {
	padding-top:5px;
	font-size:12px;
}
.areaBtn {
	height:80px;
	padding-top:15px;
	width:125px;
}
.tick {
	padding-top:5px;
}
/** AutoComplte NEW **/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 500px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}