/* CSS Document */
html, body {
height: 100%;
font-size: .8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
text-align: center;
background-image: url(../img/layout/body_bg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}
#wrapper {
text-align: left;
background-color: #DAD8DF;
width: 740px;
margin: 0 auto;
}
/*.......................................................................................Ueberschriften
*/
#wrapper #content #rightcol h1, #wrapper #content #rightcol h2, #wrapper #content #rightcol h3, #wrapper #content #rightcol h4 {
font-size: 130%;
display: block;
margin: 20px 0 15px 0;
padding: 4px 15px 4px 30px;
font-weight: bold;
line-height: 140%;
font-family: Arial, Helvetica, sans-serif;
height: 22px;
clear: left;
}
#wrapper #content #rightcol h1 a, #wrapper #content #rightcol h2 a, #wrapper #content #rightcol h3 a, #wrapper #content #rightcol h4 a {
text-decoration: none;
color: #FFFFFF;
}
#wrapper #content #rightcol h5 a {
text-decoration: none;
color: #333333;
}
#wrapper #content #rightcol h1 {
color: #FFFFFF;
background-color: #EC9384;
border: 1px solid #FFFFFF;
}
#wrapper #content #rightcol h2 {
color: #333333;
background-color: #BCCDC4;
border: 1px solid #FFFFFF;
}
#wrapper #content #rightcol h3 {
color: #666666;
background-color: #FFCFB2;
border: 1px solid #F0F0F0;
}
#wrapper #content #rightcol h4 {
color: #333333;
background-color: #BDBAC7;
border: 1px solid #FFFFFF;
}
#wrapper #content #rightcol h5 {
background-image: url(../img/layout/h5.gif);
background-repeat: no-repeat;
padding: 32px 0 33px 25px;
font-family: "Trebuchet Ms", Arial, Helvetica, sans-serif;
font-size: 1.9em;
color: #333333;
font-weight: normal;
margin: 5px 0 5px 0;
}
/*..................................................................................Geordnete Liste
*/
#wrapper #content #rightcol ol {
list-style-type: upper-roman;
}
#wrapper #content #rightcol ol li {
padding: 0px;
margin: 0px;
color: #DD5500;
}
/*.......................................................................................Header
*/
#wrapper #header {
position: relative;
height: 280px;
width: 740px;
background-image: url(../img/layout/banner.jpg);
background-repeat: no-repeat;
}
/*..................................................................................Sprachauswahl
*/
#wrapper #sprache {
position: absolute;
top: -26px;
left: 150px;
border: 1px solid #FFFFFF;
padding: 3px;
background-color: #FFCC66;
}
#wrapper #sprache a {
color: #FFFFFF;
border-right: 1px dashed #FFFFFF;
padding: 0 6px 0 6px;
font-weight: bold;
text-decoration: none;
font-size: 1.3em;
}
#wrapper #sprache a:hover, #wrapper #sprache a#aktiv {
color: #FF0090;
text-decoration: underline;
}
/*..................................................................................Formulare
*/
#wrapper #formulare {
position: absolute;
top: -26px;
left: 266px;
width: 460px;
padding: 6px 0 6px 0;
}
#wrapper #formulare a {
color: #333333;
display: inline;
padding: 5px 5px 5px 5px;
background-color: #FFCC66;
margin: 0 0 0 1px;
border: 1px solid #FFFFFF;
text-decoration: none;
}
#wrapper #formulare a:hover {
background-color: #BDBAC7;
}
/*.......................................................................................Metanavigation
*/
#metanav {
position: absolute;
font-size: 110%;
width: 686px;
color: #CC0000;
left: 0px;
top: 10px;
display: block;
padding: 4px 6px 5px 6px;
border: 1px solid #FFFFFF;
text-align: center;
margin: 0 0 0 20px;
background-color: #F0F0F0;
}
* html #metanav {
w\idth: 700px;
}
#metanav a, #metanav a:link {
color:#666666;
text-decoration: none;
}
#metanav a:hover {
color:#333333;
text-decoration: none;
}
#wrapper #content {
position: relative;
padding: 20px;
width: 740px;
}
/*.......................................................................................Left-colom
*/
#wrapper #leftcol {
position: absolute;
width: 190px;
margin: 30px 0 0 0;
top: 21px;
left: 23px;
}
/*.......................................................................................Anzeige
*/
#wrapper #leftcol .werbung {
border: 1px solid #FFFFFF;
padding: 12px;
font-size: 100%;
margin-bottom: 20px;
}
#wrapper #leftcol .wetter {
border: 1px solid #F0F0F0;
padding: 10px;
margin-bottom: 20px;
background-image:url(../img/layout/wetter.gif);
background-repeat:no-repeat;
background-position: top right;
color: #335599;
}
#wrapper #leftcol .wetter a.link {
color:#333366;
height: 28px;
display: block;
margin: 7px 0 7px 0;
padding: 0 0 0 45px;
background-image: url(../img/layout/link.gif);
background-repeat: no-repeat;
}
#wrapper #leftcol .wetter a:hover {
color:#CC3300;
}
#wrapper #leftcol .wetter h1 {
font-size:130%;
color:#CC3300;
}
/*......................................................................................Hauptnavigation
*/
#wrapper #leftcol #subnav {
padding: 0;
font-size: 120%;
margin-bottom: 20px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
}
#wrapper #leftcol #subnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#wrapper #leftcol #subnav ul#nav {
background-color: #DAD8DF;
}
#wrapper #leftcol #subnav ul#nav li {
list-style-type: none;
background-color: #DAD8DF;
margin: 1px 0 1px 0;
}
#leftcol #subnav ul#nav li a, #leftcol #subnav ul#nav li a:link, #leftcol #subnav ul#nav li a:visited {
display: block;
text-decoration: none;
padding: 4px 0px 4px 30px;
color: #333333;
background-image: url(../img/layout/raquo_main.gif);
background-position: 5px 50%;
background-repeat: no-repeat;
border-bottom: 1px dashed #FFFFFF;
}
#leftcol #subnav ul#nav li a:hover, #leftcol #subnav ul#nav li a.aktiv {
background-color: #DAD8DF;
background-image: url(../img/layout/raquo_main_aktiv.gif);
}
#leftcol #subnav ul#liste, #leftcol #subnav ul#liste li, #leftcol #subnav ul#liste2, #leftcol #subnav ul#liste2 li, #leftcol #subnav ul#liste3, #leftcol #subnav ul#liste3 li, #leftcol #subnav ul#liste4, #leftcol #subnav ul#liste4 li {
background-color: #DAD8DF;
}
#leftcol #subnav ul#liste li a, #leftcol #subnav ul#liste li a:link, #leftcol #subnav ul#liste li a:visited {
padding: 4px 0px 4px 40px;
color: #555555;
background-image:url(../img/layout/raquo.gif);
background-position: 15px 50%;
border-bottom: 1px dashed #777777;
}
#leftcol #subnav ul#liste li a:hover, #leftcol #subnav ul#liste li a.aktiv {
background-image:url(../img/layout/raquo_aktiv.gif);
}
#leftcol #subnav ul#liste2 li a, #leftcol #subnav ul#liste2 li a:link, #leftcol #subnav ul#liste2 li a:visited {
padding: 3px 0px 3px 50px;
color: #777777;
background-image:url(../img/layout/raquo_02.gif);
background-position: 25px 50%;
border-bottom: 1px dashed #555555;
}
#leftcol #subnav ul#liste2 li a:hover, #leftcol #subnav ul#liste2 li a.aktiv {
background-image:url(../img/layout/raquo_02_aktiv.gif);
}
#leftcol #subnav ul#liste3 li a, #leftcol #subnav ul#liste3 li a:link, #leftcol #subnav ul#liste3 li a:visited {
padding: 3px 0px 3px 60px;
background-image:url(../img/layout/raquo_03.gif);
background-position: 35px 50%;
color: #777777;
border-bottom: 1px dashed #444444;
}
#leftcol #subnav ul#liste3 li a:hover, #leftcol #subnav ul#liste3 li a.aktiv {
background-image:url(../img/layout/raquo_03_aktiv.gif);
}
#leftcol #subnav ul#liste4 li a, #leftcol #subnav ul#liste4 li a:link, #leftcol #subnav ul#liste4 li a:visited {
padding: 3px 0px 3px 70px;
background-image:url(../img/layout/raquo_04.gif);
background-position: 45px 50%;
color: #888888;
border-bottom: 1px dashed #333333;
}
#leftcol #subnav ul#liste4 li a:hover, #leftcol #subnav ul#liste4 li a.aktiv {
background-image:url(../img/layout/raquo_04_aktiv.gif);
}
/*......................................................................................Topnavigation
*/
#wrapper #topnav {
position: absolute;
padding: 6px 8px 5px 8px;
border: 1px solid #FFFFFF;
top: 50px;
left: 230px;
font-size: 100%;
background-image:url(../img/layout/topnavi_bg.jpg);
background-repeat:repeat-x;
}
#wrapper #topnav a, #wrapper #topnav a:link, #wrapper #topnav a:visited {
display: inline;
padding: 0px 8px 0px 8px;
color: #241A44;
border-right: 1px solid #CC3300;
}
/*......................................................................................Rightcolom
*/
#wrapper #rightcol {
position: relative;
width: 490px;
left: 210px;
padding: 0px 0px 60px 0px;
top: 50px;
font-size: 110%;
line-height: 145%;
}
* html #rightcol {
w\idth: 490px;
}
/*......................................................................................Blocks
*/
#rightcol .box {
width: 490px;
display: block;
height: 100px;
margin: 0 0 10px 0;
padding: 0;
}
#rightcol .box .lefttop, #rightcol .box .righttop, #rightcol .box .leftbottom, #rightcol .box .rightbottom {
width: 238px;
display: block;
float: left;
height: 100px;
border: 1px solid #FFFFFF;
background-color: #F0F0F0;
background-repeat: no-repeat;
background-position: right;
}
#rightcol .box .lefttop {
margin: 0 10px 0 0;
background-image: url(../img/sonstiges/au-pair.gif);
}
#rightcol .box .righttop {
margin: 0;
background-image: url(../img/sonstiges/demi-pair.gif);
}
#rightcol .box .leftbottom {
margin: 0 10px 0 0;
background-image: url(../img/sonstiges/globe_01.gif);
}
#rightcol .box .rightbottom {
margin: 0;
background-image: url(../img/sonstiges/praktikum.gif);
}
#rightcol .box .leftbottom p, #rightcol .box .lefttop p, #rightcol .box .righttop p, #rightcol .box .rightbottom p {
display: block;
padding: 0 80px 0 10px;
font-size: 87%;
line-height: 1.4em;
font-weight: bold;
margin: 7px 0 7px 0;
color: #666666;
}
#rightcol .box .leftbottom a, #rightcol .box .lefttop a, #rightcol .box .righttop a, #rightcol .box .rightbottom a {
display: block;
padding: 0 0 10px 10px;
width: 75px;
}
* html #rightcol .box .lefttop, * html #rightcol .box .righttop, * html #rightcol .box .leftbottom, * html #rightcol .box .rightbottom {
w\idth: 240px;
}
#rightcol .box em {
font-style: normal;
color: #FF3300;
}
#rightcol .block {
padding: 20px 20px 10px 30px;
text-decoration: none;
background-color: #F0F0F0;
margin: 0 0 15px 0;
background-image: url(../img/layout/block.gif);
background-repeat: no-repeat;
color: #666666;
line-height:140%;
}
#rightcol #sydney {
padding: 9px 20px 160px 20px;
text-decoration: none;
background-color: #F0F0F0;
margin: 0 0 15px 0;
background-image: url(../img/layout/sydney.gif);
background-position: bottom;
background-repeat: no-repeat;
color: #666666;
line-height: 120%;
border: 1px solid #999999;
}
/*......................................................................................Warnung
*/
#rightcol .blockzwei {
font-size: 100%;
color: #CC0000;
margin: 15px 0 15px 0;
padding: 10px 20px 11px 30px;
background-image: url(../img/layout/ausrufezeichen.gif);
background-position: 9px 7px;
background-repeat: no-repeat;
background-color: #F0F0F0;
line-height:140%;
}
/*......................................................................................Downloads
*/
#rightcol .download {
font-size: 100%;
color: #330099;
font-weight: bold;
margin: 15px 0 15px 0;
padding: 8px 20px 13px 50px;
background-image: url(../img/layout/bg-download.gif);
background-position: 12px 12px;
background-repeat: no-repeat;
background-color: #F0F0F0;
line-height:140%;
border: 1px solid #666666;
}
/*......................................................................................Seitennavigation
*/
#rightcol #navi {
margin: 15px 0 15px 0;
padding: 12px 13px 13px 13px;
background-image: url(../img/layout/navigator.gif);
background-position: right bottom;
background-repeat: no-repeat;
background-color: #F0F0F0;
border: 1px solid #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#rightcol #navi a, #rightcol #navi a:link, #rightcol #navi a:visited {
color: #5781AE;
text-decoration: none;
background-image: url(../img/layout/link_in.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0 0 1px 24px;
}
#rightcol #navi a:hover {
color: #CC0000;
text-decoration: none;
}
#rightcol #navi a#aktive {
color:#FF3300;
background-image: url(../img/layout/download.gif);
margin: 7px 0 0 0;
display: block;
}
#rightcol #navi a#aktiv:hover {
color: #CC0000;
}
#rightcol .kategorien {
display: inline;
width: 180px;
float: left;
}
/*.......................................................................................zum Anfang
*/
#wrapper #content #rightcol a.anfang, #wrapper #content #rightcol a:link.anfang, #wrapper #content #rightcol a.anfang {
margin: 0;
display: block;
padding: 15px 27px 15px 7px;
text-align: right;
border-top: 1px solid #FFFFFF;
color: #CC0000;
text-decoration: none;
background-image: url(../img/layout/top.gif);
background-repeat: no-repeat;
background-position: right 50%;
}
#wrapper #content #rightcol a:hover.anfang {
color: #333333;
}
/*.......................................................................................Absatz
*/
#rightcol p {
margin: 1.3em 0 1.3em 0;
line-height: 1.5em;
display: block;
}
/*.........................................................................................span
*/
#rightcol span {
font-weight: bold;
color: #241A44;
}
/*..........................................................................................Linie
*/
hr {
border-style:solid; 
border-width:1px; 
border-bottom:0px; 
border-left:0px; 
border-right:0px; 
border-color:#FFFFFF;
margin: 8px 0 8px 0;
}
/*......................................................................................Links-Rightcolom
*/
#rightcol a, #rightcol a:link, #rightcol a:visited {
color: #CC0000;
text-decoration: underline;
}
#rightcol a:hover {
color:#333333;
text-decoration:underline;
}
/*......................................................................................Footer
*/
#footer {
position:relative;
width:700px;
background-color:#999999;
font-size:110%;
color:#FFFFFF;
padding:10px 20px 10px 20px;
background-image:url(../img/layout/bg-footer.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}
* html #footer {
w\idth: 740px;
}
#footer a, #footer a:link {
color: #EC9384;
text-decoration: underline;
}
#footer a:hover {
color:#CCCCCC;
text-decoration:underline;
}
#footernavi {
position: absolute;
top: 0px;
right: 0px;
margin: 8px 20px 8px 8px;
display: block;
padding: 1px 6px 2px 6px;
border: 1px solid #666666;
background-color: #999999;
color: #FFFFFF;
}
#footernavi a, #footernavi a:link {
color:#FFFFFF;
text-decoration: none;
}
#footernavi a:hover {
color:#EC9384;
text-decoration: none;
}
.antifloat {
clear: both;
visibility: hidden;
}
.bildergross {
margin: 10px 0 10px 0;
border: 1px solid #FFFFFF;
}
.bold {
font-weight: bold;
}
/* Gaestebuch ...............................................................
*/
#rightcol #gaestebuch div.gb {
margin: 0 ;
padding: 0;
border: 1px solid #F0F0F0;
line-height: 19px;
}
#rightcol #gaestebuch div.gb-author {
margin: 0px;
padding: 20px;
background: #DAD8DF;
}
#rightcol #gaestebuch p.gb-author-left {
margin: 0px;
float: left;
}
#rightcol #gaestebuch p.gb-author-right {
margin: 0px;
text-align: right;
}
#rightcol #gaestebuch div.gb-entry {
margin: 0px;
padding: 20px;
background: #DAD8DF;
}
#rightcol #gaestebuch p.gb-browse {
text-align: right;
font-weight: bold;
}
#rightcol #gaestebuch p.gb-admin-buttons {
margin: 3px 0px 0px 0px;
text-align: right;
}
#rightcol #gaestebuch .caution {
color: red;
font-weight: bold;
}
#rightcol #gaestebuch .small {
font-size: 10px;
line-height:16px;
}
#rightcol #gaestebuch .comment {
margin: 10px 0px 0px 0px;
color: #808080;
font-style: italic;
}
#rightcol #gaestebuch b {
font-weight: bold;
display: inline;
margin: 0;
padding: 0;
border: 0px;
background-color: transparent;
font-size: 100%;
}
#wrapper #rightcol .imgtext {
width: 190px;
padding: 10px;
margin: 0 20px 25px 0;
background-color: #E7E7E7;
float: left;
}
* html #wrapper #rightcol .imgtext {
w\idth: 210px;
margin: 0 17px 13px 0;
}
#wrapper #rightcol .imgtext p {
padding: 6px 0 0 0;
margin: 10px 0 0 0;
font-size: .9em;
color: #666666;
border-top: 1px solid #CCCCCC;
line-height: 1.5em;
}
#wrapper #rightcol .imgtext em {
color: #CC0000;
display: block;
margin: 0 0 5px 0;
}
#wrapper #rightcol #neu {
font-size: 100%;
color: #666666;
display: block;
width: 238px;
height: 28px;
padding: 6px 0 0 20px;
background-image: url(../img/erstellen.gif);
background-repeat: no-repeat;
} 
/*..................................................................................Top Price Box mit Stern
*/
#wrapper #rightcol .topprice {
	 height: 140px;
	 border: 1px solid #777777;
	 margin: 25px 0 25px 0;
	 background-image:url(../img/layout/price_back.jpg);
	 background-repeat: no-repeat;
	 background-color: #FFFFFF;
}
#wrapper #rightcol .topprice .topbox p {
	float: left;
	font-size: 1.9em;
	line-height: 1.9em;
	text-align: right;
}
#wrapper #rightcol .topprice .topbox i {
	background-image: url(../img/layout/price.jpg);
	background-repeat: no-repeat;
	background-position: 0 20px;
	display: block;
	height: 30px;
	padding: 60px 40px 60px 13px;
	color: #FFFFFF;
	float: right;
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
}
#wrapper #rightcol .topprice .topbox {
	margin-left: 80px;
}