/* -------------------------------------------------------- GENERAL */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
}

img {
	border: none;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

#preload {
	display: none;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

a:link {
	outline: none;
}


/* -------------------------------------------------------- CONTAINER */

#wrapper_header {
	position: fixed;
	width: 80%;
	min-width: 980px;
	left: 50%;
	margin-left: -40%;
	z-index: 200;
}

#wrapper_header .logo {
	margin-top: 20px;
	float: right;
}

#wrapper_main {
	position: relative;
	width: 980px;
	left: 50%;
	margin-left: -40%;
	padding-top: 20px;
}

#wrapper_main .logo {
	float: right;
}

.wrapper_content {
	width: 100%;
	padding: 50px 0 50px 0;
}

.border_bottom {
	border-bottom: 1px solid #272425;
}

.wrapper_content .content_left {
	width: 15%;
	float: left;
	margin-right: 5%;
}

.wrapper_content .content_right {
	width: 80%;
	float: left;
}

#footer_social_media {
	width: 100%;
	padding: 10px 0 100px 0;
	border-top: 1px solid #272425;
}

#wrapper_footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #272425;
	z-index: 200;
}

#footer_leiste_start {
	position: relative;
	width: 80%;
	min-width: 980px;
	left: 50%;
	margin-left: -40%;
	padding: 10px 0 10px 0;
}

#footer_leiste {
	position: relative;
	width: 980px;
	left: 50%;
	margin-left: -40%;
	padding: 10px 0 10px 0;
}

#footer_leiste .footer_right, #footer_leiste_start .footer_right {
	float: right;
}


/* -------------------------------------------------------- NAVIGATION */

#navi_main {
	position: relative;
	padding: 7px 20px 8px 20px;
	float: left;
	background: #272425;
}

#navi_main ul li {
	display: inline;
}

#navi_main ul li img {
	margin-bottom: -3px;
}

#navi_infos {
	width: 100%;
	padding: 25px 0 0 0;
	text-align: justify;
	border-top: 1px solid #272425;
	border-bottom: 3px solid #272425;
}

#navi_infos span {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
}

#navi_infos ul li {
	display: inline;
}

#navi_infos ul li div {
	display: inline-block;
}

#navi_infos ul li div img {
	margin-bottom: -5px;
}


/* -------------------------------------------------------- MOTIVE STARTSEITE */

.next_prev_motive {
	position: absolute;
	right: 0;
	bottom: 25%;
	width: 154px;
	height: 82px;
	background: url(../bilder/nav_motiv_bg.png) no-repeat;
	z-index: 100;
}

.motiv_number {
	margin: 10px 0 0 10px;
}

.wrapper_motiv {
	position: relative;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

#motiv_1,
#motiv_2,
#motiv_3,
#motiv_4,
#motiv_5,
#motiv_6 {
	position: relative;
	height: 100%;
	min-height: 100%;
	width: 80%;
	min-width: 980px;
	left: 50%;
	margin-left: -40%;
	border: 5px solid transparent;
}

.motiv_1_img,
.motiv_2_img,
.motiv_3_img,
.motiv_4_img,
.motiv_5_img,
.motiv_6_img  {
	position: relative;
	width: 80%;
	padding-top: 5%;
}

#footer_motive {
	position: fixed;
	width: 80%;
	min-width: 980px;
	left: 50%;
	bottom: 60px;
	margin-left: -40%;
	padding-top: 10px;
	border-top: 1px solid #272425;
	text-align: right;
	z-index: 100;
}

#footer_motive ul li, #footer_social_media ul li {
	display: inline;
}

#footer_motive iframe, #footer_social_media iframe {
	width: 150px;
	height: 35px;
	float: left;
	margin: 0 0 0 10px;
	border: none;
	overflow: hidden; 
}


/* -------------------------------------------------------- MEINUNGEN */

#wrapper_kommentare {
	position: relative;
	width: 980px;
	left: 50%;
	margin-left: -40%;
	padding: 25px 0 0 0;
	border-top: 1px solid #272425;
}

#pfeil_kommentare {
	position: relative;
	width: 80%;
	min-width: 900px;
	height: 15px;
	left: 50%;
	margin: 50px 0 0 -40%;
	background: url(../bilder/pfeil_kommentare.gif) no-repeat;
}

#wrapper_formular_meinungen {
	position: absolute;
	width: 100%;
	background: #00AEFA;
	color: #000000;
	line-height: 1.5em;
}

#formular_meinungen {
	position: relative;
	width: 980px;
	left: 50%;
	margin-left: -40%;
}

