body 
{
    background-color: #ecf0f3;
    font-family: openSans-Reg,Azuro, Verdana, Arial;
    font-size: 0.88em;   
}
 
@font-face
{
    font-family: "openSans-Reg";
    src: url('../fonts/OpenSans-Regular-webfont.eot'), 
    url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
    } 
    
@font-face
{
    font-family: "openSans-Bold";
    src: url('../fonts/OpenSans-Bold-webfont.eot'), 
    url('../fonts/OpenSans-Bold-webfont.woff') format('woff');
    } 

.bg 
{
    margin-left: auto;
    margin-right: auto;
    width: 1201px;
    background-image: url(../pix/bg.jpg);
    background-repeat: no-repeat;
}
.cover 
{
    margin-left: auto;
    margin-right: auto;
    padding:15px 25px 25px 25px;
    background-color: #FFFFFF;
    width: 770px;
    background-image: url(../pix/coverTop.png);
    background-repeat:no-repeat;
    background-position: top left;
}
.coverBottom 
{
    margin-left: auto;
    margin-right: auto;
    padding:15px 25px 25px 25px;
    background-color: #FFFFFF;
    width: 770px;
    background-image: url(../pix/coverBottom.png);
    background-repeat:no-repeat;
    background-position: bottom left;
}
@font-face 
{
	font-family: Azuro;
	src: url("../fonts/azuro-regular.eot?ie"),
	url("../fonts/azuro-regular.woff");
}
@font-face {
	font-family: Azuro;
	src: url("../fonts/azuro-italic.eot?ie"),
	url("../fonts/azuro-italic.woff");
	font-style: italic;
}
@font-face {
	font-family: Azuro;
	src: url("../fonts/azuro-bold.eot?ie"),
	url("../fonts/azuro-bold.woff");
	font-weight: bold;
}
@font-face {
	font-family: Azuro;
	src: url("../fonts/azuro-bolditalic.eot?ie"),
	url("../fonts/azuro-bolditalic.woff");
	font-weight: bold;
	font-style: italic;
}
.inside
{
    width: 65%;
    margin-left: 50px;
    float:left;
    background-color: #FFFFFF;

}
.description
{
    width: 500px;
}

.description p
{
    color: #050505; 
    line-height: 1.5em;  
    margin-left:3px;
}
.description img
{
    width:490px;
}
p
{
    color: #050505; 
    line-height: 1.5em;  
}
a 
{
    color: #bc0000;
    text-decoration:none;   
}
a:hover
{
    color: #bc0000;
    text-decoration:underline;
}
h1
{
    font-weight:normal; 
    color: #bc0000;
}

h2
{
    font-weight:normal; 
    color: #bc0000;
    line-height:1.2em;

}

h3
{

    }

h4
{

    margin-bottom:0px;
    }
    
p
{
    margin-top:0px;
    }    

ul h3
{
    font-weight:normal; 
    margin-left:-15px;
    margin-top: 0px;
    border-bottom: 1px solid #464648;
}

ul
{
    color: #050505; 
    background-color: #ecf0f3;   
    list-style-type:square;
    list-style-position:outside;
    list-style-image:url(../pix/list-style.png);
    margin-left:-10px;
    padding:15px;
    padding-left:30px;
    line-height:140%;
}
    
li
{
    padding-left: 0px;
}

.info
{
    color: #050505; 
    background-color: #ecf0f3;   
    margin-left:-10px;
    padding:15px;
    padding-left:30px;
    line-height:140%;
}

.info h2
{
    display:block;
    float:left;
    width:350px;
    }

.textColor
{
    color: #00829f;
    font-weight: bold;
}
.head
{
}
.menu
{
    width:184px;
    font-weight:bold;
    float:left;
    border: 1px dashed #999999;
    background-color: #FFFFFF; 
    margin-bottom: 40px;
    margin-top: 10px;
}

.menu a
{
    padding: 5px;
    display: block;
    color: #999999;
    text-decoration: none; 

}

.menu .topSeparator
{
    border-bottom: 1px dashed #999999;    
}
.menu .topActive a
{
    color: #FFFFFF;
    background-color: #bc0000;
    margin: 2px;   
}
.menu  a:hover
{
    color: #000000;   
}

.right
{
    float:right;
    }

.left
{
    float:left;
    }

.spacer
{
    height: 10px;
}

.clear, .clearance{
	clear:both;
}


div.slideshow {
	position:relative;
	margin:0px;
	width:770px;
	height:368px;
	padding:0px;
}
div.slideshow img {
	position:absolute;
}


