body, input, textarea, select {
    font-family:Arial,Helvetica,sans-serif;
    color: #222222;
}

html {
    height: 101%;
}

body {
    background-color: #f8f8f8;
    margin:0px;
    padding:0px;
}

a {
    text-decoration: none;
}

a:hover {
    /*border-bottom: 1px solid #ff00d8;*/

}

#whole_page {
    background-image: url("images/grid.png");
    width: 960px;
    position: absolute;
    left: 50%;
    margin-left: -480px;
}

.clicked {
    border-bottom: 1px solid #ff00d8;
}

/**********************************/
/*                                */
/*            HEADER              */
/*                                */
/**********************************/
#page_header {
    width: 960px;
    height: 150px;
    float: left;
}

#menu {
    margin:0px;
    padding:0px;
    font: bold 0.7em/1.1 sans-serif;
}

#menu li {
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    /*padding-left: 8px;
    padding-right: 8px;*/
    margin-left: 8px;
    margin-right: 8px;
}

#menu li a{
    font-size: 11px;
    font-weight: bold;
    letter-spacing:0.15em;
    color: #ff00d8;
}

#menu li ul {
    margin:0px;
    padding:0px;
    position:absolute;
    margin-top: 5px;
    margin-left: 10px;
}

#menu li ul li{
    float:none;
    margin:0px;
    padding:0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#menu li ul li a{
    letter-spacing:0.1em;
    font-weight: normal;
}

#top_navigation {
    width: 590px;
    float: left;
    padding-top: 17px;
}


#logo {
    padding-top: 17px;
    padding-left: 18px;
    float: left;
}

.logo_wechselnd {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 270px;
}

#top_navigation .nav_element {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}

.nav_top_titel {
    font-size: 11px;
    font-weight: bold;
    letter-spacing:0.15em;
    padding-bottom: 4px;
}

.nav_top_titel_text {
    font-size: 11px;
    font-weight: bold;
    letter-spacing:0.15em;
    color: #ff00d8;
}

.nav_top_titel_text:hover {
    border-bottom: 1px solid #ff00d8;
}

.nav_top_sub {
    font-size: 11px;
    letter-spacing:0.1em;
    padding-left: 11px;
    padding-top: 2px;
    padding-bottom: 3px;
    position: relative;
}

.nav_top_sub_text {
    font-size: 11px;
    letter-spacing:0.1em;
    color: #ff00d8;
}

.nav_top_sub_text:hover {
    border-bottom: 1px solid #ff00d8;
}

.pfeil {
    padding-right: 4px;
    padding-bottom: 2px;
}

/**********************************/
/*                                */
/*           CONTENT              */
/*                                */
/**********************************/
#page_body {
    width: 960px;
    float: left;
    padding-top: 25px;
    padding-left: 9px;
}

#contentmenu {
    margin:0px;
    margin-left: -9px;
    padding:0px;
    font: bold 0.7em/1.1 sans-serif;
}

#contentmenu li {
    list-style:none;
    margin:0px;
    padding:0px;
    line-height: 1.7;
}

#contentmenu li a{
    letter-spacing:0.1em;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

#contentmenu li ul {
    margin:0px;
    padding:0px;
    padding-left: 21px;
}

#contentmenu li ul li{

}

#contentmenu li ul li a{
    font-weight: normal;
}

#content_navigation {
    float: left;
    width: 240px;
}

.nav_content_element {
    font-size: 11px;
    font-weight: bold;
    letter-spacing:0.1em;
    margin-left: -9px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.nav_content_element_text {
    font-size: 11px;
    font-weight: bold;
    letter-spacing:0.1em;
    color: #000000;
}

.nav_content_element_text:hover {
    border-bottom: 1px solid #ff00d8;
}


.nav_content_sub_element {
    font-size: 11px;
    letter-spacing:0.1em;
    padding-left: 12px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.nav_content_sub_element_text {
    font-size: 11px;
    letter-spacing:0.1em;
    color: #000000;
}

.nav_content_sub_element_text:hover {
    border-bottom: 1px solid #ff00d8;
}

.empty_text {
    font-size: 11px;
    letter-spacing:0.1em;
    color: #9a9a9a;
    font-style: italic;
}



#content_text {
    float: left;
    width: 360px;
}

#images {
    float: left;
    width: 360px;
}

