﻿/***** BEGIN Allgemeine HTML-Elemente *****/

html, form
{
	height:100%;
	width:100%;
	
}

.FullHeight
{
	height:100%;
}

body
{
	font-family: helvetica,sans-serif;
	font-size:14px;
    height:100%;
    margin:0;
    background-image:url("../App_Images/Backgrounds/BackgroundSiteShaddow.png");
    background-repeat:repeat-y;
    background-position:center;
    background-color:#ffffff;
}

.clear
{
    clear:both;
}

img
{
    border:0;
}

input
{
    font-size:12px;
    line-height:16px;
}

h1
{
	clear:both;
	margin:20px 0 15px 0;
	padding:0;
	font-weight:normal;
	line-height:32px;
	font-size:24px;
	color:#617471;
}

h2
{
	clear:both;
	margin:8px 0 0 0;
	padding:0;
	font-weight:normal;
	line-height:30px;
	font-size:20px;
	color:#617471;
}

h3
{
	clear:both;
	margin:0;
	padding:10px 0 0 0;
	font-weight:normal;
	line-height:18px;
	font-size:16px;
	color:#ee7e38;
}

h4
{
	clear:both;
	margin:0;
	padding:5px 0 0 0;
	font-weight:normal;
	line-height:18px;
	font-size:16px;
	color:#617471;
}

hr
{
    height:1px;
    border:0;
    border-top:solid 1px #e3eae9;
    background-color:Transparent;
}

a
{
    text-decoration:none;
    color:#ee7e38;
}

fieldset
{
	clear:both;
	border:1px solid #dce1e1;
    padding: 10px;
    margin-top:10px;
    position: relative;
}


legend
{
	color:#617471;
}

.BisectionThird fieldset
{
	width:570px;
}


a:hover
{
    text-decoration:underline;
}

ul
{
	clear:left;
	list-style-image:url("../App_Images/Backgrounds/BackgroundListItem.png");
	margin-top:0px;
	padding-top:0;
}

p
{
	clear:left;
	font-size:14px;
	line-height:25px;
}

/***** END Allgemeine HTML-Elemente *****/


/***** BEGIN BBCode *****/

.BBCode h2
{
    margin:15px 0 6px 0;
}

.BBCode ul
{
    margin-top:-7px;
    margin-bottom:-5px;
}

/***** END BBCode *****/


/***** BEGIN Sonstige Seitenelemente *****/

.Site
{
    position:absolute;
    left:50%;
	width:990px;
    margin-left:-495px;
    background:#fff url("../App_Images/Backgrounds/BackgroundHeaderRowboat.png") no-repeat 0 0;
}

.Site .Content
{
	width:906px;
	margin:0 12px 0 42px;
	line-height:22px;
	color:#617471;
}

#Content
{
	min-height:200px;
}

.BackgroundWhite
{
	background-image:url("../App_Images/Backgrounds/BackgroundWhite.png");
	background-repeat:repeat;
}

.Margin
{
	clear:both;
	width:901px;
	margin:0 3px 0 2px;
}

.Advice
{
	clear:both;
	margin:15px 5px 15px 5px;
	padding:0 16px 0 0;
	border:1px solid #009687;
	background-color:#e5f4f3;
}

.Advice span
{
    display:block;
	padding:16px 0 16px 16px;
}

.Advice ul
{
	list-style-image:url("../App_Images/Backgrounds/BackgroundListItemAlternative.png");
}

img.FloatRight
{
	padding:0 0 10px 10px;
}

a.ToolTip
{
	border-bottom:1px dashed #728886;
	cursor:help;
	color:#617471;
	text-decoration:none;
}

a.ToolTip:hover
{
	color:#617471;
	text-decoration:none;
}

span.RequiredField
{
	color:#ee7e38;
	font-weight:bold;
}
/***** END Sonstige Seitenelemente *****/


/***** BEGIN Standard-Tabelle *****/

table
{
	width:906px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	table-layout:auto;
	empty-cells:show;
}

