/*  
Theme Name: Webhosting Default Theme
Author: Andrey Cekovski
*/

/* CSS Document */
body { margin: 0px; padding: 0px; font-family:verdana,arial,sans-serif;; color: #666666; font-size: 11px; background: #ffffff; }

/* General Links */
a:link, a:visited { text-decoration : none; color : #5F6152; border: 0px; outline: none; } 
a:hover, a:active { text-decoration : underline; color : #5F6152; border: 0px; outline: none; } 


img { padding: 0px; margin: 0px; border: none;}

input { font-family: 'Verdana'; color: #666666; font-size: 11px; }
textarea { font-family: 'Verdana'; color: #666666; font-size: 11px;  }
select { font-family: 'Verdana'; color: #666666; font-size: 11px;  }

h1, h2, h3 { font-family: "Arial";}

.clear { clear: both; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*navigation*/
#navcontainer {float:left;width:100%; background: url(images/webhosting_navi.gif) repeat-x;}
#navcontainer ul {padding-left:15px; margin: 0px;color:white;float:left;width:978px;}
#navcontainer ul li {display:inline;}
#navcontainer ul li a {padding : 10px 10px; font-weight: bold; text-decoration : none;float : left;}
#navcontainer ul li a:hover {}

.headleft {
	display: block;
	float: left;
	height: 33px;
	border-bottom:1px solid #9E9E9E;
	border-left:1px solid #E7E7E7;
	border-right:1px solid #9E9E9E;
	border-bottom: 1px solid #9e9e9e;
	padding: 0px 5px;
	font-size:11px;
	color:#5F6152;
	font-weight:bold;
	text-decoration:none;
}

#activelink{
	background: url(images/webhosting_naviactive.gif) repeat-x;
}

#activelink{
	height: 37px;
	color: #FFFFFF;
	padding: 0px -5px;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
}

#activelink a {
	color: #FFFFFF;
}

/*drop-down cats*/
.headright {float : right;}
.headright a {color: #5F6152;}
#browsecontainer { background: #9BBBE1; width: 100%; margin-top:4px; float: left;}
ul.navlist { height: 30px; background: #9BBBE1;}
#navcontainer ul.navlist li.headright a {border-right: 0px;}
#slickbox {background : inherit;float : left;position : relative;margin : 0 ;width : 978px;padding : 0px 0px 0px 0px ;text-transform : lowercase;font-size : 1em;}
#slickbox h4 {text-transform : uppercase;padding : 3px 0 3px 0;}
#slickcats {background : inherit;float : left;position : relative; width : 100%;padding : 0 0 20px 0px;}
#slickcats a { font-size: 12px;}

*+html #slickcats { /* versteht nur der IE7 */
	padding-left: 20px;
}

ul.headcats {color : #444444;text-align : left;height : auto;margin: 10px 0 0;background-color : inherit;}
ul.headcats li {display : inline;list-style-type : none;margin-right : 3%;
border-bottom : 1px solid #ddd;float : left;text-align : right;display : block;width : 22%;}
ul.headcats li:hover {background : #f3f3f3 !important;}
ul.headcats li a {float : left;color : #333;}
ul.headcats li a:hover {background : #f3f3f3 !important;color : #444444;}

#banner { position:absolute;left:1015px;top:200px; }
.banner-text { font-size:10px; padding-left:7px;

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontain { margin: 0px; padding:0px; background-color: #FFFFFF; width: 100%; } 
#bgcontainIn { padding: 0px; } 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header { width: 100%; height: 109px; float: left; margin: 0px; padding: 0px; background: url(./images/webhosting_header.gif) bottom repeat-x; }
.header-title {margin: 31px 160px 0px 15px; float: left; }
.header-title a { display: block; width: 320px; height: 54px; background:url(images/webhosting_logo.gif);}
.topbanner { background-image: url(images/anzeige_hintergrund.gif); background-repeat: no-repeat; width: 483px; height: 81px; float: left; padding: 11px 0px 0px 9px; margin-top: 10px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.TopMenu { position: absolute; top: -27px; left: 20px;}
.TopMenu ul { padding: 0px; margin: 0px; border-left: solid 1px #2269a3; }
.TopMenu li { padding: 0px 5px; margin: 0px; display: inline; border-right: solid 1px #2269a3; font-size: 10px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.WidthSize { position: absolute; top: -27px; left: 400px; color:#fff; }
.WidthSize ul { padding: 0px; margin: 0px; border-left: solid 1px #2269a3; display: inline;}
.WidthSize li { padding: 0px 5px; margin: 0px; display: inline; border-right: solid 1px #2269a3; font-size: 10px; }
.WidthSize li a { color:#80add2; text-decoration: none;}
.WidthSize li a:visited { color:#80add2; text-decoration: none;}
.WidthSize li a:hover { color:#fff; text-decoration: underline;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { background: #f0f0f0; width: 100%; position: relative; float: left; height: 35px; }
.MainMenu { height: 35px; }
.MainMenu ul {  list-style: none; margin: 0px; padding: 0px; width: 100%; height: 34px;}
.MainMenu li {  background-color:#3f3f3f; float: left; margin-right: 2px; height:34px; line-height:34px; font-size: 14px;   font-weight: bold; position: relative;}

.MainMenu li a {  font-weight:normal !important; border:1px solid #6F6F6F; display:block; height:33px; padding-left:10px;padding-right:10px;  color:#FFFFFF;}

.MainMenu li .inactive { border:none; font-weight:none; height:34px; background-color:#f0f0f0 !important; color:#3f3f3f !important;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.MainMenu ul li ul { display: none;}
.MainMenu ul li ul li { display: inline; float: none; background: none; margin: 0px; padding: 0px; font-size: 11px; font-family: 'Verdana'; text-transform: none; font-weight: normal; }
.MainMenu ul li ul li a { background: none; padding: 0px;}
.MainMenu ul li ul li:hover { background: none;}
.MainMenu ul li ul li a:hover {  background: none; color: #fff; text-decoration: none; }
.MainMenu ul li ul li:hover a { background: none;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.MainSyn { position: absolute; right: 10px; top: 10px; }
.MainSyn ul { padding: 0px; margin: 0px;}
.MainSyn li { padding: 0px; margin: 0px 0px 0px 10px; list-style-type: none; display: inline; float: left;}

.MainSyn a { padding: 0px 0px 0px 19px; background: url(./images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 14px; font-family: "Trebuchet MS"; text-transform: lowercase; font-weight: bold;}
.MainSyn a span { padding: 4px 7px 5px 6px; display: block; background: url(./images/PostComRight.png) no-repeat right top; float: left; }
.MainSyn a span { float: none;}
.MainSyn a:hover span {}
.MainSyn a:hover { background-position: 0% -27px; text-decoration: none; color:#fff;}
.MainSyn a:hover span { background-position: 100% -27px; color:#fff; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#Content { width: 978px; padding: 0px 0px 10px 0px; float: left; border-top: 1px solid #cccccc; background-color: #f0f0f0; }
#ContentWrapper { float: left; width: 978px; }

/* Central Column */
.SCS { margin-right: 260px; padding-left: 10px; background-color: #f5f5f5; }
.SCS h1 { font-size: 22px; line-height: 24px; letter-spacing: -1px; font-weight: normal; padding: 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #c5c5c5; color:#202123;}
.SCS h2 { font-size: 16px; line-height: 18px; padding: 5px 0px; margin: 0px; color:#3e424a; letter-spacing: -1px;}
.SCS h3 { font-size: 16px; font-weight: normal; line-height: 18px; padding: 3px 0px; margin: 0px; color:#3e424a; }
.SCS p { font-size: 11px; line-height: 14px; }


/* Central Column */
.SC { margin-right: 260px; padding-left: 10px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Team { padding: 0px; margin: 0px; }
li.TeamMem { padding: 5px 0px !important; margin: 0px; background: none; }
li.TeamMem img { float: left; padding: 0px 4px 0px 0px; }
li.TeamMem div { padding: 4px 0px 0px 0px; height: 60px; font-size: 9px; line-height: 13px; overflow: hidden; }
li.TeamMem hr { padding: 0px; margin: 0px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Post { padding: 10px 10px 25px 10px !important; margin: 10px 0px 20px 0px; border: solid 1px #c5c5c5; background-color: #ffffff; }

.PostHead { position: relative; clear: left; margin-left: 40px; }
.PostHead h1 { font-size: 22px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 0px; margin: 0px; display: block; color: #666666;}
.PostHead h1 a:hover {text-decoration: none;}

.PostInfo { padding: 0px; margin: 0px; color: #666;}
.PostInfo a { text-decoration: underline; color: #666;}
.PostInfo a:visited { text-decoration: underline; color: #666;}
.PostInfo a:hover { text-decoration: underline; color: #666; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDate { position: absolute; top: 0px; left: -40px; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #e2e2e2;}
.PostDate .day { display: block; font-size: 20px; font-family: 'Arial'; font-weight: normal; line-height: 20px; color: #2277DD; letter-spacing: -1px;}
.PostDate .month { display: block; font-size: 9px; text-transform: uppercase; line-height: 9px; color: #666666; text-transform: lowercase;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostContent { font-size: 12px; line-height: 18px;	border-top: solid 1px #e2e2e2; margin-top: 10px; padding: 8px 0px 30px 0px; }
.PostContent p { font-size: 12px !important;	line-height: 20px;	font-family: Arial, Helvetica, sans-serif;	margin: 0px 0px 12px 0px; padding: 0px; }
.PostContent p a { text-decoration: underline; }
.PostContent p font { font-size: 12px !important; }
.PostContent img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 0px 0px 15px;}
.PostContent blockquote { padding: 0px 10px; background: #fefaf0; margin: 0px; color:#993300; border: solid 1px #fbf4e0; border-left: solid 5px #fbf4e0;}
.PostContent blockquote p { font-size: 12px !important; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul { font-size: 12px !important; padding-left: 32px; }
.PostContent ol { font-size: 12px !important; padding-left: 32px; }
.PostContent ol li, .PostContent ul li { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 20px; }
.PostContent h3 { margin: 0px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostCom { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostCom li { padding: 0px; margin: 0px; list-style-type: none; }
.PostCom li a { padding: 3px 0px 4px 25px; background: url(./images/PostComIco.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostCom li a:hover { background-position: 0% -20px; text-decoration: none;}


.pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; padding: 10px 0px; margin: 0px; text-transform: uppercase; }

.Nav { position: relative; height: 15px;}
.Nav .Prev { padding-left: 15px; background: url(images/PrevIco.gif) no-repeat left center; position: absolute; top: 0px; left: 0px;}
.Nav .Next { padding-right: 15px; background: url(images/NextIco.gif) no-repeat right center; position: absolute; top: 0px; right: 0px;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PostNote { margin: 0px; padding: 0px;}
.PostNote li { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.PostNote .TrackBack { background: url(./images/PostNoteTrackBack.png) no-repeat left center; }
.PostNote .RSS { background: url(./images/PostNoteRSS.png) no-repeat left center; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { padding: 0px; margin: 20px 0px 20px 0px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 40px; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: bold;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListNr { font-size: 26px; line-height: 26px; font-family: 'Arial'; color: #7f7f7f; position: absolute; top: 0px; left: 0px; text-align: center; padding: 2px 10px 2px 0px; margin: 0; border-right: solid 1px #e2e2e2;}

.List .ListDate { padding-left: 40px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form { padding: 0px; margin: 0px; }
.Form h3 { color: #5F6152; font-size: 16px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5c5c5; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; }
#commentform form { padding: 15px 25px 15px 15px; margin: 0px; background-color: #ffffff; border: 1px solid #c5c5c5; }
* html .Form form { width: 634px; }
#commentform p { padding: 0px; margin: 0px; color:#666666;}
#commentform p label { padding-bottom: 11px; display: block; }
#commentform p label small { font-size: 11px; color: #666666}

#commentform .TextField { background: #fff; border: solid 1px #c5c5c5; padding: 4px; margin-right: 15px;}
#commentform .TextArea { background: #fff; border: solid 1px #c5c5c5; padding: 4px; margin-bottom: 10px;}
#commentform input.SubmitComment { width: 165px; height: 24px; background: #fff; border: solid 1px #c5c5c5; padding: 4px; font-weight: bold; }

#reroot {margin-top:10px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Right Column */
.SRTOP { background:url(images/sidetop.gif) top left repeat-x; height: 3px; margin: 0px 1px 10px 1px; padding: 0px; } 
.SRBOTTOM { background:url(images/sidebottom.gif) top left repeat-x; height: 3px; margin: 0px 1px; padding: 0px; } 
.SR { float: left; width: 248px; margin-left: -248px; color:#666666; background:url(images/sidebg.gif) repeat-y; margin-top: 10px; padding: 0px; }
* html .SR { padding-bottom: -10px; }
.SR h3 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  font-size: 12px;  color:#FFF; }
.SR td { vertical-align: top; padding-right: 10px; }
 
.SR ul { padding: 0px; margin: 0px;}
.SR ul li { padding: 5px 0px 5px 10px; border-top: 1px solid #c5c5c5; margin: 0px; list-style-type: none; font-size: 12px;}
.SR ul.children li { padding: 5px 0px 0px 15px; border: none; margin: 0px; list-style-type: none; font-size: 12px;}
.SR li a { padding: 0px; margin: 0px; color: #666666; text-decoration: none; } 
.SR li a:hover { text-decoration: underline; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.General { width: 228px; background-color: #f0f0f0; margin-left:10px; margin-bottom: 10px; position: relative; border: 1px solid #c5c5c5; overflow: hidden; }
.General h3 {  padding-left: 10px; height:25px; line-height:25px;background:url(images/navibg.gif) repeat-x; color:#666666}
.General p { padding: 10px; margin: 0px; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search form { padding: 10px 0px 10px 10px; margin: 0px;}
.Search input { color: #666666; font-size: 11px;}
.Search input.search { width: 25px; height: 25px; background: url(images/SearchButton.png) no-repeat;}
.Search input.search:hover { background: url(images/SearchButton.png) no-repeat 0 -25px; }
.Search input.searchIE {width: 25px; height: 25px; background: url(images/SearchButton.png) no-repeat 0 -25px; }
.Search input.keyword { border: none; background: #fff url(images/SearchKeywordBkg.gif) no-repeat; padding: 7px; border: none; } 

/* IE Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 180px; } /* */ 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 180px; top: 0px; background: none; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Calendar h3 {padding-left: 10px; height:25px; line-height:25px;background:url(images/navibg.gif) repeat-x; color:#666666}
.Calendar a { color: #666666; text-decoration: none;}  
.Calendar a:hover { text-decoration: underline; color: #000000; } 

.Calendar table { width: 100%; color: #666666; }
.Calendar table th { text-align: center; padding: 5px 0px; border-bottom: 1px solid #c5c5c5;}
.Calendar table td { text-align: center; padding: 4px 0px; }
.Calendar table caption { background-color: #ffffff; padding: 5px 0px; font-size: 11px;  color:#666666; font-weight: bold; text-align: left; padding-left: 10px;}
.Calendar table #today { background-color: #dddddd;}
.Calendar table #prev { text-align: left; padding-left: 8px; font-weight: bold; letter-spacing: -1px;}
.Calendar table #next { text-align: right; padding-right: 8px;  font-weight: bold; letter-spacing: -1px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Footer { width: 100%; position: relative; clear: left; background: #f0f0f0; border-top: 1px solid #c5c5c5; }
.Footer p { padding: 10px; margin: 0px; color:#487cb0; font-size: 10px; color:#666666;}