#wrapper_kommentare .content_left {
	width: 20%;
	float: left;
	margin-right: 5%;
}

#wrapper_kommentare .content_right, #formular_meinungen .content_right {
	width: 70%;
	float: left;
}

#formular_meinungen .content_left {
	width: 25%;
	float: left;
	margin: 40px 5% 40px 0;
}

#formular_meinungen .content_left h2 {
	margin-bottom: 20px;
	color: #ffffff !important;
}

.c5t_comment_list {
	float: right;
}

.c5t_comment_form_background {
	padding-top: 38px;
	margin-bottom: 40px;
	float: right;
}

.comment_top {
	width: 578px;
	height: 32px;
	margin-bottom: -18px;
	background: url(../bilder/comments_top.gif) no-repeat;
}

.c5t_comment_item {
	width: 578px;
	margin: 0 0 25px 100px;
	line-height: 1.5em;
	background: url(../bilder/comments_bg.gif) repeat-y;
}

.c5t_comment_item_text {
	width: 523px;
	padding: 0 25px 0 30px;
}

.c5t_comment_item_details {
	width: 578px;
	font-size: 0.8em;
	margin: 0 0 5px 100px;
	text-align: right;
}

.comment_name {
	color: #00AEFA;
	font-weight: bold;
}

.comment_bottom {
	width: 578px;
	height: 14px;
	background: url(../bilder/comments_bottom.gif) no-repeat;
}

.c5t_error_message {
	color: #ffffff;
}

.c5t_comment_form_field input {
	width: 312px;
	height: 37px;
	padding: 0 10px 0 10px;
	margin: 5px 0 10px 0;
	border: none;
	outline: none;
	background: url(../bilder/input_bg.gif) no-repeat;
}

.c5t_comment_form_field textarea {
	width: 658px;
	height: 105px;
	padding: 10px;
	margin: 5px 0 10px 0;
	overflow: hidden;
	border: none;
	outline: none;
	resize: none;
	background: url(../bilder/textarea_bg.gif) no-repeat;
}

.c5t_comment_form_submit input {
	width: 65px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	float: right;
	background: url(../bilder/btn_senden.gif) no-repeat;
}

.c5t_comment_form_submit input:hover {
	background-position: -65px 0;
}

.c5t_comment_form_submit input:active {
	background-position: 0;
}

.c5t_comment_item_background .userpic {
	margin-top: 8px;
}

.c5t_error_message_item {
	font-family: 'Share', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

.c5t_error_message_item .message_black {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important;
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
}


/* -------------------------------------------------------- KONTAKT */

.trenner {
	width: 100%;
	height: 1px;
	margin-bottom: 50px;
	background: #272425;
}

.wrapper_eintrag {
	width: 100%;
	padding: 0 0 50px 0;
}

.wrapper_eintrag .content_left {
	width: 165px;
	height: 265px;
	float: left;
	margin: 0 50px 0 10px;
	padding: 30px 41px 30px 30px;
	background: url(../bilder/bg_adress.gif) no-repeat;
	color: #ffffff !important;
}

.wrapper_eintrag .content_left .city {
	font-family: 'Share', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 170px;
	padding: 8px 20px 7px 20px;
	margin: 30px 0 0 -40px;
	background: #272425;
}

.wrapper_eintrag .content_right {
	width: 684px;
	padding-top: 5px;
	float: left;
}

.wrapper_eintrag .content_right ul {
	width: 100%;
	margin: 30px 0 20px 0;
	border-bottom: 1px solid #cccccc;
}

.wrapper_eintrag .content_right ul li {
	padding: 10px 0 10px 0;
	margin: 0 0 0 13px;
	border-top: 1px solid #cccccc;
	list-style-image: url(../bilder/icon_pfeil.gif);
}


/* -------------------------------------------------------- IMPRESSUM */

#content_impressum {
	width: 980px;
	margin: 0 0 50px 0;
	padding: 50px 0 0 0;
	border-top: 1px solid #272425;
}


/* -------------------------------------------------------- BUTTONS */

.next_prev_motive .btn_next {
	display: inline-block;
	width: 56px;
	height: 54px;
    text-indent: -9999px;
    overflow: hidden;
}

a.btn_next:link, a.btn_next:visited {
    background: url(../bilder/nav_motiv_next.png) no-repeat 0 0;
}

a.btn_next:hover {
    background: url(../bilder/nav_motiv_next.png) no-repeat 0 0;
    background-position: -56px 0;
}

a.btn_next:active {
    background: url(../bilder/nav_motiv_next.png) no-repeat 0 0;
}

