/* --------------- overrides ------------------ */

div
{
    position:relative;
}
a
{
    text-decoration:none;
    color:#880000;
}
    a:hover
    {
        text-decoration:none;
	color:#220000;
    }

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    text-align: center;
}
p
{
    margin:5px 0px 8px 0px;
}

h1, h2, h3
{
    /*font-family: Optimer;*/
    font-family: Segoe UI, Trebuchet MS;
    /*
    existence
    florencesans
    geosanslight
    londonbetween
    mammagamma
    */

    color:#333333;
    font-weight:normal;
}
h1
{
    font-size:26px;
    line-height: 30px;
    margin:10px 0px 15px 0px;
}

h2
{
    font-size:23px;
    margin:10px 0px 5px 0px;
}
h3
{
    font-size:17px;
    margin:10px 0px 10px 0px;
}

h6
{
    font-size:100%;
    margin:3px 0px;
}
input[type="text"], input[type="password"], select
{
    background-image: url(layout_images/editbox_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1px 2px 0px 2px;
    font-size: 120%;
    font-family: inherit;
    color:#555555;
}
input[type="text"], input[type="password"]
{
    height: 20px;
}
select
{
    height: 22px;
}
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, select:hover
{
    border: 1px solid #777777;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:active, select:active
{
    outline: 1px solid #606060;
    -moz-outline-radius: 6px;
    color:#000000;
}

textarea
{
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1px 2px 1px 2px;
}

fieldset
{
    position: relative;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

ul, li
{
    margin:0px;
    padding:0px;
}
ul
{
    margin:5px 0px 10px 36px;
    list-style-position: outside;
}
li
{
    margin:2px 0px;
}
    ul ul
    {
        margin-left:20px;
    }

/* --------------- spacers ------------------ */
.spacer5
{
    height:5px;
}
.spacer10
{
    height:10px;
}
.spacer15
{
    height:15px;
}
.spacer20
{
    height:20px;
}
/* --------------- custom ------------------ */
.alignLeft
{
    text-align:left;
}
.alignRight
{
    text-align:right;
}
.alignCenter
{
    text-align:center;
}
.clear
{
    clear:both;
}

.hidden
{
    display:none;
}
.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}

.imageLeft
{
    float:left;
    margin:5px 10px 10px 0px;
}

.imageRight
{
    float:right;
    margin:0px 0px 10px 10px;
}

.hr1
{
    background-color:#AAAAAA;
    margin-left:auto;
    margin-right:auto;
    height:1px;
    margin-top:10px;
}

.hr2
{
    border-bottom:1px solid #CCCCCC;
    height:1px;
    line-height:1px;
    margin:10px 0px;
    width:660px;
}
.black, .black a
{
    color:#000000;
}

.underlineLink a:hover
{
    text-decoration: underline;
}

/* --------------- bulleted lists ------------------ */
.listGreen
{
    list-style-image:url(layout_images/bullet-green.png);
}

.listRed
{
    list-style-image:url(layout_images/bullet-red.png);
}

.listBubble
{
    list-style-image:url(layout_images/icon-bubble.png);
}
    .listBubble li
    {
	margin-left:16px;
	margin-top:-10px;
	margin-bottom:0px;
    }
/* --------------- tables ------------------ */
.styleTable
{
    border-collapse: collapse;
}
    .styleTable td
    {
        padding:5px;
        background-color:#EEEEEE;
        border:1px solid #888888;
    }
    

.tableAlignTop td
{
    vertical-align:top;
}

/* --------------- blankTable ------------------ */
.blankTable
{
    
}
    .blankTable td
    {
	padding:1px 10px 1px 0px;
    }

/* --------------- termineTable ------------------ */
.termineTable
{
    float:left;
    width:220px;
}
/* --------------- linkSection ------------------ */
.linkSection
{
    float:left;
    text-align:center;
    font-size:18px;
    width:220px;
    height:160px;
    padding:10px;
    margin-right:20px;
    margin-bottom:20px;
    border:1px solid #CCCCCC;
}
    .linkSection a span
    {
	padding-bottom:10px;
    }

/* --------------- hew homepage ------------------ */
.slides
{
    /*float:left;*/
    margin-left:auto;
    margin-right:auto;
    width:965px;
    height:250px;
    overflow: hidden;
}

.rightBanner
{
    display:none;
    float:right;
    width:300px;
    height:250px;
}

.homepageColumns
{
    
}

    .homepageColumns h2
    {
	margin-bottom:20px;
	font-size:19px;
	font-weight:bold;
    }

    .homepageColumns p
    {
	margin-bottom:12px;
    }

    .homepageColumns ul
    {
	margin-left:15px;
    }
    
    .homepageColumns .col
    {
	
	position:relative;
	float:left;
	width:288px;
	padding:10px;
	margin-right:20px;
	border:1px solid #b0b0b0;
	border-top:4px solid #be2d00;
	text-align: justify;
	background-image:url(layout_images/bg_homepage_box.png);
	background-position:bottom;
	background-repeat: repeat-x;
    }
	.homepageColumns>.col
	{
	    height:660px;
	}

    .homepageColumns .col-right
    {
	float:right;
    }
	.homepageColumns .col-right .col
	{
	    float: none;
	    width:278px;
	    margin:0px;
	    margin-bottom:20px;
	}
    
    .homepageColumns .col .readMore
    {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:8px;
	font-size:13x;
	font-style: italic;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#666666;
    }
	.homepageColumns .col .readMore a
	{
	    color:#FFFFFF;
	}
	.homepageColumns .col .readMore a:hover
	{
	    text-decoration: underline;
	}
    

/* --------------- homepage ------------------ */
.homeContent
{
    font-size:1px;
    position:absolute;
    left:10px;
    top:-200px;
    display:none;
}
    .homeContent h1
    {
	font-size:1px;
    }
    
.homeSections
{
    margin-top:15px;
    width:1000px;
}
    .homeSections .section
    {
        float:left;
        background-image:url(layout_images/bg_homesection.png);
        width:314px;
        height:150px;
        margin-right:10px;
    }
	.homeSections .section:hover
	{
	    background-image:url(layout_images/bg_homesection-hover.png);
	}
        .homeSections .section:last-child
        {
            margin-right:0px;
        }
        .homeSections .section h3
        {
            position:absolute;
            margin:0px;
            left:10px;
            top:6px;
            font-size:22px;
            font-weight:normal;
            color:#FFFFFF;
        }
        .homeSections .section img
        {
            position:absolute;
            left:10px;
            top:40px;
        }
        .homeSections .section .text
        {
            position:absolute;
            right:10px;
            top:45px;
            width:90px;
            height:80px;
            font-family: Trebuchet MS;
            font-size:13px;
            font-weight:bold;
            font-style: italic;
        }
        .homeSections .section a
        {
	    position:absolute;
	    display:block;
	    left:0px;
	    top:0px;
	}
	    .homeSections .section a>img
	    {
		left:0px;
		top:0px;
	    }

.newsTicker
{
    position:relative;
    background-image:url(layout_images/bg_news_ticker.gif);
    background-repeat:no-repeat;
    width:961px;
    height:32px;
    font-size:14px;
    padding:6px 0px 0px 10px;
}
    .newsTicker a
    {
        display: inline-block;
        color:#444444;
        width:940px;
    }
	.newsTicker a:hover
	{
	    color:#000000;
	}
.newsTickerInner
{
    position:relative;
    margin:auto;
    width:940px;
}
/* --------------- right banners ------------------ */
.rightBanners
{
    
}
    .rightBanners .section
    {
	height:60px;
    }
    .rightBanners .section h3
    {
	margin:0px 0px 6px 0px;
    }
	.rightBanners .section h3 a
	{
	    color:#222222;
	}
    .rightBanners .section img
    {
	float:left;
	margin-right:10px;
    }
/* --------------- FORM ------------------ */
.form
{
    width:572px;
    margin:10px 0px;
}
    .form .top
    {
	background-image:url(layout_images/form/form_top.png);
	height:26px;
	color:#FFFFFF;
	font-size:18px;
	padding-left:10px;
	line-height:26px;
    }
    .form .middle
    {
	background-image:url(layout_images/form/form_middle.png);
	padding:10px;
    }
    .form .bottom
    {
	
	background-image:url(layout_images/form/form_bottom.png);
	height:19px;
    }
    .form table
    {
	/* */
    }
	.form table span
	{
	    float:right;
	}
	.form table td
	{
	    padding:5px;
	}
	.form table input[type="text"]
	{
	    width:320px;
	}
    .form .buttons
    {
	margin-top:10px;
    }

/* --------------- buttons ------------------ */
.button1
{
    background-image:url(layout_images/buttons/bg_button1.png);
    width:66px;
    height:18px;
    padding:3px;
    color:#FFFFFF;
    text-align:center;
    display:inline-block;
}
    .button1:hover
    {
	background-image:url(layout_images/buttons/bg_button1-hover.png);
    }
    
.button2
{
    position:relative;
    background-image:url(layout_images/buttons/bg-button2.png);
    padding:5px;
    color:#FFFFFF;
    display:inline-block;
    text-decoration: none;
    font-size:12px;
    font-weight: 500;
    line-height:16px;
    color:#000000;
    text-shadow: #AAAAAA 1px 1px 2px;
}
    .button2:hover, .button2.active
    {
	background-image:url(layout_images/buttons/bg-button2-hover.png);
	color:#FFFFFF;
	text-shadow: #000000 1px 1px 2px;
    }
    .button2 .title
    {
	position:absolute;
	display:block;
	left:5px;
	top:14px;
	font-size:30px;
	color:#BBBBBB;
	font-weight:bold;
	text-shadow: none;
    }
    
	.button2:hover .title, .button2.active .title
	{
	    color:#FFFFFF;
	}
    .button2 .content
    {
	display:block;
	/*margin-left:20px;*/
    }
/* --------------- FAQ ------------------ */
.faqDiv
{
    
}
.faqContent
{
    background-color:#EEEEEE;
    padding:10px;
    border:1px solid #CCCCCC;
}
    .faqDiv div a.more
    {
	background-image:url(layout_images/arrow_red.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
        display:block;
        margin-bottom:2px;
    }
    .faqDiv div .less
    {
	color:#000000;
	background-image:url(layout_images/arrow_red_down.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
    }

/* --------------- karriere ------------------ */

.karriere
{
    width:660px;
    font-size:0.9em;
    line-height:1.4em;
}

    .karriere h3
    {
	margin:10px 0px;
    }
    .karriere p
    {
	margin:0px;
    }
    .karriere img
    {
	float:left;
	margin-right:10px;
	border:1px solid #CCCCCC;
    }
	.karriere img:hover
	{
	    border:1px solid #AAAAAA;
	}
/* --------------- hew homepage ------------------ */
/* --------------- demo videos ------------------ */
.demoVideo
{
    width:670px;
    height:120px;
    margin:20px 0px;
}
    .demoVideo>h3
    {
	position:absolute;
	left:200px;
        margin:0px;
	line-height:20px;
    }
    .demoVideo .description
    {
        
	position:absolute;
	left:200px;
	top:35px;
	height:48px;
        font-size:11px;
        line-height:14px;
    }
    .demoVideo .video
    {
        
    }
    .demoVideo .link
    {
        position:absolute;
	left:200px;
	bottom:0px;
    }
    
/* --------------- map ------------------ */
.map
{
    position: relative;
    float: right;
    width: 250px;
    height: 320px;
    outline: 1px solid red;
}

/* --------------- layout ------------------ */
body
{
    font-family:Segoe UI, Verdana, Trebuchet MS, Century Gothic, Arial, sans-serif;
    font-size:13px;
    line-height:1.5em;
    color:#444444;
    padding:0px;
    margin:0px;
    background-color:#be031e;
    background-image:url(layout_images/bg_body.png);
}

    .bodyTop
    {
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:600px;
        background-image:url(layout_images/bg_body_top.png);
        background-repeat:repeat-x;
    }
.container
{
    position:relative;
    width:1045px;
    top:60px;
    min-height:600px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:60px;
    background-image: url(layout_images/bg_container-trans.png);
}
    .containerBottom
    {
        margin-left:auto;
        margin-right:auto;
        width:1045px;
        height:40px;
        background-image: url(layout_images/bg_container-bottom-trans.png);
    }
    .topSpacer
    {
        height:80px;
    }
    .topBanners
    {
        margin:0px 40px;
        height:270px;
    }
        .topBanners .slideshowBanner
        {
            position: absolute;
            left:150px;
	    z-index:98;
        }
            .topBanners .slideOverlay
            {
                position: absolute;
                left:0px;
                top:0px;
                z-index:99;
            }
	    .topBanners .slideshowBanner object
	    {
		z-index:99;
	    }
        .topBanners .demoBanner
        {
            position: absolute;
            right:0px;
        }
    .menu
    {
        position:absolute;
        left:0px;
        top:40px;
        width:1100px;
        font-family:Trebuchet MS;
        font-size:16px;
        color:#333333;
	z-index:99;
    }
    .menu ul, .menu li
    {
        margin:0px;
        padding:0px;
    }
        .menu a
        {
            color:#333333;
        }
            .menu a:hover
            {
                color:#000000;
            }
    .menu .selected>a
    {
        font-weight:bold;
        color:#AA0000;
    }
    .menuUnder
    {
        position:absolute;
        left:28px;
        top:72px;
        width:986px;
        height:1px;
        border-top:2px solid #DDDDDD;
    }
    .mainContent
    {
        position:relative;
        margin:0px 40px 20px 60px;
	z-index:10;
        padding-bottom:20px;
    }
        .mainContent>img, .mainContent .homePage
        {
            margin-left:-20px;
	    font-size:12px;
	    line-height: 18px;
        }
    .rightContent
    {
	position:relative;
	float:right;
	width:260px;
	margin:52px 30px 10px 10px;
	padding-left:5px;
	background-color:#F6F6F6;
	border:1px solid #DDDDDD;
	z-index:11;
    }
	.rightContent .optionalContent
	{
	    margin:30px 0px 10px 0px;
	}
	    .rightContent .optionalContent h4
	    {
		margin:8px 0px;
		font-size:16px;
		color:#888888;
		font-style: italic;
	    }
	    .rightContent .optionalContent p
	    {
		margin:8px 0px 8px 20px;
		font-size:12px;
		text-indent:-20px;
	    }
	    .rightContent .optionalContent a
	    {
		padding-left:20px;
		background-image:url(layout_images/icon_arrow-red-trans.png);
		background-repeat:no-repeat;
		background-position:left middle;
		color:#AA0000;
	    }
		.rightContent .optionalContent a:hover
		{
		    color:#440000;
		    background-image:url(layout_images/icon_arrow-red-hover-trans.png);
		}
/* --------------- icon links general ------------------ */
a.customDoc
{
    background: url(layout_images/file_icons/doc.png) no-repeat left center;
    padding-left: 20px;
    line-height: 16px;
}
a.customExternal
{
    background: url(layout_images/file_icons/ext_link.png) no-repeat left center;
    padding-left: 20px;
    line-height: 16px;
}

/* --------------- file icons download area ------------------ */

	    .downloads .styleTable
	    {
		width:665px;
		margin-bottom:15px;
	    }
	    .downloads a.doc
	    {
		position:relative;
		background: url(layout_images/file_icons_large/word.png) no-repeat left center;
		padding:20px 0px 0px 64px;
		display:block;
		height:50px;
	    }
	    .downloads a.pdf
	    {
		position:relative;
		background: url(layout_images/file_icons_large/pdf.png) no-repeat left center;
		padding:20px 0px 0px 64px;
		display:block;
		height:50px;
	    }
	    .downloads a.app
	    {
		position:relative;
		background: url(layout_images/file_icons_large/app.png) no-repeat left center;
		padding:20px 0px 0px 64px;
		display:block;
		height:50px;
	    }
	    .downloads a.video
	    {
		position:relative;
		background: url(layout_images/file_icons_large/video.png) no-repeat left center;
		padding:20px 0px 0px 64px;
		display:block;
		height:50px;
	    }
	    .downloads a.book
	    {
		position:relative;
		background: url(layout_images/file_icons_large/book.png) no-repeat left center;
		padding:20px 0px 0px 64px;
		display:block;
		height:50px;
	    }
	    .downloads .lockIcon
	    {
		position:absolute;
		display:block;
		left:34px;
		top:36px;
		width:32px;
		height:32px;
		background: url(layout_images/file_icons_large/lock.png) no-repeat left center;
	    }

/* --------------- file icons right content ------------------ */

	    .rightContent .optionalContent a.pdf
	    {
		background: url(layout_images/file_icons/pdf.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.txt
	    {
		background: url(layout_images/file_icons/txt.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.doc
	    {
		background: url(layout_images/file_icons/doc.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.excel
	    {
		background: url(layout_images/file_icons/excel.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.ppt
	    {
		background: url(layout_images/file_icons/ppt.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.zip
	    {
		background: url(layout_images/file_icons/zip.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.email
	    {
		background: url(layout_images/file_icons/email.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }

	    .rightContent .optionalContent a.external
	    {
		background: url(layout_images/file_icons/ext_link.png) no-repeat left center;
		padding-left: 20px;
		line-height: 16px;
	    }
	    
	.rightContent .section
	{
	    margin:15px 0px;
	}
	    .rightContent .section h3
	    {
		margin-top:0px;
		font-size:18px;
		line-height:20px;
	    }
	    .rightContent .section .text
	    {
		
		font-size:12px;
		line-height:12px;
	    }
	
.header
{
    position: absolute;
    width:1045px;
    top:0px;
    left:50%;
    margin-left:-522px;
    height:75px;
    overflow:hidden;
}
    .header a
    {
        color:#CCCCCC;
    }
        .header a:hover
        {
            color:#FFFFFF;
        }
    .logo
    {
        position: absolute;
        left:40px;
        top:16px;
    }
    .searchBox
    {
        position: absolute;
        right:50px;
        top:10px;
    }
        .searchBox input[type="text"]
        {
            width:200px;
            font-style: italic;
        }
        .searchBox .searchButton
        {
            position:absolute;
            top:1px;
            right:2px;
	    filter: alpha(opacity=50);
	    -moz-opacity: 0.5;
	    opacity: 0.5;
        }
            .searchBox .searchButton:hover
            {
                filter: alpha(opacity=100);
                -moz-opacity: 1;
                opacity: 1;
            }
	    
	    
	.header .toolbar
	{
	    position:absolute;
	    top:35px;
	    right:0px;
	}
	    .header .toolbar .languageChooser
	    {
		position:absolute;
		top:7px;
		right:190px;
		width:40px;
		height:11px;
		line-height:1px;
		text-align:right;
	    }
		.header .toolbar .languageChooser *
		{
		    vertical-align:middle;
		}
		
	    .header .icons
	    {
		position:absolute;
		top:0px;
		right:0px;
		width:185px;
	    }
	    .icons a, .languageChooser a
	    {
		color:#444444;
	    }
		.icons a:hover, .languageChooser a:hover
		{
		    color:#000000;
		}
	    .icons a img, .languageChooser a img
	    {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	    }
		.icons a img:hover, .languageChooser a img:hover
		{
		    filter: alpha(opacity=100);
		    -moz-opacity: 1;
		    opacity: 1;
		}
	    
	    .header .toolbar .addthis_button
	    {
		
	    }
	    .header .toolbar .user
	    {
		position:absolute;
		right:50px;
		top:22px;
		font-size:10px;
		width:400px;
		text-align:right;
	    }
		.header .toolbar .user a
		{
		    color:#333333;
		    text-decoration: underline;
		}
		    .header .toolbar .user a:hover
		    {
			color:#000000;
		    }
	    
.footer
{
    width:950px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
}
    .footer *
    {
	vertical-align:middle;
    }
    
        .footer a
        {
            text-decoration:none;
            color:#DDDDDD;
            margin-left:20px;
        }
        .footer a:hover
        {
            text-decoration:none;
            color:#FFFFFF;
        }