/*
FARBEN:
Cisco Blue: 	#2f6681
Cisco Blue 20%: #d5e0e6
Cisco Black 01:	#333333
Cisco Black 02:	#666666
Cisco Black 05: #edeeef
*/
/*--ALLGEMEINES LAYOUT GERÜST---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {background-color:#edeeef;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#333333;text-align:center;}
#gesamteseite {width:960px;text-align:left;margin: 0 auto;}
#header {height:100px;width:940px;margin: 0 10px 15px 10px;position:relative; z-index:4;float:left;}
#ciscologo {float:right;margin: 03px 20px 0 0; border:none;}
#cisconnectlogo {float:left;margin: 20px 0 0 20px; border:none;}
#navbar {margin: 16px 0 0 0;float:left;width:910px;border-top: 1px solid #2f6681;padding:7px 20px 7px 10px;height:25px;border-bottom: 1px solid #2f6681;}
#search {float:right;color:#666666;}
#content {margin: 0px 10px 0 10px;width:940px;float:left;position:relative; z-index:3;}
#footer {border-top: 1px solid #2f6681;margin: 37px 10px 0 10px;padding: 8px 15px;color:#2f6681;text-align:right;width:910px;font-size:11px;clear:both;float:left;}
#footer a {padding: 0  5px;}
#artikelsidebar {float:right;width:290px;padding: 20px 20px 0 0; display:inline;}
#artikelcontent {width:570px;padding: 20px; height:410px; overflow:auto; position: relative;}


/*--TYPOGRAPHIE---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, p, ul { margin:0; padding:0}
h1 {font-size:36px;color:#666666;font-weight:normal;padding: 0 0 5px 20px;margin: 0;}
h1 span { font-size:18px;}
h2 {font-size:13px;color:#000000;padding-bottom: 10px; }
h3 {font-size:11px;color:#000000;padding-bottom: 7px; }
h4 {font-size:11px;color:#2f6681;}
h5 {font-size:15px;}
a {text-decoration:none;color:#2f6681;}
a:hover {color:#990000;}
p {padding-bottom:10px;}
ul {padding-left: 10px;list-style-type:square}
ul li {padding-bottom:5px;}

#artikelcontent a {font-weight:bold;}

/*--SUCHFORMULAR---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.searchform {margin:0;padding:0;}
.searchform .searchinput {background:url(../images/input-large-bg.gif) top left no-repeat transparent;width:193px;height:18px;border:none;vertical-align:middle;margin: -4px 3px 0 3px;padding: 4px 2px 0 3px;font-size:11px;color:#333333;}
.searchform .searchinput:focus {background:url(../images/input-large-bg_focus.gif) top left no-repeat transparent;}
.searchform .searchbtn {background:url(../images/searchbtn-bg.gif) top left no-repeat transparent;width:31px;height:22px;border:none;color:#2f6681;font-size:11px;font-weight:bold;cursor:pointer;}

#next {background-color:#666666; position:absolute; right:-24px; width:24px; height:30px; top: 195px;}
#prev {background-color:#666666; position:absolute; left:-24px; width:24px; height:30px; top: 195px;}

/*--ALLGEMEINE KLASSEN-----------------------------------------------------------------------------------------------------------*/
.right {float:right};
.dropdownright {background:url(../images/icon-dropdown.gif) center right no-repeat;}
.hinweis {line-height:36px;}
.star {vertical-align:bottom; margin:0 1px; border:none;}

