/* CSS Document */

.contentpaneopen, #contentpaneopen {
	border-collapse: collapse;
}

body {
	margin: 0px;
	padding: 0px;
	
	font-size: 7pt;
	font-family: Century Gothic, CenturyGothic-Bold, Verdana, Arial;
	
	background-color: #000000;
	background-image: url(../../../images/stories/website/hintergrund_ranken.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#body_color {
	color: #FFFFFF;
}

form {
	margin: 0px;
	padding: 0px;
}

.root {
	position: absolute;
	width: 950px;
	left: 50%;
	margin-left: -475px;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	
	background: transparent;
}

.link_white {
	color: #FFFFFF;
	text-decoration: none;
}

.link_gray {
	color: #666666;
	text-decoration: none;
}

.link_black {
	color: #333333;
	text-decoration: none;
}

.link_passwordforgotten {
	color: #B50100;
	text-decoration: none;
	margin-left: 0px;
}

.link_blue, .link_blue_small {
	color: #FF0000;
	text-decoration: none;
}

.link_pageselect {
	color: #FF0000;
	text-decoration: none;
	
	padding: 2px;
}

.link_white:hover, .link_gray:hover, .link_black:hover, .link_passwordforgotten:hover, .link_blue:hover, .link_blue_small:hover, .link_pageselect:hover {
	text-decoration: underline;
}

.link_white span, .link_black span, .link_blue span {
	font-size: 9pt;
}

.link_blue_small span {
	font-size: 7pt;
}

.link_passwordforgotten span {
	font-size: 8pt;
}

.link_pageselect span {
	font-family: verdana, arial;
	font-size: 10pt;
}

.link_navi {
	float: left;
	display: block;
	width: 75px;
	height: 14px;
	background-image: url(../images/web/navibutton_header.gif);
	color: #161695;
	text-decoration: none;
	font-weight: normal;
}

.link_navi div {
	padding-top: 1px;
	font-size: 9px;
	text-align: center;
}

.link_back {
	width: 90px;
	height: 18px;
	display: block;
	background-image: url(../../../images/stories/website/button_zurueck_klein.gif);
	text-decoration: none;
	font-weight: normal;
	margin-right: 10px;
}

.link_order {
	width: 138px;
	height: 20px;
	display: block;
	background-image: url(../../../images/stories/website/button_jetzt_bestellen.gif);
	text-decoration: none;
	font-weight: normal;
}

.link_require {
	width: 138px;
	height: 20px;
	display: block;
	background-image: url(../../../images/stories/website/button_anfrage_senden.jpg);
	text-decoration: none;
	font-weight: normal;
}

.seperator1 {
	border-top: 1px solid #000000;
	overflow: hidden;
	display: block;
	width: 100%;
}

.navi_information1 {
	clear: both;
	display: block;
	width: 225px;
	height: 29px;
	background-image: url(../images/web/infoline.gif);
}

.navi_pathway {
	clear: both;
	display: block;
	width: 225px;
	height: 29px;
	
	padding: 5px;
	padding-top: 9px;
	padding-bottom: 3px;
	font-size: 7pt;
	
	font-weight: bold;
	
	color: #0000FF;
}

.submit_login {
	margin-left: 1px;
	margin-top: 9px;
	margin-bottom: 10px;
	background: none;
	border: 0px solid red;
	width: 115px; height: 15px;
	background-image: url(../../../images/stories/website/button_login.gif);;
	cursor: pointer;
}

.submit_logout {
	margin-left: -1px;
	margin-bottom: 3px;
	background: none;
	border: 0px solid red;
	width: 115px; height: 15px;
	background-image: url(../../../images/stories/website/button_logout.gif);
	cursor: pointer;
}

.submit_big_prospect {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_neukunde.jpg);
	cursor: pointer;
}

.submit_big_announce {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_anmelden.jpg);
	cursor: pointer;
}

.submit_big_send {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_mail_absenden.jpg);
	cursor: pointer;
}


.submit_big_continue {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_weiter.jpg);
	cursor: pointer;
}

.submit_studio_back {
	background: none;
	border: 0px solid red;
	width: 149px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_zurueck.gif);
	cursor: pointer;
}

.submit_studio_continue {
	background: none;
	border: 0px solid red;
	width: 149px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_weiter.gif);
	cursor: pointer;
}

.submit_studio_sendnow {
	background: none;
	border: 0px solid red;
	width: 149px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_absenden.gif);
	cursor: pointer;
}

.submit_studio_sendmail {
	background: none;
	border: 0px solid red;
	width: 200px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_email.gif);
	cursor: pointer;
}

.submit_studio_reg_yes {
	background: none;
	border: 0px solid red;
	width: 149px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_ja.gif);
	cursor: pointer;
}

