/**
*   Warnungen (CSS 1.0):
*   10  body  	         Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben
**/


/**
*   Allgemeine Einstellungen zur Seitenformatierung:
**/

body
{
    color:                          #000000;
    font-family:                    arial,sans-serif;
    font-size:                      11px;
}


h1
{
    font-size:                      13px;
}

h2
{
    font-size:                      11px;
    background:                     transparent;
    color:                          #777777;
}

h3
{
    font-size:                       9px;
}

h4
{
    font-size:                      9px;
    color:                          #FF0000;
    background:                     transparent;
}

input.login
{
    width:                          115px;
}

div.input_login
{
    border:                         0px;
    height:                         35px;
    color:                          black;
    margin-top:                     10px;
}

div.clearme
{
    font-size:                  1px;
    height:                     0px;
    width:                      0px;
}

/*** can't use <hr/> thanks to IE ***/
div.default_hr
{
    border-color:				#D1D1D1;
    margin-top:					0px;
    margin-bottom:				0px;
    height:						0px;
    font-size:					1px;
    width:						100%;
    border-style:				solid none none none;
    border-width:				1px 0px 0px 0px;
}

/* borders */

div.default_corner,
div.default_corner_top_left,
div.default_corner_top_right
{
    padding:      0;
    margin:      0;
    height:      5px;
    font-size:      1px;
}

div.default_corner_top_left,
div.default_corner_top_right
{
    width:  5px;
}

div.default_corner_top_left
{
    background:             url("../../images/elements/borders/corner_round_top_left.jpg");
    float:                  left;
}

div.default_corner_top_right
{
    background:             url("../../images/elements/borders/corner_round_top_right.jpg");
    float:                  right;
}

.border .head
{
    background-color:#D9DEE2;
    height:		20px;
	margin-bottom: 1px;
}

.border .head .content
{
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 10px;
	font-size: 11px;
}

.border .head .def_button
{
    display: block;
    float: right;
    margin: 1px 2px 0 0;
}

.border .head .language_flag
{
    display: block;
    float: right;
}

.right
{
	float:					right;
}

.left
{
	float:					left;
}

/* images */

table.centered_image,
tr.centered_image,
td.centered_image,
img.centered_image
{
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 0;
}

.centered_image a
{
	display: block;
}

table.centered_image
{
}

table.image_content_teaser
{
	width: 146px;
	height: 110px;
}

img.image_content_teaser
{
	max-width: 146px;
	max-height: 110px;
}


table.image_content_teaser_big
{
	width: 190px;
	height: 143px;
}

img.image_content_teaser_big
{
	max-width: 190px;
	max-height: 143px;
}

table.image_content_teaser_tour_big
{
	width: 223px;
	height: 168px;
}

img.image_content_teaser_tour_big
{
	max-width: 223px;
	max-height: 168px;
}

table.image_image
{
	width: 458px;
}

img.image_image
{
	max-width: 458px;
	max-height: 344px;
}

table.image_marginal_teaser
{
	width: 136px;
	height: 110px !important;
	/* height: 102px;              Geändert: Unruhiger Headlinetext, wenn das Bild durch eine feste Höhe vertikal zentriert wird. */
}

img.image_marginal_teaser
{
	max-width: 136px;
	max-height: 102px;
}


table.image_popup
{
	width: 700px;
	height: 525px;
}

img.image_popup
{
	max-width: 700px;
	max-height: 525px;
}

table.centered_image div.image_copyright
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 3px 6px;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	background: url('../../images/general/copyright_back.png');
    /* width: 100%; */
}


/* buttons */
.default_button,
.default_button_disabled
{
	background:						transparent url(../../images/elements/buttons/button_right.png) no-repeat top right;
	font:									normal 11px arial, sans-serif;
	display:								inline-block;
	height:									18px;
	padding-right:							4px;
	outline: none;
}

.default_button
{
	color:			black;
}

.default_button_disabled
{
	color:			#9D9EA2;
	cursor:			default;
}

.default_button:hover
{
	text-decoration:	none;
}

.default_button_right_arrow,
.default_button_left_arrow
{
	text-align:							center;
	display:								block;
	line-height:							8px;
	padding:								5px 0 5px 18px;
}

.default_button_right_arrow
{
	background:						transparent url(../../images/elements/buttons/button_with_right_arrow.png) no-repeat;
}

.default_button_left_arrow
{
	background:						transparent url(../../images/elements/buttons/button_with_left_arrow.png) no-repeat;
}

/* dynamic stuff */

.default_link_color
{
    color:						#D30400;
}

.default_link_color_selected
{
    color:                        black;
}

.default_link12px
{
    background: transparent url("../../images/navigation/default_link12px_red.gif") no-repeat;
    padding-left: 8px;
    color:						#D30400;
}

.default_link12px_selected
{
    background: transparent url("../../images/navigation/default_link12px_black.gif") no-repeat;
    padding-left: 8px;
    color:                        black;
}

.default_link10px
{
    background: transparent url("../../images/navigation/default_link10px_red.gif") no-repeat;
    padding-left: 8px;
    color:						#D30400;
}

.default_link10px_selected
{
    background: transparent url("../../images/navigation/default_link10px_black.gif") no-repeat;
    padding-left: 8px;
    color:                        black;
}


/* Link buttons */

span.def_button
{
	display:block;
	height: 18px;
}

span.def_button span.def_button_end
{
	display: 								block;
	height: 								18px;
	width: 									3px;
	background:						transparent url(../../images/elements/buttons/button_right.png) no-repeat top right;
	float:									right;
	margin-left: -4px;
}

span.def_button input.def_button
{
	font-family:arial,sans-serif;
}

