/*
	Titel:		Style-Sheet
	Kunde:		CodeStore
	Autor:		Ayhan Sahin/CodeStore
	Datum:		12.06.2008
*/

/*	Formatierungen	*/
body					{}
font, td, span, div, p			{font-family: Tahoma; font-size:12px; color:#fff;}
a					{color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
b, strong				{font-weight:bold;}


ul					{margin:15px;}


h1					{font-size:16px; color:#fff; padding-top:15px;}
h2					{font-size:13px; color:#ff9933; margin-bottom:5px;}
h3					{font-size:12px; font-weight:bold; color:#ff9933; margin-bottom:5px;}

hr					{height:1px; border:1px solid #fff;}

.orange_small_bold			{color:#ff9933; font-weight:bold; font-size: 10px;}
.orange_small_bold_g			{color:#bebebe; font-weight:bold; font-size: 10px;}

.banner_headline			{font-size:25px; color:#ff9933;}
.banner_headline_intro			{font-size:12px; color:#1b7480; font-weight:bold; line-height:16px;}



/*	Globale Settings	*/
* 					{margin:0px; padding:0px; font-weight:normal;}

ol					{margin:20px;}


/*	DIVs	*/
#container				{width:963px; text-align:left; overflow:hidden;}

#head					{height:110px; overflow:hidden;}
#head_logo				{float:left; width:288px; margin:30px 0px 5px 26px;}
#head_portale				{float:right; width:250px; border-left:1px solid #e5e5e5; margin:2px 26px 5px 100px; font-variant:small-caps;}
#head_portale ul			{margin:0; margin-left:20px; padding:10px; list-style-type:none;}
#head_portale ul li			{color:#bebebe;}
#head a					{color:#1b7480;}


#topnavi				{height:36px; height:25px;background-image:url(topnav_bg.gif); font-weight:bold; padding:8px 30px 0px 30px; vertical-align:bottom; overflow:hidden;}
#topnavi ul				{list-style-type:none; width:auto; margin:0; padding:0;}
#topnavi ul li				{float:left; background: url(topnavi_trenner.gif) no-repeat; margin-right: 40px; padding-left:10px; line-height:23px;}
#topnavi ul li a			{color:#1b7480; font-size:13px;}
#topnavi ul li a.ac			{color:#999999;}


#content				{text-align:center; background-image:url(content_bg.gif);}
#content img				{display:inline;}
#content_container			{width:962px; text-align:left; margin-top:6px;}
#home_slideshow				{height:108px; background-image:url(home_slideshow_content_bg.gif);background-repeat:repeat-x;}
#h_s_start				{width:16px; float:left;}
#h_s_ende				{width:16px; float:right;}
#h_s_content				{height:auto; float:left;}
#content_inhalt				{padding:0px 20px 20px 10px;}
#content_inhalt a			{color:#fff; text-decoration:underline;padding:0;margin:0;}
#content_inhalt ul			{margin-left:20px; list-style-image:url(ul_icon_round.png);}
#content_inhalt ul.benefit		{margin-left:20px; list-style-image:url(ul_icon.png);}
#content_inhalt ul.suche		{margin-left:20px; list-style-image:url(ul_suche.png);}


/*	CONTENT_INHALT ELEMENTE	*/
#content_inhalt h1			{font-size:16px; color:#fff; padding:15px 0px 12px 0px; font-weight:bold;}
#content_inhalt h2			{font-size:14px; color:#ff9933; padding:0px 0px 9px 0px; font-weight:bold;}

#content_banner_startseite h1		{font-size:18px; color:#ff9933; font-weight:bold; margin:0px !important; padding:0px !important;}
#content_banner_startseite h2		{font-size:27px; color:#ff9933; font-weight:normal; margin:-15px 0 0 0 !important; margin:0px !important;}



/*	Layoutvorlagen	*/

/*	Texte-Bilder	*/
.img_text_block				{margin-top:20px;}
.img_block				{float:left;margin-right:15px; background-color:#d0d0d0}
.img_block_center			{width:250px;margin:auto;background-color:#d0d0d0; float:left; margin-right:25px;}
.txt_block				{float:left;}
.img173					{height:173px; overflow:hidden;}


/*	Paddings	*/
p.abst_4px				{margin:0; padding:4px; color:#333; font-size:10px;}

/*	Säubern der Flüsse	*/
.cb					{clear:both;}



#navi_headline				{height:22px; width:254px;background-image:url(navi_headline_bg.gif); }
#navi_headline_i			{font-weight:bold; color:#fff; font-size:12px; padding:3px 0px 3px 28px;}
#navi_content				{width:254px; margin-top:2px; background-image:url(navi_bg.gif); padding:1px 0px 1px 0px;}
#navi_content ul			{margin-left:20px; padding:10px; list-style-image:url(ul_point_orange.gif);}
#navi_content ul li			{line-height:16px;}


#navigation				{width:254px; float:left; overflow:hidden;}
#navigation a				{color:#1b7480; text-decoration:none; font-weight:bold;}
#navigation a:hover			{text-decoration:underline;}
#contentblock				{float:right; text-align:left; width:690px;}


#historynavigation			{}
#historynavigation a			{color:#fff; text-decoration:none;}

#footer					{height:19px; overflow:hidden; background-image:url(footer_bg.gif); padding:0px 7px 0px 7px;clear:both;}
#footer ul				{list-style-type:none; width:auto; margin:5px 0px 0px 30px; padding:0;}
#footer ul li				{float:left; margin-right: 15px;}
#footer ul li a				{color:#fff;}

/*	Besondere Elemente	*/
.box_braun				{border-top:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c; background-color:#2e2e2e; padding:10px; margin:15px 0px 15px 0px;}
.box_orange				{border:1px solid #ff9933; border-left:50px solid #ff9933; background-color:#2e2e2e; padding:10px; margin:15px 0px 15px 0px;}


/*	Formulare		*/
input, select				{font-size:12px; border:1px solid #666; padding-left:5px; padding-right:5px;}
textarea				{font-size:12px; border:1px solid #666; padding:5px;}

/*	Tagging-Cloud		*/
#taggingcloud				{max-width:307px; width:307px; padding:15px; height:103px; overflow:hidden; background-image:url(bg_keywordrank_home.gif); border:0px; margin-top:5px;background-color:#202020;}
#taggingcloud a				{text-decoration:none;}

/*	Pseuydo-Text-Klassen	*/
.codestore_ibm_home_h2			{font-size:12px; color:#fff; margin:0 0 0 30px; font-weight:bold; line-height:20px; vertical-align:middle;}

/*	NEWS			*/
#listen_headline			{width:575px; height:22px; background-image:url(bg_newsheadline.gif); overflow:hidden; margin-bottom:5px; overflow:hidden; background-repeat:no-repeat;}
#listen_container			{width:575px; height:134px; background-image:url(bg_images.gif); overflow:hidden;}
#listen_buttons				{position:relative; top:110px; z-index:2}
#listen_elements			{margin:5px;}
.listen_datum				{width:70px; padding:10px 0 0 10px; float:left; text-align:center;}
.listen_icon				{width:125px; height:75px; margin-right:15px; float:left; overflow:hidden;}
.listen_content				{width:340px; float:left; line-height:15px;}
.listen_element_eintrag			{display:none; z-index:1}


/*	STARTSEITE		*/
.home_heading				{clear:both; width:432px; height:22px; background-image:url(head_bg_home.gif); padding:0;}
.home_heading_small			{clear:both; width:336px; height:22px; background-image:url(head_bg_home_small.gif); padding:0;}


/*	SOCIAL BOOKMARKS	*/
ul#bookmarks li				{list-style: none; display: inline; margin: 0.4em; padding: 0;}



/*	PAGINATION		*/
.pagination-listen ul {
border:0 !important; 
margin:0; 
padding:0;
}

.pagination-listen li{
border:0 !important; 
margin:0; padding:0;
float:left !important;
font-size:12px;
list-style:none  !important;
border-right:solid 1px #DEDEDE !important;
}

.pagination-listen li, .pagination-listen a{
padding:2px !important;
}

.pagination-listen .previous-off,
.pagination-listen .next-off {
color:#888888;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}

.pagination-listen .next a,
.pagination-listen .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
color:#ff9933;
} 

.pagination-listen .active{
color:#ffffff !important;
background-color: #202020;
font-weight:bold;
display:block;
float:left;
/*padding:3px 6px;*/
}

.pagination-listen a:link,
.pagination-listen a:visited {
color:#ff9933 !important;
display:block;
float:left;
padding:3px 6px !important;
text-decoration:none !important;
}

.pagination-listen a:hover{
text-decoration:none;
}

/*	PAGINATION-JAHRE	*/
.pagination-years ul {
border:0 !important; 
margin:0; 
padding:0;
}

.pagination-years li{
border:0 !important; 
margin:0; padding:0;
float:left !important;
font-size:12px !important;
list-style:none;
border-right:solid 1px #DEDEDE !important;
}
.pagination-years li, .pagination-years a{
padding:2px !important;
}

.pagination-years .previous-off,
.pagination-years .next-off {
color:#888888;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}

.pagination-years .next a,
.pagination-years .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
color:#ff9933;
} 

.pagination-years .active{
color:#ff9933;
background-color:#202020;
font-weight:bold;
display:block;
float:left;
/*padding:3px 6px;*/
}

.pagination-years a:link,
.pagination-years a:visited {
color:#ff9933 !important;
display:block;
float:left;
padding:3px 6px !important;
text-decoration:none !important;
}

.pagination-years a:hover{
text-decoration:none;
}


/*	Kalender Startseite	*/
span.cal {
background:transparent url('orange2.png') no-repeat scroll 0%;
float:left;
height:49px;
width:48px;
font-family:"Trebuchet MS",Tahoma,Arial;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-right: 13px;
}

span.cal_month {
color:#FFFFFF;
display:block;
font-size:12px;
line-height:12px;
margin-left:-3px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}

span.cal_day {
color:#999999;
display:block;
font-size:18px;
line-height:16px;
margin-left:-3px;
margin-top:-2px;
padding-top:8px;
text-align:center;
text-transform:uppercase;
}


span.cal_year {
color:#999999;
display:block;
font-size:9px;
line-height:18px;
margin-left:-3px;
margin-top:-2px;
text-align:center;
text-transform:uppercase;
}