/***** Structure *****/
body {
	margin: 0 auto; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #fff;
}

#container {
	background: #fff;
}
#nav {
	width: 21%;
}

#header { 
		width: 100%;
		position: relative;
		padding: 7px 0 7px 0;
		background: url("images/bg_header.jpg");
	}
	#header p { margin: 0; padding: 0; color: #ccc;}
	#header input { border: 1px solid #125;}
	#header #logo { margin-left: 10px;}
	#header #userMenu {
		position: absolute; top: 19px; right: 10px;
		padding: 10px;
		background: #f4f4f4;
		border: 1px solid #1F2635;
	}
		#header #userMenu p { color: #666;}
	#byBrendaLink {
		position: absolute;
		font-size: 85%;
		right: 15px; top: 27px;
		color: #bbb;
	}
		#byBrendaLink a {
			color: #ddd;
		}
#navCore {
	position: relative;
	margin: 0; padding: 0;
}
	#navCore ul {
		width: 99.5%;
		margin: 0 0 15px 0; padding: 0 0 0 .5%;
		background: #303D58;
		height: 25px;
	}
		#navCore ul li {
			display: inline;
		}
		#navCore li a {
			padding: 4px 12px 4px 12px;
			color: #fff;
			border-right: 1px solid #414F72;
			float: left;
			text-decoration: none;
		}
		#navCore a:hover {
			text-decoration: underline;
			color: #fff;
		}
		#navCore .selected a {
			background-color: #4D5F84;
		}	
	#navCore #systemLinks {
		position: absolute;
		top: 5px; right: 15px;
		margin: 0; padding: 0;
		font-size: 85%;
		color: #ccc;
	}
		#navCore #systemLinks a {
			color: #fff;
		}
	
#navSub {
	margin-top: -12px;
	margin-bottom: 15px;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #ccc;
	background: #f4f4f4;
	padding: 14px 0 6px 0;
}

#footer p { padding-bottom: 5px;}

#desc {
	clear: both;
	padding: 0;
	margin: 0;
	font: normal 96% "Trebuchet MS", sans-serif;
	line-height: 120%;
	width: 99%;
	}

#desc2 {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background-color: #f4f4f4;
}

#desc2 td {
	padding: 6px 8px 6px 8px;
	line-height: 120%;
}

#tcontainer {
	margin-left: 50px;
}

#skyscraper {
	margin: 50px 50px 20px 0;
}

/***** Formatting *****/