.next_prev_motive .btn_prev {
	display: inline-block;
	width: 39px;
	height: 54px;
    text-indent: -9999px;
    overflow: hidden;
}

a.btn_prev:link, a.btn_prev:visited {
    background: url(../bilder/nav_motiv_prev.png) no-repeat 0 0;
}

a.btn_prev:hover {
    background: url(../bilder/nav_motiv_prev.png) no-repeat 0 0;
    background-position: -39px 0;
}

a.btn_prev:active {
    background: url(../bilder/nav_motiv_prev.png) no-repeat 0 0;
}


/* -------------------------------------------------------- HEADLINES */

h1#headline_infos {
	display: block;
	width: 291px;
	height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../bilder/hl_infos.gif) no-repeat 0 0;
    clear: both;
}

h1#headline_meinung {
	display: block;
	width: 354px;
	height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../bilder/hl_meinung.gif) no-repeat 0 0;
    clear: both;
}

h1#headline_kontakt {
	display: block;
	width: 186px;
	height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../bilder/hl_kontakt.gif) no-repeat 0 0;
    clear: both;
}

h1#headline_impressum {
	display: block;
	width: 113px;
	height: 19px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../bilder/hl_impressum.gif) no-repeat 0 0;
    clear: both;
}

.content_left h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	color: #272425;
}

.wrapper_eintrag .content_left h2 {
	color: #ffffff;
	margin-bottom: 20px;
}

.wrapper_eintrag .content_right h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	color: #505050;
}

/* -------------------------------------------------------- FONT */

body {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #505050;
	line-height: 1.6em;
}

body a:link, body a:visited {
	color: #505050;
	text-decoration: none;
	font-weight: bold;
}

body a:hover {
	color: #00AEFA;
	font-weight: bold;
}

body a:active {
	color: #505050;
	font-weight: bold;
}

.wrapper_content, .wrapper_eintrag {
	line-height: 1.5em; 
}

.wrapper_eintrag .content_right a:link, .wrapper_eintrag .content_right a:visited {
	font-weight: normal;
}

/* -------------------------------------------------------- FONT NAVI MAIN */

#navi_main {
	font-family: 'Share', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#navi_main a:link, #navi_main a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal !important;
}

#navi_main a:hover {
	color: #00AEFA;
}

#navi_main a:active {
	color: #FFFFFF;
}

#navi_main .active {
	color: #00AEFA !important;
}


/* -------------------------------------------------------- FONT NAVI INFOS */

#navi_infos {
	font-family: 'Share', Arial, Helvetica, sans-serif; 
	color: #272425;
	font-size: 1.3em;
	font-weight: bold;
}

#navi_infos a:link, #navi_infos a:visited {
	color: #272425;
	text-decoration: none;
}

#navi_infos a:hover {
	color: #00AEFA;
}

#navi_infos a:active {
	color: #272425;
}


/* -------------------------------------------------------- FONT FOOTER MOTIVE */

#footer_motive {
	font-family: 'Share', Arial, Helvetica, sans-serif; 
	color: #272425;
	font-size: 1.1em;
}

#footer_motive a:link, #footer_motive a:visited {
	color: #272425;
	text-decoration: none;
	font-weight: normal !important;
}

#footer_motive a:hover {
	color: #00AEFA;
}

#footer_motive a:active {
	color: #272425;
}

#footer_motive .active {
	color: #00AEFA !important;
}

/* -------------------------------------------------------- FONT KONTAKT CONTENT LEFT */

.wrapper_eintrag .content_left a:link, .wrapper_eintrag .content_left a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal !important;
}

.wrapper_eintrag .content_left a:hover {
	color: #272425;
}

.wrapper_eintrag .content_left a:active {
	color: #ffffff;
}


/* -------------------------------------------------------- FONT NAVI NEXT/PREV */

.motiv_number {
	font-family: 'Share', Arial, Helvetica, sans-serif; 
	color: #272425;
	font-size: 1.1em;
}


/* -------------------------------------------------------- FONT FOOTER-LEISTE */

#footer_leiste, #footer_leiste_start {
	font-family: 'Share', Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 1.1em;
}

#footer_leiste a:link, #footer_leiste a:visited, #footer_leiste_start a:link, #footer_leiste_start a:visited {
	color: #00AEFA;
	text-decoration: none;
}

#footer_leiste a:hover, #footer_leiste_start a:hover {
	color: #FFFFFF;
}

#footer_leiste a:active, #footer_leiste_start a:active {
	color: #00AEFA;
}