.submit_studio_reg_no {
	background: none;
	border: 0px solid red;
	width: 149px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_nein.gif);
	cursor: pointer;
}

.submit_studio_reg_donow {
	background: none;
	border: 0px solid red;
	width: 200px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_abschliessen.gif);
	cursor: pointer;
}

.submit_studio_send {
	background: none;
	border: 0px solid red;
	width: 149px; height: 20px;
	background-image: url(../../../images/stories/website/button_suche_uebernehmen.gif);
	cursor: pointer;
}

.submit_big_previous {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_zurueck.jpg);
	cursor: pointer;
}

.submit_big_ordernow {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_bestellen_gross.jpg);
	cursor: pointer;
}

.submit_calculation {
	background: none;
	border: 0px solid red;
	width: 90px; height: 18px;
	background-image: url(../../../images/stories/website/button_rechnung.jpg);
	cursor: pointer;
}

.submit_cancelordered_on {
	background: none;
	border: 0px solid red;
	width: 90px; height: 18px;
	background-image: url(../../../images/stories/website/button_stornieren_aktiv.jpg);
	cursor: pointer;
}

.submit_cancelordered_off {
	background: none;
	border: 0px solid red;
	width: 90px; height: 18px;
	background-image: url(../../../images/stories/website/button_stornieren_aus.jpg);
}

.submit_unorder_on {
	background: none;
	border: 0px solid red;
	width: 90px; height: 18px;
	background-image: url(../../../images/stories/website/button_abbestellen_rot.jpg);
	cursor: pointer;
}

.submit_unorder_off {
	background: none;
	border: 0px solid red;
	width: 90px; height: 18px;
	background-image: url(../../../images/stories/website/button_abbestellen_grau.jpg);
}

.submit_big_yes {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_ja.jpg);
	cursor: pointer;
}


.submit_big_no {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_nein.jpg);
	cursor: pointer;
}

.submit_big {
	background: none;
	border: 0px solid red;
	width: 180px; height: 30px;
	background-image: url(../../../images/stories/website/button_frei.jpg);
	
	color: #161695;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	font-family: Century Gothic, CenturyGothic-Bold, Verdana, Arial;
	cursor: pointer;
}

.input_text_username {
	margin-top: 8px;
	height: 38px;
	display: block;
	overflow: hidden;
	font-size: 8pt;
}

.input_text_password {
	height: 38px;
	display: block;
	overflow: hidden;
	font-size: 8pt;
}

.input1_background {
	width: 115px;
	height: 18px;
	background-color: #FFFFFF;
	background-image: url(../images/web/eingabefenster.gif);
}

.input1_foreground {
	background: none;
	border: 0px solid red;
	margin-top: 0px;
	margin-left: 5px;
	width: 105px;
}

.header, .header_left, .header_middle {
	height: 168px;
}

.header {
	display: block;
	width: 950px;
	
	overflow: hidden;
}