p { margin: 0px; padding: 0px 0px 0px 0px; color: #333;}
a { color: #248;}
form { margin: 0px; padding: 0px;}
ul { list-style: disc;}
li {}
.attention { color: #f00;}
.obvious {}
.soft { color: #aaa;}
.deck { font-size: 85%;}
.icon { position: relative; top: 1px; margin-right: 5px;}

.neutral { border-bottom: 1px dashed #ccc;}
.beginner { background-color: #8EBB6D; color: #fff;}
.intermediate { background-color: #7797CC; color: #fff; text-align: center;}
.intermediate a { text-decoration: none;}
.intermediate a:hover { text-decoration: none; color: #000033;}

.advanced { background-color: #D6A054; color: #fff; padding: 2px 0 2px 5px;}
.anmerkungen { text-align: left;}
.anmerkungen p { text-align: left; color: #7D3549;}
.stand { font-size: 10px; letter-spacing: -0.0em; color: #7D3549;}

.sale a { color: #FFFFFF; text-decoration:underline;}
.sale a:hover { color: #FFFFFF; text-decoration:underline;}

.kurzinfo {color:#FFFFFF; font-size: 11px; padding-left: 10px;}
.kurzinfo a {color:#FFFFFF; font-size: 11px; text-decoration:none; padding-left: 10px;}
.kurzinfo a:hover {color:#333333; font-size: 11px; text-decoration:none; padding-left: 10px;}

.kurzinfo_alt {color:#333333; font-size: 11px;}

hr {
border: none 0;
border-top: 1px solid #dddddd;/*the border*/
width: 90%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

h1 {
	font-size: 200%;
	font-weight: normal;
	color: #364262;
	margin: 0 0 10px 15px;
	padding: 0;
	border-bottom: 1px solid #dddddd;/*the border*/
	width: 90%;
}

h2 {
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0 3px 5px;
	background: #eee;
}

h3 {
	font-size: 130%;
	font-weight: normal;
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 5px 14px;
	text-align: left;
}

.help h3 {
	font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 3px 2px 6px;
	border-bottom: 1px solid #dddddd;/*the border*/
	text-align: left;
}

/* etc */

#latest {
	clear: both;
 	width: 100%;
 	font-size: 0.7em;
 	padding-top: 40px;
	border-top: 1px solid #ccc;
	background-color: #eee;	
}

#container2 {
 clear: both;
 text-align: left;
 width: 650px;
 color: #ccc;
 margin: 0 auto;
} 

#container2 h3{
 font-size: 1.2em;
 text-transform: uppercase;
 margin-left: 10px;
 letter-spacing:-1px;
 margin-bottom: 10px;
 color: #F58220;
 }
 
.blocklinks {
 width: 320px;
 float: left;
 background-color: #EEEEEE;
 }

.blocklinks p.link {
  display: block; 
  padding: 10px;
  background: inherit;
  color: #333;
  border-top: 1px dotted #a0a0a0;
  text-decoration: none;
}

.blocklinks p:hover.link { 
  color: #000;
  background: #F9F9F9;
  border-top: 1px dotted #a0a0a0;
}

.blocklinks a { 
	text-decoration: none;
	color: #333;
}

.blocklinks a:hover {
	color: #000;
}



#articles {
 width: 320px;
 float: right;
 background-color: #eee;
 padding-bottom: 40px;
}

/*Artikel Liste */

#artikel {
 width: 100%;
 background: #ffffff;
 font-size: 1.0em;
 padding-top: 20px;
}

#container4 {
 clear: both;
 background: #fff;
 text-align: left;
 width: 650px;
 margin: 0 auto;
} 

#container4 h3{
 font-size: 1.1em;
 text-transform: uppercase;
 margin-left: 10px;
 letter-spacing:-1px;
 margin-bottom: 10px;
 color: #F58220;
 }
 
.blocklinks2 {
 width: 320px;
 float: left;
 background: #fff;
 text-decoration: none;

 }

.blocklinks2 a.link {
  display: block; 
  padding: 10px;
  background: inherit;
  color: #000000;
  border-top: 1px dotted #a0a0a0;
  border-bottom: 1px dotted #a0a0a0;
  text-decoration: none;
}

.blocklinks2 a:hover.link { 
  color: #000000;
  background: #F3F0E7;
  border-top: 1px dotted #a0a0a0;
  border-bottom: 1px dotted #a0a0a0;
  text-decoration: none;
}

#articles2 {
 width: 320px;
 float: right;
 background: #fff;
 padding-bottom: 40px;
}

#container4 a em { 
	color: #333;
	display: block;
	line-height: 125%; 
	font-size: 1.1em;
	text-decoration: none;
	font-style: normal;
}

#container4 a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

/* wip */


.detailbutton {
	margin-left: 116px;
}

#detailbox {
	border: 1px solid #a0a0a0;
}

#detailbox a img {
	margin-top: 4px;
	text-align: center;
	background-color:#ffffff;
}

.arc90_extlinkIMG {
					background: transparent url(http://www.simtarife.de/js/extLink_img.gif) no-repeat top right;
					margin-left: 2px;
					height: 12px;
					width: 12px;
					cursor: pointer;
					padding-left: 12px;
				}

/* gscloud.css - external stylesheet for gscloud.pl */

#kw h1, h2 {
    font-family: "Trebuchet MS"; color: #d37;
    margin: 18px 0 2px 0
}
#kw h1 { font-size: 18px }
#kw h2 { font-size: 14px }
#kw h2 a { color: #d37; }

#kw span.beta { color: #aaa; font-size: 12px; vertical-align: super }
#kw span.blue {
    color: #37d; font-size: 24px; font-weight: normal;
    vertical-align: sub;
}
#kw h2 span.small {
    color: #999; font-size: 12px; vertical-align: super;
    font-weight: normal
}

ul.cloud { margin: 0 14px 0 14px; padding: 0 }
ul.cloud li { display: inline; color: #37d; padding: 0 4px 0 4px }
ul.cloud li.size1{ font: normal 10px  "Trebuchet MS" }
ul.cloud li.size2{ font: italic 11px  "Trebuchet MS" }
ul.cloud li.size3{ font: bold 12px  "Trebuchet MS" }
ul.cloud li.size4{ font: normal 13px  "Trebuchet MS" }
ul.cloud li.size5{ font: italic 14px  "Trebuchet MS" }
ul.cloud li.size6{ font: bold 15px  "Trebuchet MS" }
ul.cloud li.size7{ font: normal 16px  "Trebuchet MS" }
ul.cloud li.size8{ font: italic 17px  "Trebuchet MS" }
ul.cloud li.size9{ font: bold 18px  "Trebuchet MS" }
ul.cloud li.size10{ font: normal 19px / 14px  "Trebuchet MS" }
ul.cloud li.size11{ font: italic 20px / 14px  "Trebuchet MS" }
ul.cloud li.size12{ font: bold 21px / 14px  "Trebuchet MS" }
ul.cloud li.size13{ font: normal 22px / 18px  "Trebuchet MS" }
ul.cloud li.size14{ font: italic 23px / 18px  "Trebuchet MS" }
ul.cloud li.size15{ font: bold 24px / 18px  "Trebuchet MS" }
ul.cloud li.size16{ font: normal 25px / 18px  "Trebuchet MS" }
ul.cloud li.size17{ font: italic 26px / 18px  "Trebuchet MS" }
ul.cloud li.size18{ font: bold 27px / 18px  "Trebuchet MS" }


.aff {visibility:hidden;}

.druck {
display:none;
font: italic bold 12px  "Trebuchet MS"; 
}

#feedback {
  /*background-image: url( /images/feedback.png );*/
  width: 32px;
  height: 170px;
  z-index: 15;
  cursor: pointer; }
  
  #feedback {
  position: fixed;
  top: 260px;
  left: 0px; }