#page_body .titel_text {
    font-family: Georgia;
    font-size: 22px;
    letter-spacing:0.05em;
}

#page_body .balken {
    padding-top: 9px;
    padding-bottom: 7px;
}

#content_content {
    font-family: Arial;
    font-size: 12px;
    line-height: 17px;
    width: 340px;
    padding-top: 10px;
    letter-spacing:0.1em;
}

/*#content_content h1 {
    font-family: Arial;
    font-weight: normal;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    letter-spacing:0.1em;
}*/

#content_content a {
    color: #ff00d8;
}

#content_content img {
    float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

#content_content a:hover {
    border-bottom: 1px solid #ff00d8;
}

#image_beschrieb {
    position:absolute;
    padding-top: 10px !important;
}

#image_beschrieb_edit {
    padding-top: 10px !important;
}

#image_beschrieb h1 {
    font-family: Arial !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 3px !important;
    margin: 0px !important;
    letter-spacing:0.1em !important;
}

#image_beschrieb p {
    font-family: Arial !important;
    font-weight: normal !important;
    font-size: 11px !important;
    padding: 0px !important;
    margin: 0px !important;
    letter-spacing:0.1em !important;
}


/**********************************/
/*                                */
/*          EDIT MODE             */
/*                                */
/**********************************/

#site_tree {
    padding: 20px;
    float: left;
    margin: 10px;
    margin-right: 0px;
    border: 1px solid #9a9a9a;
}

#site_tree .home_link {
    font-size: 8pt;
    letter-spacing:0.1em;
    color: #000000;
    font-weight: bold;
}

#edit .formular{
    padding: 20px;
    margin: 10px;
    border: 1px solid #9a9a9a;
    width: 500px;
}

#edit {
    float: left;
}

#edit h1 {
    font-family: Georgia;
    font-size: 17pt;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

#edit p {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

#edit a {
    color: #ff00d8;
}

#edit a:hover {
    border-bottom: 1px solid #ff00d8;
}

#edit img {
    padding: 0px;
}

#edit form label {
    width: 80px;
    font-size: 8pt;
    color: #000000;
    float: left;
}

#edit form textarea {
    font-family: Courier;
    font-size: 10pt;
}

.messages {
    background-color: #9a9a9a;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 8pt;
    font-family: Arial;

    padding: 20px;
    margin: 10px;
    border: 1px solid #9a9a9a;
}

.button {
    background-color: #000000;
    color: #FFFFFF !important;
    font-size: 8pt;
    padding-left: 3px;
    padding-right: 3px;
}

.button:hover {
    text-decoration: none;
    background-color: #777777;
    border: 0px solid #FFFFFF !important;
}

.hidden {
	text-decoration: line-through;
	color: #9a9a9a !important;
}

.hidden_field {
	background-image: url(/images/hidden_content.png);
	background-repeat: no-repeat; 
}

/**********************************/
/*                                */
/*          FORMULARE             */
/*                                */
/**********************************/

#formular form {
    float: left;
}

#formular p {
    float: left;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
}

#formular input {
	float: left;
    font-family: Arial;
    font-size: 8pt;
    letter-spacing:0.1em;
    padding: 0px;
    margin: 0px;
}

#formular label {
    font-weight: bold;
}

#formular textarea {
    font-family: Arial;
    font-size: 8pt;
    letter-spacing:0.1em;
    padding: 0px;
    margin: 0px;
}

#formular .error_input {
    background-color: #d45b8f;
}

#formular .error_label {
    color: #d45b8f;
}

#formular .error_message {
    color: #d45b8f;
    font-weight: bold;
    padding-bottom: 20px;
}