.header_separator {
	display: block;
	width: 950px;
	height: 10px;
	background-image: url(../../../images/stories/website/balken_rot.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	overflow: hidden;
}

.header_left {
	float: left;
	width: 180px;
	margin-left: 0px;
}

.header_middle {
	float: left;
	width: 500px;
}

.header_right {
	float: right;
	margin-top: 5px;
	width: 150px;
	height: 163px;
}

.header_logo {
	position: absolute;

	margin-left: 185px;
	margin-top: 45px;
	display: block;
	background-image: url(../../../images/stories/website/logo_academia.gif);
	width: 214px;
	height: 77px;
	
	text-decoration: none;
}

.header_left_image {
	display: block;
	background-image: url(../../../images/stories/website/farbtigel.gif);
	width: 111px;
	height: 110px;
	
	margin-top: 35px;
	margin-left: 20px;
}

.header_middle_image {
	position: absolute;
	display: block;
	width: 354px;
	height: 59px;
}

.header_middle_image__original {
	position: absolute;
	display: block;
	background-image: url(../../../images/stories/website/schoenheit.gif);
	width: 354px;
	height: 59px;
	
	margin-top: 20px;
	margin-left: 100px;
}

.header_right_image {
	display: block;
	background-image: url(../../../images/stories/website/geltigel3.gif);
	width: 90px;
	height: 76px;
	
	margin-left: 30px;
	margin-top: 45px;
}

.header_middlecontent {
	margin-top: 33px;
	display: block;
	background-image: url(../images/web/agentur_marketing.gif);
	width: 158px;
	height: 26px;
}


.header_infoimage {
	float: left;
	display: block;
	background-image: url(../images/web/frau_headset.jpg);
	width: 113px;
	height: 90px;
}

.header_navi {
	margin-top: 17px;
	float: right;
	display: block;
	width: 225px;
	height: 90px;
}

/*
.menu {
	display: block;
	width: 165px;
	padding-right: 10px;
	margin-top: 15px;
}
*/

.menu_top {
	display: block;
	width: 150px;
	height: 1px;
	margin-top: -1px;
	
	overflow: hidden;
}

.menu {
	display: block;
	width: 165px;
	padding-right: 0px;
	margin-top: 0px;
	
	background-image: url(../../../images/stories/website/balken_schwarz_links.gif);
	background-repeat: repeat-y;
	background-position: top left;
	
	padding-bottom: 10px;
}
/*
	für die tiefenvariierung des menüs muss padding-bottom verwendet werden.
	Originaleinstellung ( ohne Studio bearbeiten) war folgende:
	padding-bottom: 18px;
*/

.menu__original {
	height: 417px;
}

.menu_bottom {
	display: block;
	width: 150px;
	height: 1px;
	
	overflow: hidden;
	
	background-color: #B50000;
}

.space {
	clear: both;
	overflow: hidden;
	display: block;
}

.lineSpace_20px, .lineSpace_15px {
	overflow: hidden;
}

.lineSpace_20px {
	width: 20px;
}

.lineSpace_15px {
	width: 15px;
}

.content_free {
	font-size: 10pt;
	font-color: #FFFFFF;
}

.copyright_footer {
	display: block;
	width: 600px;
	height: 20px;
	font-weight: none;
	color: #FFFFFF;
	font-size: 8pt;
	
	margin-top: 0px;
	margin-left: 0px;
	
	line-height: 20px;
}

.copyright_footer_padding {
	padding: 2px;
	padding-top: 0px;
	padding-left: 15px;
}


.footer {
	display: block;
	width: 950px;
	height: 15px;
	
	color: #FFFFFF;
	
	margin-top: 15px;
}

.footer_left, .footer_middle, .footer_right {
	display: block;
}

.footer_left {
	float: left;
	width: 180px;
}

.footer_middle {
	display: block;
	float: left;
	width: 559px;
	text-align:center;
}

.footer_right {
	float: right;
	width: 180px;
	text-align:right;
}

.footer_padding {
	padding: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
}



.middle {
	border-collapse: collapse;
	width: 950px;
}

.contentframe {
	padding-left: 7px;
	width: 600px;
}


.sidebar_top {
}

.sidebar_leftcontainer { }
.sidebar_left {
	width: 175px;

	background: transparent;

	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-right: 0px solid #000000;
	
	font-size: 7pt;
}

.sidebar_rightcontainer {
	border-top: 0px solid #000000;
	border-bottom: 1px solid #B50000;
	border-left: 1px solid #B50000;
	border-right: 1px solid #B50000;
	
	background-color: #000000;
	
	width: 150px;
	line-height: 110%;
	font-size: 8pt;
	
	float: right;
	
	height: 418px;
}
.sidebar_right {
	border-top: 0px solid #000000;
	border-bottom: 0px solid #B50000;
	border-left: 0px solid #B50000;
	border-right: 0px solid #B50000;

	background: transparent;
	
	width: 217px;

	line-height: 110%;
	font-size: 9pt;
}

.coloredbox1 {
	background-image: url(../images/web/balken_hintergrund_rechts.jpg);	
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-size: 7pt;
}


.userbar_info {
	display: block;
	width: 144px;
	height: 155px;
	
	overflow: hidden;
}

.userbar_info_logoutfield {
	position: absolute;
	margin-top: 130px;
	margin-left: 10px;
}

.userbar_info_content {
	padding: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 8pt;
}

.userbar_info_content p {
	font-size: 7pt;
	line-height: 150%;

	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}

.userbar_info_caption {
	margin-left: 3px;
	font-family: arial;
	font-size: 10pt;
	line-height: 100%;
	font-weight: bolder;
	color: #B50100;
}

.sidebar_caption {
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
	line-height: 150%;
}



.bar_content {
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sidebar_left_space, .sidebar_right_space {
	width: 13px;
}

.sidebar_bottom {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 8px;
	background-image: url(../images/web/abschluss_balken.jpg);	
}


.adminform {
	width: 600px;
}

.screenborder, .screenborder_blue, .screenborder_blue_flexible {
	border-top: 0px solid #0000FF;
	border-left: 0px solid #333333;
	border-right: 0px solid #333333;
	display: block;
	width: 600px;
}

.screenborder {
	min-height:450px;
	height:auto !important;
	height:450px;
}

.screenborder_blue {
	min-height: 450px;
	display: block;
}

.screenborder_blue, .screenborder_blue_flexible {
	background-color: #000000;
	
	font-size: 9pt;
	line-height: 180%;
}

.screenborder_maxwidth {
	width: 509px;
}

.solution_caption {
	display: block;
	width: 600px;
	height: 42px;
	background-color: #FF0000;
}

.solution_caption_left, .solution_caption_right {
	color: #000000;
}

.solution_caption_left {
	float: left;
	width: 350px;
	
	font-size: 16pt;
	font-family: Century Gothic, CenturyGothic-Bold, Verdana, Arial;

	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
}

.solution_caption_right {
	float: right;
	width: 150px;
	padding-top: 12px;
}

.solution_hidden_border {
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.solution_error {
	color: #FF0000;
	padding: 10px;
	font-size: 9pt;
	line-height: 130%;
}


.solution_table {
}

.solution_table_caption {
	font-size: 11pt;
	font-weight: bold;
	height: 30px;
}

.solution_table_line {
}

.solution_table_row {
}

.solution_table_row_content {
}

.solution_scrollarea {
	display: block;
	overflow: auto;
}

.solution_list_item {
	display: block;
	border-bottom: 1px dotted #000000;
	margin-right: 10px;
}

.solution_list_item_statetd {
	width: 40px;
}

.solution_list_item_perctd {
	width: 60px;
}

.solution_list_category {
	font-weight: bold;
}

.solution_list_content {
	font-style: italic;
}

.solution_list_caption {
	margin-bottom: 10px;
}

.solution_list_smallcontent {
	font-size: 8pt;
	line-height: 100%;
}

.solution_smalltextfield {
	font-size: 8pt;
	line-height: 150%;
	
	padding-left: 190px;
	margin-top: 5px;
}

.solution_features {
	width: 100%;
	background-color: #EAF6FB;
	height: 192px;
}

.solution_features_left {
	float: left;
	padding: 20px;
	padding-bottom: 10px;
	color: #333333;
	font-size: 10pt;
	line-height: 150%;
	width: 270px;
}

.solution_features_leftinformation {
	font-size: 10pt;
	line-height: 130%;
	padding-top: 10px;
}

.solution_features_right {
	float: right;
	padding: 20px;
	padding-right: 10px;
	color: #161695;
	font-size: 7pt;
	text-align: center;
	line-height: 160%;
}

.solution_features_right b {
	font-size: 9pt;
}

.solution_features_both {
	padding: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #333333;
	font-size: 10pt;
	line-height: 150%;
	width: 475px;
}

.solution_information {
	
}

/*
.solution_information_left {
	padding: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
	width: 250px;
}
*/

.solution_information_left {
	padding: 20px;
	padding-top: 35px;
	width: 250px;
}

.solution_information_leftlabel {
	display: block;
	width: 210px;
	height: 60px;
	background-image: url(../../../images/stories/website/packetgrafiken/preisschild.jpg);
}

.solution_information_leftlabel_content {
	padding: 6px;
	font-size: 13pt;
	color: #161695;
	line-height: 140%;
}

.solution_information_right {
	
}

.solution_information_text {
	clear: both;
	font-size: 9pt;
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333333;
	line-height: 140%;
}

.whitebox {
	background-color: #FFFFFF;
	width: 100%;
}

.whitebox_footer {
	background-color: #B50000;
	width: 100%;
	height: 20px;
}

.whitebox_content {
	color: #000000;
	font-size: 11pt;
}

.whitebox_content_padding {
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
}


.roundedBox_Header {
	background-image: url(../../../images/stories/website/box_longwidth/top.gif);
	
	display: block;
	overflow: hidden;
	
	height: 45px;
	width: 530px;
}

.roundedBox_Header_Content, .roundedBox_Header_Content_TwoLines {
	font-size: 9pt;
	color: #000000;
}

.roundedBox_Header_Content {
	padding: 15px;
	color: #000000;
}

.roundedBox_Header_Content_TwoLines {
	padding: 8px;
	color: #000000;
}

.roundedBox_Header_Content_Big {
	padding: 10px;
	font-size: 16pt;
	color: #000000;
}

.roundedBox_Middle {
	background-image: url(../../../images/stories/website/box_longwidth/middle.gif);
	display: block;
	width: 530px;
}

.roundedBox_Footer {
	background-image: url(../../../images/stories/website/box_longwidth/bottom.gif);
	
	display: block;
	overflow: hidden;
	
	height: 30px;
	width: 530px;
}

.roundedBox_Content {
	font-size: 9pt;
	padding: 12px;
	color: #FFFFFF;
}

.calendar_row_font {
	font-size: 10pt;
	color: #000000;
}

.calendar_day_font {
	font-size: 10pt;
	color: #000000;
	
	padding-top: 3px;
	padding-left: 3px;
}

.content_fonttype {
	font-size: 12px;
}

.inputcaptionfield {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.lastinformationtext_position {
	margin-left: 175px;
}

.lastinformationtext {
	padding: 5px;
	width: 588px;
	background-color: #000000;
	border: 0px solid #FF0000;
	font-size: 9pt;
	line-height: 15px;
}