input.def_button,
a.def_button,
input.def_button_no_arrow,
a.def_button_no_arrow,
input.def_button_disabled,
a.def_button_disabled {
	border:	none;
	position: 								relative;
	line-height: 							14px;
	font-size:								11px;
	zoom:									1;
	color:									#000;
	cursor:		pointer;
}

input.def_button,
input.def_button_disabled
{
	padding: 								2px 0px 3px 0px;
	border: 0px none;
	line-height: 							12px;
}

a.def_button,
a.def_button_disabled
{
	padding: 								2px 4px 3px 18px;
}

input.def_button_disabled,
a.def_button_disabled,
input.def_button,
a.def_button {
	background:								transparent url(../../images/elements/buttons/button_with_right_arrow.png) top left no-repeat;
}

input.def_button_disabled,
a.def_button_disabled {
	color:			#9D9EA2;
	cursor:			default;
}


input.def_button_no_arrow,
a.def_button_no_arrow {
	padding: 								3px 4px 3px 6px;
	background:								transparent url(../../images/elements/buttons/button_without_arrow.png) top left no-repeat;
}

a.def_button span.def_button_end,
a.def_button_no_arrow span.def_button_end,
a.def_button_disabled span.def_button_end
{
	right: 									-2px;
	display: 								block;
	position: 								absolute;
	top: 									0;
	height: 								18px;
	width: 									5px;
	background:						transparent url(../../images/elements/buttons/button_right.png) no-repeat top right;
}

a.prev_button {
	background:								transparent url(../../images/elements/buttons/button_with_left_arrow.png) top left no-repeat !important;
}

a.button_buy {
	background:								transparent url(../../images/shop/button_red_shop_left_250.png) top left no-repeat !important;
	padding-left:				 			23px !important;
	color: 									#fff;
	height:									auto !important;
}

a.button_buy span {
	background:								transparent url(../../images/shop/button_red_small_right.png) top right no-repeat !important;
}


/* fixed height for headlines on 3 columns teaser */

.three_articles_linemargin h2 {
	height: 								49px;
	overflow:								hidden;
}

.three_articles_linemargin h3 {
	height: 								27px;
	overflow:								hidden;
}



/* Listenstyles für diverse Contentelemente */

.three_articles_normal_article ul,
.paragraph ul,
.introduction ul {
	list-style-type: 						disc;
	margin:			 						0;
	padding-left: 							20px;
}

.three_articles_normal_article ul li,
.paragraph ul li,
.introduction ul li  {
	margin-left: 							10px;
	list-style: 							disc;
}

/* simple hidden */

.hidden
{
	display:								none;
}


/* USER DATA */
#detail_user dl {
	float: left;
	margin: 0;
}
#detail_user dl dt {
	float: left;
	width: 80px;
	clear: both;
	min-height:19px;
	height:auto !important;
	height:19px;
}
#detail_user dl dd {
	float: left;
	margin: 0;
	width:225px;
	min-height:19px;
	height:auto !important;
	height:19px;
}
#detail_user .graph {
	float:left;
	width:120px;
	background-color:#FFF;
	border:1px solid #C0C0C0;
	font-size:0;
	line-height:100%;
	padding:2px;
}
#detail_user .graph .bar {
	height:8px;
	line-height:0;
	overflow:hidden;
	background: url(../../images/community/rating/graph_bar.png) repeat-x top left;
}




.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* Messenger */

#messenger_container {
    margin:             12px 13px 15px 12px;
}

#messenger_container .navigation {
    padding-top:        10px;
}

#messenger_container .navigation a {
    color:              red;
}

#messenger_container .navigation ul li {
    display:            inline;
}

#messenger_container .navigation ul li a {
    margin:             0 5px 0 0;
    color:              #000;
}

#messenger_container .headline h5 {
    font-size:          20px;
    font-weight:        normal;
}

#messenger_container .content {
    border-top:         1px solid #AFAFAF;
    border-bottom:      0px solid #AFAFAF;
    margin:             5px 0;
    padding:            5px 0;
    font-size:          12px;
}

#messenger_container .content h4 {
    font-size:          12px;
    font-weight:        bold;
    margin:             5px 0;
    color:              #000;
}

#messenger_container .messages_list li.read0 {
    font-weight:        bold;
}

/*** form ***/

#interaction-messenger-new-message {
    display:            block;
}

#messenger_container form {
    margin:             10px 0 0 0;
    padding:            0;
}

#messenger_container form p {
    margin:             5px 0;
}

#messenger_container form label {
    width:              90px;
    float:              left;
}

#messenger_container form input.text,
#messenger_container form textarea {
    width:              310px;
    border:             1px solid #333;
}

#messenger_container form input.error,
#messenger_container form textarea.error {
    border:             1px solid red;
}

#messenger_container form input.submit {
    margin-right:       10px;
}

#messenger_container p.info {
    padding:            20px 0;
}

#messenger_container span.error {
    display:            block;
    color:              red;
    margin-left:        90px;
}

div.row0,
div.row1 {
    margin-bottom:      5px;
    padding:     		5px 0;
    border-bottom:      1px solid #CFCFCF;
}

div.col01,
div.col02,
div.col03 {
    float:              left;
}

div.col01 {
    margin-right:       10px;
}

div.col01 {
    width:              70px;
    text-align:         right;
}

div.col02 {
    width:              375px;
}

div.col02 .header {
    text-align:         right;
}

div.col02 .header a.def_button_no_arrow {
    margin:       		5px 0 0 5px;
}

div.col02 .header span {
    float: left;
}

div.col02 a.headline {
    margin:             4px 0;
    display:            block;
    font-weight:		bold;
    color:				#000;
}

div.row0 div.col02 a.headline {
    font-weight:        bold;
    color:				red;
}

img.language_flag
{
    margin:             4px 0 0 4px;
    display:            block;
}