.box {width:290px; margin-bottom:10px; color:#666666;background:url(../images/box-content-bg.gif) top left repeat-y;}
.box .top {height: 5px; background:url(../images/box-top-bg.gif) top left no-repeat; font-size:1px;}
.box .content {background:url(../images/box-content-bg.gif) top left repeat-y; padding: 5px 10px;}
.box .bottom {height: 5px; background:url(../images/box-bottom-bg.gif) top left no-repeat; clear:both; font-size:1px;}
.box p{padding-bottom:0px;}

.newsletterthumb {width: 229px; height: 144px; border: 1px solid #2f6681; margin:2px; float:left; background-color:#d5e0e6; position:relative; display:inline;}
.newsletterthumb img{border:none;}
.newsletterthumb .abbinder {background-color:#2f6681; padding: 5px; margin:80px 0 0 0; font-size:11px; color:#FFFFFF; position:absolute; width:219px;}
.newsletterthumb .abbinder .title{font-size:13px; font-weight:bold;}

.halfbox {width: 464px; height: 414px;border: 1px solid #2f6681; margin:2px; float:left; background-color:#d5e0e6; position:relative; display:inline;}
.halfbox img{border:none;}
.halfbox .abbinder {background-color:#2f6681; padding: 5px 0 40px 20px; margin:230px 0 0 0; color:#FFFFFF; position:absolute; width:444px;font-size:14px;}
.halfbox .abbinder .title {font-size:28px;}

.newsletterbox {border:1px solid #2f6681;background-color:#FFFFFF;height:450px;position:relative;}
.newsletterbox img{border:none;}
.newsletterbox .abbinder{background-color:#2f6681; padding: 5px 0 40px 20px; margin:280px 0 0 0; color:#FFFFFF; position:absolute; width:588px;font-size:14px;}
.newsletterbox .abbinder .title{font-size:28px;}

.linkliste { margin: 3px 0 3px 60px; color:#2f6681;}
.linkliste li {padding: 1px 0;}

.iconliste {float:left; list-style:none; margin: 5px 0 0 0; width:270px;}
.iconliste li {float:left;}
.iconliste li a {display:block; width:80px;}
.iconliste a img {border:none; vertical-align:middle; margin: 0 3px 0 0;}

.modul {float:right; margin-bottom:10px; margin-left:10px;}
.bild {float:right; margin-bottom:10px; margin-left:10px;}

h2.archivtitle {
	margin: 0 0 0 20px;
}

.archivlist { margin:0 0 0 30px; padding:0;}
.archivlist li {
	margin-left: 5px;
}

/*--FORM ELEMENTE----------------------------------------------------------------------*/

.divider {clear:both;}
.block {margin:0 0 20px 0;}
.halfblock {float:left; margin: 0 20px 20px 0; width:380px;}
.leftcol {float:left; clear:left; height:25px; width:120px; text-align:right;}
.smallinput, .mediuminput, .largeinput{height:18px;border:none;vertical-align:middle;margin: 0px 0px 3px 3px;padding: 4px 2px 0 3px;font-size:11px;color:#333333; float:left;}
.smallinput {background:url(../images/input-small-bg.gif) top left no-repeat transparent;width:62px;}
.smallinput:focus {background:url(../images/input-small-bg_focus.gif) top left no-repeat transparent;}
.mediuminput {background:url(../images/input-medium-bg.gif) top left no-repeat transparent;width:122px;}
.mediuminput:focus {background:url(../images/input-medium-bg_focus.gif) top left no-repeat transparent;}
.largeinput {background:url(../images/input-large-bg.gif) top left no-repeat transparent;width:193px;}
.largeinput:focus {background:url(../images/input-large-bg_focus.gif) top left no-repeat transparent;}
.bigbtn{background:url(../images/bigbtn.gif) top left no-repeat transparent;width:89px;height:22px;border:none;color:#2f6681;font-size:11px;font-weight:bold;cursor:pointer;}

/*--HAUPTNAVIGATION MIT POPUP---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav, .nav ul { list-style: none;margin: 0;padding: 0;}
.nav {z-index: 100;position: relative;}
.nav li {float: left;margin: 0;padding: 0;position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {font-size:13px;color:#2f6681;text-decoration:none;text-transform:uppercase;padding: 6px 25px 0 10px;margin: 0 10px 0 0;display:block;}
.nav li a.dropdownright:hover {border-style:solid;border-width: 1px 1px 0 1px;border-color:#2f6681;padding: 5px 24px 0 9px;position:relative;z-index:100;background:url(../images/icon-dropdown.gif) 64px 9px  no-repeat #ffffff;}
#nav-one li:hover a.dropdownright, 
#nav-one li.sfHover a.dropdownright {border-style:solid;border-width: 1px 1px 0 1px;border-color:#2f6681;padding: 5px 24px 0 9px;position:relative;z-index:100;background:url(../images/icon-dropdown.gif) 64px 9px  no-repeat #ffffff;}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {}
#nav-one a.dropdownright {background:url(../images/icon-dropdown.gif) 65px 10px  no-repeat;}
.nav ul {background: #fff;border: 1px solid #2f6681;padding:10px;list-style: none;margin: 0;width: 200px;position: absolute;top: -999em;left: 0px; z-index:90;border-width: 1px 1px 1px 1px;}
.nav li:hover ul,
.nav li.sfHover ul {top: 21px;}
.nav ul li {border: 0;float: none; margin:0; padding:0; text-transform:uppercase;}
.nav ul a, #nav-one li.sfHover ul a, #nav-one ul li a {border: none;font-size: 11px;text-transform:none;padding:2px 5px;margin:0;background:none; height:16px; text-transform:none;}
.nav ul a:hover, #nav-one li.sfHover ul a:hover, #nav-one ul li a:hover {background-color:#990000;color:#FFFFFF;}
.nav ul a:hover {background: #ccc;color: #000;}
.nav ul a.morelink, #nav-one li.sfHover ul a.morelink, #nav-one ul li a.morelink {border-top: 1px solid #2f6681;padding: 5px 0 0 0;text-decoration:underline;font-size:10px; background:none;}
.nav ul a.morelink:hover, #nav-one li.sfHover ul a.morelink:hover, #nav-one ul li a.morelink:hover {background: none; color:#990000;}

/*--INHALTSVERZEICHNIS NEWSLETTER TITELSEITE---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#editorial {float:right;width:330px; height:450px;background-color:#FFFFFF;opacity: 0.8;position:absolute;top:0px;right:0px;}
#editorial ul.inhaltsverzeichnis{list-style-type:none;font-weight:bold;float:right;width:290px; height:430px;padding: 20px 20px 0 20px;position:absolute;top:0px;right:0px;color:#2F6681;}
#editorial ul.inhaltsverzeichnis ul{list-style-type:none;font-weight:normal}
#editorial ul.inhaltsverzeichnis li{padding-bottom:3px; font-size:11px;}
#editorial ul.inhaltsverzeichnis a{padding: 1px 0px;}
#editorial ul.inhaltsverzeichnis a:hover{color:#990000;}

/*--INHALTSVERZEICHNIS POPUP AUF ARTIKELSEITEN----------------------------------------------------------------------------------*/
.inhaltsnavi, .inhaltsnavi ul { list-style:none ;margin:0;padding: 0; float:right; width: 288px; list-style-position:outside; }
.inhaltsnavi {margin-top:20px; margin-right:22px;display:inline;color: #2F6681;font-size:11px;}
.inhaltsnavi {z-index: 100;position: relative;}
.inhaltsnavi li {float: left;margin: 0;padding: 0;position: relative;}
.inhaltsnavi li a.dropdownright, .inhaltsnavi li a.dropdownright:link, .inhaltsnavi li a.dropdownright:active, .inhaltsnavi li a.dropdownright:visited {font-size:13px;color:#2f6681;text-decoration:none;text-transform:uppercase;padding: 6px 10px 0 25px;margin: 0 10px 0 0;display:block;}
.inhaltsnavi li a.dropdownright:hover {border-style:solid;border-width: 1px 1px 0 1px;border-color:#2f6681;padding: 5px 24px 0 9px;position:relative;z-index:100;background:url(../images/icon-dropdown.gif) 64px 9px  no-repeat #ffffff;}

#nav-two li:hover a.dropdownright, 
#nav-two li.sfHover a.dropdownright {border-style:solid;border-width: 1px 1px 0 1px;border-color:#2f6681;padding: 5px 9px 0px 24px;position:relative;z-index:100;background:url(../images/icon-dropdown.gif) 7px 9px  no-repeat #ffffff;}
#nav-two li:hover ul a, 
#nav-two li.sfHover ul a {}
#nav-two li:hover ul a:hover, 
#nav-two li.sfHover ul a:hover {}
#nav-two a.dropdownright {background:url(../images/icon-dropdown.gif) 8px 10px  no-repeat;}

.inhaltsnavi ul.inhaltsverzeichnis {width:288px; background: #ffffff;list-style: none;margin: 0;position: absolute;top: -999em;left: 0px; z-index:90; border: 1px solid #2f6681; border-width:1px; float:none; padding: 10px; font-weight:bold;}
.inhaltsnavi ul ul, .inhaltsnavi ul ul ul, .inhaltsnavi ul ul ul ul { border: none; float:none;}
.inhaltsnavi ul li, .inhaltsnavi ul li ul li, .inhaltsnavi ul ul ul li { border: none; float:none; }
.inhaltsnavi li:hover ul.inhaltsverzeichnis,
.inhaltsnavi li.sfHover ul.inhaltsverzeichnis {top: 21px;}
.inhaltsnavi ul a, #nav-two li.sfHover ul a {border: none;font-size: 11px;text-transform:none;padding:2px 0px;margin:0;background:none; text-transform:none;}

.inhaltsnavi ul.inhaltsverzeichnis ul{list-style:none;font-weight:normal; padding:1px 0px 1px 10px; width:278px;}
.inhaltsnavi ul.inhaltsverzeichnis li{padding:0; margin-bottom: 3px;}
.inhaltsnavi ul.inhaltsverzeichnis li ul li{padding:0 0 0 0px; margin-bottom: 3px;}
.inhaltsnavi ul.inhaltsverzeichnis li a{padding:0 0 0 0; text-transform:none; font-size:11px;}
.inhaltsnavi ul.inhaltsverzeichnis li a:hover{color:#990000;}