table thead th
{
	background:url("../App_Images/Backgrounds/BackgroundTableHeader.png") repeat-x #d3dfdd 0 bottom;
	border-bottom:1px dotted #ffffff;
	border-left:1px dotted #e3eae9;
	padding:7px 2px 6px 11px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

table thead th:first-child
{
	border-left:0;
}

table tbody td
{
	padding:6px;
	font-size:14px;
	border-left:1px dotted #e3eae9;
	border-bottom:1px solid #e3eae9;
}

table tbody td:first-child
{
	border-left:0;
}

table tbody tr.Alternating
{
	background-color:#f8f9f9;
}

table tbody tr.SubTitle
{
	background-color:#e3eae9;
}

table tbody tr.SubTitle td
{
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	color:#617471;
}

table tbody a
{
	color:#ee7e38;
	text-decoration:none;
	font-weight:normal;
	font-size:15px;
}

/***** END Standard-Tabelle *****/


/***** BEGIN Form-Element *****/

.Field
{
	float:left;
	margin-top:10px;
	padding-top:10px;
}

.FieldNewLine
{
	clear:both;
	border:1px solid red;
}


.FieldComment
{
	clear:both;
}

.BisectionThird .FieldComment
{
	width:580px;
}

.FieldSameLine
{
	margin-left:20px;
}

.Field .Label
{
	clear:both;
	font-size:18px;
	border:1px solid blue;
}

.Field .TextBox,
.Field .Checkbox,
.Field .RadioButton
{
	clear:left;
	float:left;
}

.Field .RadioButton
{
	margin-top:10px;
}

.Field .Checkbox label,
.Field .RadioButton label
{
	clear:both;
	padding-left:25px;
}

.Field .RadioButtonBig label
{
	clear:both;
	font-size:18px;
}

.Field .RadioButton input
{
	margin-left:40px;
}

.Field .RadioButton input:first-child
{
	margin-left:0px;
}

.Field .Validator
{
	float:left;
	width:25px;
	padding:3px 0 0 10px;
	border:1px solid green;
}

.Button
{
	clear:both;
	float:left;
	margin-right:41px;
}

.ButtonFieldset
{
	margin-right:54px;
}

.ValidationSummary
{
	clear:both;
	margin:15px 5px 15px 5px;
	padding:7px 16px 0 0;
}

/***** END Form-Element *****/


/***** BEGIN Checkbox-Liste *****/

ul.Checkbox
{
	margin:0;
	padding:0;
	list-style:none;
}

ul.CheckboxLine
{
	float:left;
	margin-left:15px;
}

ul.Checkbox li
{
	margin:0 15px 0 0;
	padding:0;
}

ul.CheckboxLine li
{
	float:left;
}

ul.Checkbox input
{
	margin:1px 8px 0 0;
}

/***** END Checkbox-Liste *****/


/***** BEGIN ProgressBar *****/

ul.ProgressBar
{
	clear:both;
	float:left;
	margin:15px 0 0 5px;
	padding:0;
	list-style:none;
}

ul.ProgressBar li
{
	clear:both;
	float:left;
	margin:0;
	padding:0;
}

.BisectionThird .Right ul.ProgressBar li
{
	width:230px;
}

ul.ProgressBar li.Image
{
	width:22px;
	text-align:center;
	margin-bottom:-4px;
}

ul.ProgressBar li.Spacer
{
	clear:both;
	float:left;
	border-left:1px dotted #728886;
	height:10px;
	width:5px;
	margin:2px 0 2px 12px;
}

ul.ProgressBar li.Item
{
	clear:both;
	float:left;
	height:20px;
	margin-top:2px;
}

ul.ProgressBar li.Item div.Number
{
	clear:both;
	float:left;
	height:16px;
	width:16px;
	margin-left:3px;
	text-align:center;
	border:1px solid #dce1e1;
	font-weight:bold;
	line-height:16px;
	color:#728886;
}

ul.ProgressBar li.ItemActive div.Number
{
	background:url("../App_Images/Backgrounds/BackgroundProgressBarActive.png") repeat-x #f9d7c1 0 bottom;
	border-color:#ee7e38;
	color:#ffffff;
}

ul.ProgressBar li.ItemFinish div.Number
{
	background:url("../App_Images/Icons/IconCheckedS.png") no-repeat #ffffff 3px 3px;
	border-color:#ee7e38;
	font-size:0px;
}

ul.ProgressBar li.Item div.Text
{
	float:left;
	height:16px;
	margin-top:-2px;
	margin-left:5px;
	color:#728886;
}

ul.ProgressBar li.ItemActive div.Text
{
	color:#ee7e38;
}

ul.ProgressBar li.ItemFinish div.Text
{
	color:#728886;
}

div.BisectionNavigation ul.ProgressBar li.Item div.Text
{
	font-size:11px;
}

div.ProgressBarTitle
{
	float:left;
	width:35px;
	height:35px;
	margin:15px 10px 0 0;
	text-align:center;
	border:1px solid #ee7e38;
	color:#ffffff;
	font-size:30px;
	line-height:35px;
	background:url("../App_Images/Backgrounds/BackgroundProgressBarActive.png") repeat-x #f9d7c1 0 bottom;
}

h1.ProgressBarTitle
{
	float:left;
	clear:right;
}

/***** END ProgressBar *****/


/***** BEGIN Header *****/

.Header
{
	margin-top:10px;
	height:120px;
	width:990px;
}

.Header .LineLeft 
{
	float:left;
	width:770px;
	min-height:4px;
	line-height:1px;
	margin-top:1px;
	background-image:url("../App_Images/Backgrounds/BackgroundLineOrange.png");
	background-repeat:repeat-x;
}

.Header .Logo
{
	float:left;
	width:184px;
}

.Header .LineRight
{
	float:left;
	width:36px;
	height:4px;
	margin-top:1px;
	background-image:url("../App_Images/Backgrounds/BackgroundLineOrange.png");
	background-repeat:repeat-x;
}

/***** END Header *****/


/***** BEGIN Footer *****/

.Footer
{
	clear:both;
	height:70px;
	width:990px;
	margin:20px 0 0 0;
	padding-top:20px;
}

.Footer .Left
{
	float:left;
	width:689px;
	height:55px;
}

.Footer .Left .SubMenuBar
{
	clear:both;
	height:20px;
	margin:5px 0 0 47px;
}

.Footer .Left .SubMenuBar .SubMenu
{
	float:left;
}

.Footer .Left .SubMenuBar .SiteAction
{
	float:left;
	font-size:11px;
	color:#666;
}

.Footer .Left .SubMenuBar .SubMenu ul,
.Footer .Left .SubMenuBar .SiteAction ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.Footer .Left .SubMenuBar .SubMenu li,
.Footer .Left .SubMenuBar .SiteAction li
{
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
}

.Footer .Left .SubMenuBar .SiteAction li
{
	padding:1px 0 0 7px;
}

.Footer .Left .SubMenuBar .SubMenu a
{
	display:block;
	margin:0 15px 0 0;
    text-decoration:none;
    color:#617471;
}

.Footer .Left .SubMenuBar .SubMenu a:hover
{
    text-decoration:underline;
}

.Footer .LineLeft 
{
	width:689px;
	height:4px;
	line-height:1px;
	font-size:1px;
	margin-top:25px;
	background-image:url("../App_Images/Backgrounds/BackgroundLineGreen.png");
	background-repeat:repeat-x;
}

.Footer .Slogan
{
	float:left;
	width:153px;
	height:15px;
	text-align:right;
	line-height:15px;
	font-size:11px;
	font-weight:bold;
	margin-top:18px;
}

.Footer .Logo
{
	float:left;
	width:112px;
	height:70px;
}

.Footer .LineRight
{
	float:left;
	width:36px;
	height:4px;
	margin-top:25px;
	background-image:url("../App_Images/Backgrounds/BackgroundLineGreen.png");
	background-repeat:repeat-x;
}

/***** END Footer *****/


/***** BEGIN Box *****/

.Box
{
}

.Box .HLeft
{
	float:left;
	width:6px;
	height:42px;
}

.Box .HLeft .VTop
{
	width:6px;
	height:6px;
	background-image:url("../App_Images/Boxes/BoxLeftTop.png");
	background-repeat:no-repeat;
	font-size:3px;
	line-height:3px;
}

.Box .HLeft .VMiddle
{
	width:6px;
	height:30px;
	background-image:url("../App_Images/Boxes/BoxLeft.png");
	background-repeat:repeat-y;
}

.Box .HLeft .VBottom
{
	width:6px;
	height:6px;
	background-image:url("../App_Images/Boxes/BoxLeftBottom.png");
	background-repeat:no-repeat;
	font-size:3px;
	line-height:3px;
}

.Box .HMiddle
{
	float:left;
	width:894px;
	height:42px;
}

.Box .HMiddle .VTop
{
	width:894px;
	height:6px;
	background-image:url("../App_Images/Boxes/BoxMiddleTop.png");
	background-repeat:repeat-x;
	line-height:3px;
	font-size:3px;
}

.Box .HMiddle .VMiddle
{
	width:894px;
	height:30px;
}

.Box .HMiddle .VBottom
{
	width:894px;
	height:6px;
	line-height:3px;
	font-size:3px;
	background-image:url("../App_Images/Boxes/BoxMiddleBottom.png");
	background-repeat:repeat-x;
}

.Box .HRight
{
	float:left;
	width:6px;
	height:42px;
}

.Box .HRight .VTop
{
	width:6px;
	height:6px;
	background-image:url("../App_Images/Boxes/BoxRightTop.png");
	background-repeat:no-repeat;
	font-size:3px;
	line-height:3px;
}

.Box .HRight .VMiddle
{
	width:6px;
	height:30px;
	background-image:url("../App_Images/Boxes/BoxRight.png");
	background-repeat:repeat-y;
}

.Box .HRight .VBottom
{
	width:6px;
	height:6px;
	background-image:url("../App_Images/Boxes/BoxRightBottom.png");
	background-repeat:no-repeat;
	font-size:3px;
	line-height:3px;
}

/***** END Box *****/


/***** BEGIN Menu *****/

.MenuBar
{
	width:894px;
	height:42px;
	margin:0 42px 0 42px;
	padding:6px;
	background:transparent url("../App_Images/Boxes/BoxCompleteMenuBar.png") no-repeat 0 0;
}

.MenuBarInner
{
	height:30px;
	background:transparent url("../App_Images/Backgrounds/BackgroundMenuBarInner.png") repeat-x right 0;
}

.MenuBar .Menu
{
	width:894px;
	height:30px;
}


/***** BEGIN Search *****/

#search
{
	margin:0 42px 0 48px;
    width:530px;
    margin-bottom:15px;
    height:30px;
}

.TextFieldSiteSearch
{
    font-size: 14px !important;
    border:0px solid #ffffff !important; 
}

/***** END Search *****/


/***** BEGIN InfoBar *****/

.InfoBar
{
	width:896px;
	height:27px;
	margin:5px 47px 0 47px;
	border-top:solid 1px #e3eae9;
	border-bottom:solid 1px #e3eae9;
	background:transparent url("../App_Images/Backgrounds/BackgroundInfoBar.png") repeat-y;
}

.InfoBar .Flags
{
	float:right;
	margin-top:7px;
	margin-right:10px;
}

.InfoBar .Navigation
{
	float:left;
	height:27px;
}

.InfoBar .Navigation .IconStart
{
	float:left;
	margin:4px 0 0 2px;
	width:27px;
}

.InfoBar .Navigation .List
{
	float:left;
	margin-top:0px;
}

.InfoBar .Navigation .List ul
{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	z-index:25000;

}

.InfoBar .Navigation .List li
{
	float:left;
	height:20px;
	margin:0 0 0 7px;
	padding:7px 0 0 15px;
	font-size:11px;
	background-image:url("../App_Images/Icons/IconNavigationNext.png");
	background-repeat:no-repeat;
	color:#617471;
}

.InfoBar .Navigation .List a
{
	display:block;
}

.InfoBar .ShoppingCart
{
	float:right;
	font-size:11px;
	color:#617471;
	width:270px;
	overflow:hidden;
}

.InfoBar .ShoppingCart .Image
{
	float:left;
	width:23px;
	padding:5px 0 0 8px;
	height:22px;
}

.InfoBar .ShoppingCart .Text
{
	float:left;
	line-height:27px;
	text-align:right;
	padding-right:5px;
}

.InfoBar a
{
    text-decoration:none;
    color:#617471;
}

.InfoBar a:hover
{
    text-decoration:underline;
}

/***** END Navigation *****/


/***** BEGIN Zweiteilung / Bisection (Wenn rechts bspw. die Filter stehen) *****/

.BisectionNavigation,
.BisectionHalf,
.BisectionThird
{
	clear:both;
	float:left;
	margin-left:3px;
}

.BisectionNavigation .Left
{
	float:left;
	width:723px;
	padding-right:8px;
}

.BisectionNavigation .Right
{
	float:left;
	width:160px;
	margin-top:10px;
	padding:0 0 10px 8px;
	border-left:solid 1px #e3eae9;
}

.BisectionHalf .Left
{
	float:left;
	width:407px;
	padding:0 8px 0 3px;
	overflow:hidden;
}

.BisectionHalf .Right
{
	float:left;
	width:460px;
	padding:0 0 10px 18px;
	margin-top:10px;
	border-left:solid 1px #e3eae9;
	overflow:hidden;
}

.BisectionHalf .Right h1,
.BisectionThird .Right h1
{
	margin-top:10px;
}

.BisectionThird .Left
{
	float:left;
	width:615px;
	overflow:hidden;
	padding:0 5px 0 3px;
}

.BisectionThird .Right
{
	float:left;
	width:250px;
	padding:0 0 10px 20px;
	margin-top:10px;
	border-left:solid 1px #e3eae9;
	overflow:hidden;
}

.BisectionNavigation .Right .Separator
{
	clear:both;
	height:10px;
	width:158px;
	margin-top:15px;
	border-top:solid 1px #e3eae9;
}

.BisectionThird .Right .Separator
{
	clear:both;
	height:10px;
	width:250px;
	margin-top:25px;
	border-top:solid 1px #e3eae9;
}

.BisectionNavigation h2
{
	margin:0 0 2px 0;
}

/***** END Zweiteilung / Bisection *****/
