/* 
	Fa. highPC, Arnold Schrader, Rennweg 27, 93049 Regensburg
	12.04.2011
*/

html {
	font-family: 'Lucida Sans', sans-serif;
}

body {
	background: #ffffff;
	color: #000000;
	text-align: right;
	margin: auto;
}

a:link { color:red; }
a:visited { color:black; }

#foot_name { text-align:left; margin-left:2cm; }
p {
	text-align: justify;
	color: #000;
	font-size: 12pt;
	font-weight:normal;
	margin:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
h1 {
	color: #000;
	font-size: 15pt;
	margin-top:0;
	margin-bottom:0;
	line-height:25pt;
}

h2 {
	color: #000;
	font-size: 14pt;
	margin-top:0;
	margin-bottom:0;
	line-height:20pt;
}

#mask { /* Creates the mask */
	overflow:hidden;
}
#sidenews { width:200px; height:200px; position:relative; margin:0; }
#sidenews ul { /* Styling the unordered list <ul> that contains our slides <li>'s */
	width:400px; /* The calculated width of all the slides (4 slides x 600px in width) */
	position:relative;
	left:0px;
	margin:0;
	padding:0;
	list-style:none;
}
#sidenews li { /* Styling the list elements <li>'s that contain each slide */
	width:200px;
	height:200px;
	position:relative;
	display:inline; /* This aligns the <li>'s horizontally so that the <ul> can scroll horizontally. By default, <li>'s align vertically */
	float:left; /* Gets rid of mysterious spacing on the sides of the <li>'s */
	margin:0;
	padding:0;
}
#sidenews li span { /* Styling of the slider caption */
	display:block;
	width:180px;
	position:absolute; 
	top:0; 
	right:0;
	padding:10px;
}
#sidenews ul li span h2 { /* Styling of the slider caption */
	font-size:13pt;
	line-height:15pt;
	font-weight:bold;
	color:#000;
}
#sidenews ul li span p { /* Styling of the slider's paragraphs */
	font-size:11pt;
	line-height:12pt;
	font-weight:normal;
	color:#000;
}

.news { padding:0 10px 0 10px; }
.news h1 { font-size: 14pt; color:white; }
.news h2 { font-size: 20pt; color:white; font-weight:normal; }
.news p { font-size: 14pt; color:white; }

.adr h1 { font-size:15pt; color:#333; background: url(images/line-grey.gif) no-repeat bottom right; }

.small {font-size:8pt;}
#small {font-size:8pt;}

.site {
	padding:0px;
	width:900px;
	margin:auto;
	text-align: right;
	border: 0;
}
.full {
	padding:0px;
	width:99.99%;
	border:0;
	text-align:center;
}
.fbox {
	position:fixed;
	right:0;
	bottom:0;
	width:99.99%;
	border:0;
	background-color:#eee;
}

.logo {
	background: url('images/rouhafza-logo.png') no-repeat center left;
	height:130px;
	text-align: right;
	margin: 10px;
	width:880px;
}

#ontop{
	margin:0;
	position:fixed;
	height: 100%;
	z-index:999;
	padding:0px;
	width:100%;
	right:0px; top:0px;
	clear:none;
	display:none;
	background:url('images/50proz.png');
}
#iot{
	margin:0;
	position:fixed;
	height: 100%;
	z-index:999;
	padding:0px;
	width:100%;
	right:0px; top:0px;
	clear:none;
	display:none;
	background:url('images/whiteshadow.png');
}

.service {
	font-size:12pt;
	color:#111111;
}

.service li {
	margin-top:8px;
}

div.menu {margin:0;width:900px;height:40px;color:red;font-size:9pt;font-weight:bold;text-decoration:none;clear: left;}
.menu ul {list-style:none;margin:0 0 0 40px; }
.menu ul li { display: block; position: relative; float: right; cursor:pointer; }
.menu ul li a { display: block; text-decoration:none; font:12pt 'Lucida Sans', sans-serif; font-weight:bold; padding:10px; height:20px; text-align:right; color: red; white-space: nowrap; }
.menu ul li.current a { display: block; text-decoration: none; color: white; font:12pt 'Lucida Sans', sans-serif;font-weight:bold;padding:10px; white-space: nowrap;background-color:red;}

/* Dropdown-Box: */
.menu li ul { display: none; min-width: 10em; -moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333; }
.menu li ul.click { display: block; position: absolute; border: 1px solid black; border-top:0; margin:0; padding:0; color:white; background-color:red; }
/* derzeit gewähltes unterelement: .menu li ul li.current a { display: block; text-decoration: none; color: red;  font:12pt 'Lucida Sans', sans-serif;font-weight:bold;padding:10px; white-space: nowrap; }*/

.menu ul li a:hover, .menu ul.click li a { color: white; background: red; }
.menu ul.click li a:hover { color: red; background: #eee; }
.menu li:hover li { float: none; }
div.menu div { clear:both; }

.adr {
	float:left;
	margin:30px 0px 10px 10px;
	padding:10px;
	width:200px;
	border-right: 2px solid red;
	color:black;
	overflow:visible;
}
.adr strong {
	color:red;
}
.box5 {
	float:right;
	width:400px;
	min-height:150px;
	margin:0;
	padding:10px;
}

.box33 {
	float:right;
	width:280px;
	height:150px;
	margin:0;
	padding:10px;
}

.infobutton {
	color:red;
	width:400px;
	background-color:#ffeeee;
	border-color:#ffeeee;
	font-weight:bold;
	font-size:14pt;
}

.laender{
	float:right;
	height:22px;
	min-width:60px;
	text-align:left;
	color:#bebebe;
	vertical-align: middle;
	padding:3px;
}
.laender a{
	text-decoration:none;
	color:#bebebe;
}
.twocol {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-rule:1px solid #bebebe;
	-webkit-column-rule:1px solid #bebebe;
	column-rule:1px solid #bebebe;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	margin-right:30px;
}

.inhalt {
	text-align:right;
	width:660px;
	margin:0;
	padding-top:15px;
	color: #111111;
	font-size: 11pt;
	background: #ffffff;
	clear:right;
}
.inhalt td {
	color: #111111;
}
.inhalt a, .inhalt td a {
	color: #111111;
}
.footer {
	padding:0px;
	width:900px;
	margin:auto;
	text-align: right;
	border: 0;
	color:#ccc;
	font-size:0.9em;
}
.footer li { color:#4fa5d7;font-size:1em; }
.footer p { color:#ccc;font-size:1em; }
.footer a { color:#ccc; }
.footer b { color:red; font-size:1.2em; }
.orte { color:black; font-size:1.2em; float:right; }
.orte li { color:#555; font-size:0.8em; }
.orte i { margin-right:-1.5em; }

.social_share_privacy_area { clear: both; margin: 20px 0 0 0 !important; list-style-type: none; padding: 0 !important; width: auto; height: 25px; display: block; }
.social_share_privacy_area span { margin: 0 !important; padding: 0 !important; float: left; }
.social_share_privacy_area span .dummy_btn { float: left; margin: 0 0 0 10px; cursor: pointer; padding: 0; height: inherit; }
.social_share_privacy_area span iframe { overflow: hidden; height: inherit; width: inherit; }