/*
	******************************
	***** Inhaltsverzeichnis *****
	*****   xyzmo Main CSS   *****
	******************************
	---------------------------------------------------------------
	1. Basis Definitionen
		1.1 Body und Reseter
		1.2 Überschriften
	---------------------------------------------------------------
	2. Header
	---------------------------------------------------------------
	3. Navigationen
		3.1 Hauptnavigation
		3.2 Suche im Navigationsbereich
		3.3 Subnavigation
		3.4 Breadcrumb
		3.5 Toolbox
	---------------------------------------------------------------
	4. Sidebar
		4.1 Basics
		4.2 Sidebaritem News
		4.3 Sidebaritem Naechste Schritte
		4.3.1 Skype Window
		4.4 Events
	---------------------------------------------------------------
	5. Container Struktur und Content Definitionen 
		5.1 Container Struktur
		5.2 Content Definitionen	
		5.2.1 Infoline grau
		5.2.2 zweigeteilte & fullsize Spalten
	---------------------------------------------------------------
	7. Footer
	---------------------------------------------------------------
	******************* Open for further Steps ********************
	---------------------------------------------------------------
*/





/* 
	**************************************
	***** 1. Basis Definitionen *****
	**************************************
*/

/* 
	***** 1.1 Body und Reseter *****
*/
* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; }
input
{
    margin: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
br.wrapper {clear:both; height:1px; overflow:hidden;}
.noborder {border:none !important;}

/* 
	***** 1.1 Überschriften *****
*/
h1
{
    font-size: 16px;
    font-weight: bold;
    color: #cccccc;
    margin-left: 40px;
}
h2 {font-size:16px; font-weight:bold; color:#78797d; margin-bottom:15px;margin-top:5px}
h3 {font-size:14px; font-weight:bold; color:#661863;}
h3 a {color:#661863; text-decoration:underline;}
h3 a:hover {color:#661863; text-decoration:none;}
h4 {font-size:14px; font-weight:bold; color:#222222; margin-bottom:15px; margin-top:5px; line-height:22px;}
.bigcontainer h4, .leftcontainer h4, .rightcontainer h4 {margin-top:0px; line-height:18px;}
/* 
	**************************************
	***** 2. Header *****
	**************************************
*/
.header {background-color:#661863; height:38px; }
.startsite .header .innercontent {width:949px;  text-align:left;}
.subsite .header .innercontent {width:999px;  text-align:left;}
.header .logo {float:left;}
.toplinks {font-size:11px; color:#ffffff; float:right; margin-top:14px; text-align:right;}
.toplinks a {color:#ffffff; text-decoration:none;}
.toplinks a:hover {color:#ffffff; text-decoration:underline;}
.language {margin-right:35px;}
.language img {border:none;}

.toplinks1 {margin-right:35px;margin-left:35px;}
.toplinks2 {margin-right:25px;}

/*Language Menu*/







#countryMenu {position:relative; text-align:left; float:left; margin-top:-2px; padding-right:26px;}
.countryCtryDropDown{position:relative; overflow:visible; float:left; z-index:999;}

.countryCtry {padding:0 3px 0px 9px;  float:left;}
.countryCtry label {float:left; padding:2px 20px 3px 0px; float:left; color:#ffffff; background:url('register_files/dropdown.gif') no-repeat right 50%;
}
.countryCtry a {color:#661863; text-decoration:none;}
.countryCtry a:hover, .countryCtry a:active {color:#661863; text-decoration:none;}
.countryCtryON {padding:0 3px 0px 9px; background:#FFF; border:1px solid #DDD; border-bottom:0px;  filter:alpha(opacity=95); float:left; }
.countryCtryON label {float:left; padding:2px 20px 3px 0px; background:url('register_files/dropdown.gif') no-repeat right 50%; 
color:#661863;
}
.countryCtryON a {color:#661863; text-decoration:none;}
.countryCtryON a:hover, .countryCtryON a:active {color:#D84704; text-decoration:none;}


.countryPaneCtry {position:absolute; left:-106px;  z-index:999; text-align:right;}
.countryPaneCtryBdy {border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:0; background:#FFF; position:absolute;z-index: 9; filter:alpha(opacity=95);}
.countryPaneCtryTxt {line-height:14px; color:#661863; padding:5px 22px 5px 5px; width:133px; float:left;}
.countryPaneBorder {border:1px solid #DDD;border-width:1px 0px 0px 0px; margin-top:3px;}
.countryPaneCtry li {list-style-position:outside; line-height:17px; list-style-type:none; }
.countryPaneCtry li a, .countryPaneCtry li a:visited {color:#666; text-decoration:none; }
.countryPaneCtry li a:hover {color:#661863; text-decoration:none;}


/* 
	**************************************
	***** 3. Navigation *****
	**************************************
*/

/* 
	***** 3.1 Hauptnavigation *****
*/
.style1 {vertical-align: middle;}
.style2 {color: #F48B3F;}
.style3 {color: #C0C0C0;}
.style4 {color: Red;}
.printContent { width: 290px;}
.styleHelpTexts { color: #C0C0C0; font-size: 8pt;}

.startsite .navigation {background-color:#731b6f; float:left; width:949px; clear:both; height:38px; margin-top:12px;}
.subsite .navigation {float:left; width:800px; clear:both; height:38px;}
/* remove all the bullets, borders and padding from the default list styling */
.navigation ul {padding:0;margin:0; margin-left:12px; list-style-type:none;}
.navigation ul ul {width:175px; margin-left:0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown navigation positon */
.navigation li {float:left;position:relative;}
/* style the links for the top level */
.navigation a, .navigation a:visited {display:block; width:auto; font-size:11px;text-decoration:none; color:#ffffff; height:38px; padding:0px 15px;line-height:38px; font-weight:bold;}
*html .navigation a {float:left;}
.navigation ul li a.active {background-color:#ffffff; color:#333333 !important;}
.navigation ul li a.active:hover {color:#ffffff !important;background:#94238f;}
/* style the top level hover */
.navigation a:hover{color:#fff; background:#94238f;}
.navigation :hover > a.active {color:#ffffff !important; background:#94238f;}
.navigation :hover > a {color:#fff; background:#94238f;}

/* style the second level background */
.navigation ul ul a.drop, .navigation ul ul a.drop:visited {background:#94238f;}
/* style the second level hover */
.navigation ul ul a:hover, .navigation ul ul a.drop:hover{background:#f8daff !important; color:#000000;}
.navigation ul ul :hover >, .navigation ul ul :hover > a.drop {background:#f8daff; color:#000000;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:175px;border-top:1px solid #ffffff;}
/* another hack for IE5.5 */
* html .navigation ul ul {top:37px;t\op:38px;}
/* position the third level flyout navigation */
.navigation ul ul ul{left:176px; top:0;width:175px; border-left:1px solid #ffffff;}
/* position the third level flyout navigation for a left flyout */
.navigation ul ul ul.left {left:-175px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.navigation table {position:absolute; top:0; left:0;}
/* style the second level links */
.navigation ul ul a, .navigation ul ul a:visited {background:#94238f; padding:5px 15px; height:auto;clear:both; float:none;
display:block;width:145px;line-height:15px;border-bottom:1px solid #b12aa2;border-left:1px solid #94238f; border-right:1px solid #94238f; /* yet another hack for IE5.5 */
}
* html .navigation ul ul a{width:175px;width:174px;}


/* style the second level hover */
.navigation ul ul :hover > a {color:#000;background:#f8daff; }
/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul,.navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navigation ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.navigation ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.navigation ul :hover ul :hover ul{ visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.navigation ul :hover ul :hover ul :hover ul { visibility:visible;}

/* 
	***** 3.2 Suche im Navibereich *****
*/
.navigation form {float:right; padding:10px 25px 0px 0px;}
.navigation form input {float:left;}
.navigation form input.search {width:100px; padding:2px 1px 1px 1px; border:1px solid #787aa1; color:#676767; margin-right:5px;}

/* 
	***** 3.3 Subnavigation *****
*/
.subsite .subnavigation {float:left; width:240px; padding:0px 25px; margin-top:26px; padding-right:20px}
.subsite .subnavigation ul {list-style-type:none; border-bottom:1px solid #d8d8d8; clear:both; display:block; float:left; margin-bottom:25px;}
.subsite .subnavigation li { float:left; clear:both; width:228px;}
.subsite .subnavigation a { text-decoration:none;color:#666666; padding:5px 9px; border-top:1px solid #d8d8d8; display:block; font-size:11px; font-weight:bold; line-height:14px;}
.subsite .innercontent .subnavigation a:hover,.subsite .innercontent .subnavigation li.active a  {text-decoration:none;background-color:#cccccc; color:#000000; display:block;}

/* 
	***** 3.4 Breadcrumb *****
*/
.breadcrumb{font-size:10px; color:#676767; padding-bottom:9px; margin-top:-3px;}
.breadcrumb a {color:#676767;  text-decoration:none;}
.breadcrumb a:hover {color:#661863;  text-decoration:none;}


/* 
	***** 3.5 Toolbox *****
*/
#toolbox {float:left;  position:relative;}
#toolbox ul {margin:20px 0px 0px 0px; padding:0px; list-style:none;}
#toolbox li {float:left; margin:0px 8px 0px 0px; background-image:none; padding:0px;}
#toolbox #toolboxinfotext {position:absolute !important; z-index:99 !important; color:#4e6e9d; left:0px !important; display:block; font-size:0.8em;width:100px; text-align:left; margin-top:12px; }

/*************************************************************************************/

/* 
	**************************************
	***** 4. Sidebar *****
	**************************************
*/

/* 
	***** 4.1 Basics *****
*/

.subsite .innercontent .sidebar {float:left; width:240px; padding-right:25px; padding-bottom:10px;}
.startsite .innercontent .sidebar {float:left; width:240px; padding-right:25px; }
.sidebarcontent 
{
    padding:5px !important;  
font-size:11px; color:#444444; 
}
.sidebaritem ul {padding:10px 0px; list-style: none;}
/*.sidebaritem li {line-height:14px; background:url('register_files/listicon.gif') no-repeat 0 0.4em; 
padding: 0 0 0.6em 20px; margin-left: 2%;
}*/
.sidebaritem li a {color:#444444; text-decoration:none;}
.sidebaritem li a:hover {color:#444444; text-decoration:underline;}



/* 
	***** 4.2 Sidibaritem News *****
*/
.sidebaritem#news p{border-bottom:1px solid #c8c8c8; padding:10px 0px; line-height:16px;}
.sidebaritem#news a {text-decoration:none; color:#444444;}
.sidebaritem#news a:hover {text-decoration:underline; color:#444444;}
.sidebaritem#news strong a {color:#661863; text-decoration:underline;}
.sidebaritem#news strong a:hover {color:#661863; text-decoration:none;}
img#rssicon {position:absolute; z-index:10; margin-left:165px; margin-top:9px;}
/* 
	***** 4.3 Sidebaritem Naechste Schritte *****
*/
.sidebaritem#schritte p{padding:10px 0px; margin-bottom:10px; border-bottom:1px solid #c8c8c8;}
.sidebaritem#schritte form {padding:10px 0px 0px;}
.sidebaritem#schritte input#stadt {background-color:#eeeeee; border:1px solid #aba899; padding:2px 1px 1px 1px; float:left; margin-right:5px;}
.sidebaritem#schritte input {}
/* 
	***** 4.3.1 Skypewindow *****
*/
#skypewindow {position:absolute; display:none; background-color:#fdfae7; margin-top:20px; background:url('register_files/skypeboxbg.gif') repeat-y; 
width:197px;
}
#skypewindow ul {clear:both; margin-left:7px; padding:6px 0px 0px 0px !important;}
#skypewindow li a {font-size:11px;}
#skypewindow li {line-height:12px;}
#skypewindow .skypeboxbottom {display:block;}
#skypewindow .skypeboxtop {display:block;}
#skypewindow .skypelogo{float:left;  margin:5px 0px 0px 7px;}
#skypewindow .close {float:right; margin:5px 7px 0px;}

/* 
	***** 4.4 Sidebaritem Events *****
*/
.sidebaritem#events div{padding-top:10px;} 
.sidebaritem#events div div{padding-top:0px;} 
.sidebaritem#events img {margin-right:5px;} 
.sidebaritem#events p, eventbox {padding:5px 0px 10px 0px; width:100%; margin-bottom:5px; border-bottom:1px solid #c8c8c8; clear:both; float:left;} 
.sidebaritem#events p.noborder, p.eventboxnoborder {border-bottom:none !important;}
/* 
	**********************************************************
	***** 5. Container Struktur und Content Definitionen *****
	**********************************************************
*/

/* 
	***** 5.1 Container *****
*/
.maincontent  {font-size:13px;}
.startsite .maincontent .innercontent {width:949px; text-align:left; background-color:#ffffff;}
.subsite .maincontent .innercontent {text-align:left; background-color:#ffffff;  }
.subsite .innercontent .content {float:left; width:535px;margin-top:26px; margin-bottom:40px;}
.startsite .innercontent .content {float:left; width:682px; padding:50px 2px 0px 25px; margin-bottom:20px;}
#flashcontent {float:right; margin-top:-35px;}
.flash-replaced .alt {display: block; height: 0; position: absolute; overflow: hidden; width: 0;}

/* 
	***** 5.2 Content Definitionen *****
*/
.content td {color:#333333; margin-bottom:20px; line-height:18px; font-size:12px;}
.content p {color:#333333; margin-bottom:20px; line-height:18px;}
.content img.right {float:right; margin-left:15px;}
.content img.left {float:left;}
.content a {color:#661863; text-decoration:underline;}
.content a:hover {color:#661863; text-decoration:none;}

.content form {}
.content form fieldset {border:none;}
.content form label {float:left; display:block; width:120px; font-weight:bold;}
.content form label.error {display:inline; width:auto; margin-left:120px; font-size:12px; color:#b80909; font-weight:normal; position:relative;}
*html .content form label.error {margin-left:122px;}
.content form input {border:1px solid #7e9db9; width:200px; height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}
.content form input:hover {background-color:#fffea1;}
.content form textarea {border:1px solid #7e9db9; width:200px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.content input.submit {border:none; width:121px; height:36px;}
.content ul {margin:20px;}

.contentform {}
.contentform fieldset {border:none;}
.contentform label {float:left; display:block; width:120px; font-weight:bold;}
.contentform label.error {display:inline; width:auto; margin-left:120px; font-size:12px; color:#b80909; font-weight:normal; position:relative;}
*html .contentform label.error {margin-left:122px;}
.contentform input {border:1px solid #7e9db9; width:200px; height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}
.contentform input:hover {background-color:#fffea1;}
.contentform textarea {border:1px solid #7e9db9; width:200px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.contentform input.submit {border:none; width:121px; height:36px;}

/* 
	***** 5.2.1 Infoline grau *****
*/
.infoline {line-height:27px; background-color:#f9f9f9; border-bottom:1px solid #dddddd; font-size:11px; padding-left:1px; margin-bottom:10px; clear:both; color:#787878;}
.infoline strong {color:#222222;}

.infoline2 {line-height:27px; background-color:#f9f9f9; font-size:11px; padding-left:1px; margin-bottom:10px; clear:both; color:#787878;}
.infoline2 strong {color:#222222;}
.infolineHash {line-height:20px; background-color:#f9f9f9; font-size:11px; padding-left:1px; margin-bottom:10px; clear:both; color:#787878;}

/* 
	***** 5.2.2 zweigeteilte & fullsize Spalten *****
*/
.leftcontainer {width:48%; float:left;}
.rightcontainer {width:48%;float:right;}
.bigcontainer p, .leftcontainer p, .rightcontainer p {color:#767676;}
.bigcontainer img {float:left; margin-right:25px;}



/* 
	**************************************
	***** 6. Footer *****
	**************************************
*/
.startsite .footer {width:949px; margin:auto; background-color:#ffffff;}
.subsite .footer {width:999px; margin:auto; background-color:#ffffff;}
.footer .innercontent {margin:0px 25px; text-align:left; background-color:#ffffff; border-top:1px solid #e2e2e2;}
.footer .copyright {float:left; color:#999999; font-size:10px; padding:10px 0px 40px 0px;}
.footer .metalinks {float:right;  color:#999999;  font-size:10px;  padding:10px 0px 40px 0px;}
.footer .copyright a {} 
.footer .metalinks a {color:#661863; font-size:10px; text-decoration:none;}
.footer .metalinks a:hover {text-decoration:underline;}