.loading {
	background-image:url(loading.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.controls {
	width:730px;
	padding:0 10px 10px 10px;
	margin:0 0 0 0;
    text-align: right;
}
.controls a {
	border:none;
	padding:3px 5px 3px 5px;
	cursor:pointer;
	text-decoration:none;
	color: #a6a6a6;
}
.controls a:focus,
.controls a:active {
	outline:none;
}
.controls a:hover {
    color: #bc0000;
}

form{
	margin:0px;
}

.formBox{
	 background-color:#e6e6e6;
     border:0px solid #bc0000;
     padding-top:5px;
     padding-left:10px;
     padding-right:10px;
     padding-bottom:10px;
}

.formInnerBox{
     border:0px solid #bc0000;
     width:325px;
}


.formFieldLabel{
    font-size:63%;
    font-weight:normal;
    color:#000000;
}


.formField {
        background-color:#FFFFFF;
        border:0px solid #bc0000;
        width:325px;
        font-size:75%;
        font-weight:bold;
        color:#bc0000;
}

.formFieldSep {
		margin-top:5px;
		margin-bottom:0px;
}


.button {
		background-color:#bc0000;
		border:0px solid #bc0000;
		height:19px;
		width:150px;
        color:#FFFFFF;
        cursor: pointer;
}
.button:hover
{
        color: #000000;
}


.article
{
    
    margin-bottom: 0px;
}

.article .box
{
    width: inherit;
}

.article .box .topLeft
{

}

.article .box .topRight
{
    height: 13px;

}

.article .box .centerLeft
{

    
}

.article .box .centerRight
{

    
}

.article .box .bottomLeft
{

}

.article .box .bottomRight
{
    height: 13px;

}

.article .content
{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom:10px;
    color: #808080;
}

.article .content a
{
    color: #808080;
}

.article .standardImage
{
    width:160px;
    height:120px;   
    }
    
    
.article .detailImage
{
    width:320px;
    height:240px;
     
    } 
    
.article h1
{
    font-size:1.2em;
    }

.article h2
{
    font-size:1em;
    font-weight:bold;
    }       

.article p
{
    font-size: 0.9em;
    margin:0px;
}

.articleText
{
    width:330px;
    float:left;
    }

.article p .detailLink
{
    border:0px;
    background-color:transparent;
    color: inherit;
    padding:0px;
    text-decoration: underline;
    cursor:pointer;
    font-size: 1em;
    } 
    
.article p.small
{
    font-size: 0.7em;      
    } 
    
.article p label
{
    font-size: 1em;
    display:inline-block;
    width:130px;
    }       

.article .spacer
{
    height: 10px;
}

.article label
{
    display: block;
    font-size: 0.6em;
}

.article .note
{
    font-size: 0.8em;
}

.article .infoBox
{
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.article .detailButtonShow
{
    width: 16px;
    height: 25px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundShow.png");
    background-repeat: no-repeat;
}

.article .detailButtonShow:hover
{
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundShowHover.png");
}

.article .detailButtonHide
{
    width: 16px;
    height: 25px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundHide.png");
    background-repeat: no-repeat;
}

.article .detailButtonHide:hover
{
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundHideHover.png");
}


.formSection
{
    margin-bottom: 10px;
}

.formSection .box
{
    width: inherit;
}

.formSection .box .topLeft
{}

.formSection .box .topRight
{}

.formSection .box .topRight .sectionLabel
{
    display:table-cell;       
    height:inherit;
    vertical-align: middle;    
    color: #FFFFFF;
    font-size: 0.8em;        
    padding-left: 5px;
    overflow:hidden;
}


.formSection .box .centerLeft
{}

.formSection .box .centerRight
{}

.formSection .box .bottomLeft
{}

.formSection .box .bottomRight
{}

.formSection .content
{
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.formSection .textField
{
    border: 1px solid #C0C0C0;
    width: 100%;    
    margin-bottom:5px;  
}

.formSection .textFieldMultiLine
{
    border: 1px solid #C0C0C0;
    width: 99%;    
    margin-bottom:5px; 
}

.formSection .textField[disabled]
{
    background-image: url("../Pix/Layout/FormSectionTextFieldDisabledBackground.png");
    background-repeat: repeat-x;
    background-color: #909090;

    } 

.formSection .majorTextField
{
    border: 1px solid #C0C0C0;
    font-size:1.2em;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-x;
    margin-bottom:5px;   
    
    
    }

.formSection .filenameField
{
    width: 300px;
    margin-bottom: 5px;
    
}

.formSection input[type=checkbox], input[type=radio]
{    
    vertical-align:middle;        
}

.formSection label
{
    display: block;
    font-size: 0.8em;
}

.formSection .note
{
    font-size: 0.8em;
}

.formSection .characterCounter
{
    width:100%;
    text-align:right;
    font-size: 0.8em;
    color: #909090;
       
    }


.formSection .infoBox
{
    background-color: #eAeAeA;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.formSection .error
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundFieldError.png");
    background-color: #ffd9d9;
    background-repeat: repeat-x;
}

.formSection .imageUploadIcon
{
    display:block;
    width: 80px;
    height: 60px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIcon:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIcon img
{
    width: inherit;
    height: inherit;
}

.formSection .imageUploadIconPortrait
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIconPortrait:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIconPortrait img
{
    width: inherit;
    height: inherit;
}

.formSection .fileUploadIcon
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/FileUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
    position:relative;
}

.formSection .fileUploadIcon:hover
{
    background-image: url("../Pix/Layout/FileUploadControlBackgroundHover.png");  
    }   
    
.formSection .fileUploadIcon img
{
    position:absolute;    
    width:inherit;
    height:inherit;
    
    
    }
    
.formSection .fileUploadIcon .label
{
    position:absolute;        
    padding:10px;
    padding-top:25px;
    font-size:0.6em;
    font-weight:bold;
    text-align:center;
    width:40px;
    height:inherit;
    overflow:hidden;
    color:#717171;        
    }        

.formButtonBar
{
    margin-top: 0px;
    padding-top:20px;
    text-align: right;   
    width:100%;
    border-top:1px solid #bc0000;     
}


.formButtonBar button {
		background-color:#bc0000;
		border:0px solid black;
		height:19px;
		width:130px;
        color:#FFFFFF;
        cursor: pointer;
        margin-left:15px;
}
.formButtonBar button:hover
{
        color: #000000;
}

.stepline
{
    
    font-size: 0.9em;
    color: #050505;
    margin-bottom: 10px;
}

.stepline .escapeZone
{
    position: relative;
    float: right;
}

.stepline .escapeZone .box
{
    position: absolute;
    width: 50px;
    left: -50px;
}

.stepline .escapeZone .box button
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackground.png");
    background-position: right;
    background-color: transparent;
    float: right;
    width: 15px;
    height: 37px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}

.stepline .escapeZone .box button:hover
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackgroundHover.png");
}

.stepline .box .centerLeft
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundLeft.png");
    background-repeat: no-repeat;
    padding-left: 8px;
    height: inherit;
}

.stepline .box .centerRightStep0Of0
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep0Of0.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep1Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .box .centerRightStep1Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep3Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep3Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .content .step1Label
{
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden;
          
}

.stepline .content .step2Label
{    
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden; 
         
}

.stepline .content .step3Label
{
    
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:75px; 
    margin-right:15px;
    overflow:hidden;
       
}

.stepline  .centerRightStep1Of2  .content .step2Label
{
    color: #ecf0f3;    
    }
    
.stepline  .centerRightStep2Of2  .content .step3Label
{
    color: #ecf0f3;    
    }
    
.stepline .content img
{
    width: 16px;
    height: 25px;
    padding-top: 8px;
}

.message
{
    margin-bottom: 10px;
}

.message .information
{   background-color: #c9f2c2;
}

.message .information .box
{
    width: inherit;
}

.message .information .box .topLeft
{

}

.message .information .box .topRight
{
    height: 13px;

}

.message .information .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .information .box .centerLeft
{

}

.message .information .box .centerRight
{

}

.message .information .box .bottomLeft
{

}

.message .information .box .bottomRight
{
    height: 13px;

}


.message .information .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageInformationSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;

}

.message .warning
{    background-color: #ffffe6;
}

.message .warning .box
{
    width: inherit;
}

.message .warning .box .topLeft
{

}

.message .warning .box .topRight
{
    height: 13px;
   
}

.message .warning .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .warning .box .centerLeft
{

}

.message .warning .box .centerRight
{

}

.message .warning .box .bottomLeft
{

}

.message .warning .box .bottomRight
{
    height: 13px;

}

.message .warning .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageWarningSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .error
{   background-color: #ffd9d9;
}

.message .error .box
{
    width: inherit;
}

.message .error .box .topLeft
{

}

.message .error .box .topRight
{
    height: 13px;

}

.message .error .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

.message .error .box .centerLeft
{

}

.message .error .box .centerRight
{

}

.message .error .box .bottomLeft
{

}

.message .error .box .bottomRight
{
    height: 13px;

}

.message .error .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageErrorSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .content .headline
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 3px;
}

.message .content .note
{
    font-size: 0.8em;
}    

.einwilligungserklaerung
{
    margin-top:25px;
    }


.einwilligungserklaerung input[type='checkbox']
{

    width:auto;
    margin: 0px;
    margin-right: 0.5em;
    display: inline-block;
}

.einwilligungserklaerung input[type='checkbox'] + label
{
    display: inline-block;

    font-size: 1em;
    line-height:1.6em;
    margin-bottom: 6px;
    vertical-align: text-top;

    width: 90%;
    }