/*
CSS-Datei für Riek, direkt Marketing
René Link
*/

/*###########################################

Inhaltsverzeichnis

Zur leichteren Lokalisierung der einzelnen
Bereiche wurden diese mit Nummer versehen
und ein Inhaltsverzeichnis angelegt

1. Grundgerüst
2. Contentboxen
3. Navigation
4. Fonttypen
5. Overlays
6. Formulare
7. Tabellen
8. Hyperlinks
9. sonstige Formatierungen

############################################*/

/*###########################################

1. Grundgerüst

###########################################*/

body
	{
	height:98%;
	font: 100% 'Arial', Sans-Serif; 
	margin:5px 0px 0px 0px;
	padding:0px;
		
	}	
#top_layout_up 
	{
	background: url(images/frame_top.jpg);
	width: 900px;
	height: 18px !important;
	margin: 0px auto 0px;
	line-height:18px;
	text-align: right;
        padding: 0px;
	
	}

#flop_layout_down
	{
	background: url(images/frame_middle.jpg);
	width: 900px;
	margin: 0px auto 0px;
	color: #000;
	padding: 0px;
	text-align:left;
	font:12px Arial, sans-serif;

	}

#unten
	{
	background: url(images/frame_bottom.jpg);
	width: 900px;
	height: 18px;
	margin: 0px auto 0px;
	line-height:18px;
	text-align: center;
        padding: 0px;
	}	


#navigation
	{
	width:898px;
	background-color:#a70e1a;
	height:24px;
	margin:0px auto 0px;
	text-align:left;
	padding:0px;
	}

#content
	{
	background: url(images/frame_middle.jpg);
	width:900px;
	margin:0px auto 0px;
	position:relative;
	padding:0px;
	}

#links
	{
	width:560px;
	margin:0px;
	padding:20px 0px 0px 0px;
	float:left;
	}

#rechts
	{
	background-color:#e8f6f8;
	width:340px;
	margin:0px -1px 0px 0px;
	padding:0px;
	float:right;
	text-align:center;
	}
	
#mitte	{
	padding:20px 0px 0px 0px;
	margin: 0px auto 0px;
	}


#rahmen_rechts
	{
	background-color:#e8f6f8;
	width:320px;
	margin:0;
	margin-right:1px;
	padding:10px;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	float:right;
	}

#crumbar
	{
	line-height:18px;
	float:left;
	margin-top:44px;
	margin-left:5px;
	}


#a,#d,#ch
	{
	display:none;
	
	}

/*###########################################

2. Contentboxen

###########################################*/

#countrybox1,
#countrybox2,
#countrybox3
	{
	background-color:#fff;
	width:110px;
	position:relative;
	border:1px;
	border-style:solid;
	border-color:#939393;
	border-collapse:collapse;
	height:18px;
	padding:4px;
	float:left;
	z-index:9;
	text-align:center;
	}

#countrybox2,
#countrybox3
	{
	background-color:#ccc;
	width:111px;
	margin-left:-1px;
	position:relative;
	z-index:11;
	}


#textbox
	{
	background-color:#e8f6f8;
	width:495px;
	border:1px;
	border-style:solid;
	border-color:#939393;
	padding: 10px;
	margin:0px 20px 20px 21px;
	line-height:18px;
	overflow:hidden;
	text-align:left;
	}	

#bigbox
	{
	background-color:#e8f6f8;
	width:836px;
	border:1px;
	margin:0px auto 0px;
	border-style:solid;
	border-color:#939393;
	padding: 10px;
	line-height:18px;
	overflow:hidden;
	}	

#mediumbox
	{
	background-color:#e8f6f8;
	width:600px;
	border:1px;
	margin:0px auto 0px;
	border-style:solid;
	border-color:#939393;
	padding: 10px;
	line-height:18px;
	overflow:hidden;
	}


#anfrage
	{
	background-color:#e8f6f8;
	width:450px;
	border:1px;
	margin:0px auto 0px;
	padding: 10px;
	line-height:18px;
	overflow:hidden;
	text-align:right;
	float:left;
	}
	

#logo
	{
	background: url(images/logo2.jpg);
	width:92px;
	height:75px;
	float:left;
	margin: 0px 0px -13px 5px;
	position:relative;
	top: -13px;
	}

#tagcloud,
#listbox
 	{
	background-color:#fff;
	width:297px;
	margin: 0px auto 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px;
	border-style: solid;
	border-color: #939393;
	}

#tagcloud
	{
	overflow:hidden;
	}
#cats
	{
	background-color:#fff;
	width:297px;
	height:150px;
	padding: 10px 10px 10px 10px;
	border: 1px;
	border-style: solid;
	border-color: #939393;	
	overflow:auto;
	font-size:13px;
	font-family: Arial, sans-Serif;
	font-weight:200;
	}
	
#listbox
	{
	height:220px;
	}
#category
	{
	font:10px Arial, sans-serif;
	font-weight:bold;
	}

#definition
	{
	background-color:#ccc;
	width:320px;	
	margin:0px 1px 0px 0px;
	padding-right:20px;
	text-align:right;
	line-height:16px;
	float:right;	
	border-bottom: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	}

#suche
	{
	width:238px;
	background-color:#e8f6f8;
	padding: 0px;
	text-align:center;
	float:left;
	}

#auswahl
	{
	width:238px;
	background-color:#e8f6f8;
	padding: 0px;
	text-align:center;
	float:right;
	}


#potential
	{
	width:450px;
	background-color:#e8f6f8;
	padding: 0px;
	text-align:center;
	float:left;
	}

#feinselektion
	{
	width:360px;
	background-color:#e8f6f8;
	padding: 0px;
	float:right;
	text-align:left;
	}

#reiter1,
#reiter2,
#reiter3
	{
	width:338px;
	background-color:#fff;
	padding:0px;
	border: 1px solid #939393;
	border-top: 0px solid #fff;
	padding:10px;
	position:relative;
	top: -1px;
	z-index: 10;
	float:left;
	display:none;
	}

#reg
	{
	display:none;
	}

#spacer
	{
	width:19px;
	padding: 0px;
	margin:0px;
	float:left;
	}


/*###########################################

3. Navigation

###########################################*/

ul.menu {
	margin: 0;
	padding: 0;
	background-color:#a70e1a;
	width:898px; 
	}

ul.menu li
	{
	display:inline;
	margin:0px;
	white-space:nowrap;
	}

ul.menu li.left_nav
	{
	margin:0px;	
	font-family: 'Arial', sans serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding: 4px 30px 4px 30px;
	border:0px;
	border-right:1px solid #939393;	
	text-decoration:none;	
	float:left;
	}



.menu li.right_nav
	{
	margin:0px;
	font-family: 'Arial', sans serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	float:right;
	border:0px;
	text-align:left;
	padding:0px;
	width:341px;
	}





/*###########################################

4. Fonttypen

###########################################*/


h1,h2	
	{
	font: 18px Arial, sans-Serif;
	line-height:20px;
	padding: 0;
   	margin: 0; 
	display:inline;
	}

h1
	{	
	color:#333;
	}

h2
	{
	color:#a70e1a;
	}

.kommentar
	{
	font-family: Arial, sans-Serif;
	font-size:12px;
	color:#333;
	}

.probetext
	{
	font-family: Arial, sans-Serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	}
/*###########################################

5. Overlays

###########################################*/
#formular,
#error
	{
	position:absolute;
	display:none;
	padding:0;	
	width:100% !important;
	height:100% !important;
	top:0;
	left:0;
	z-index:90;
	background-color:#CCCCCC;
	opacity:.65;
	}

#loginformular,
#errormsg
	{
	width:400px;	
	height:150px;
	display:none;
	left:50%;
	top:25%;
	margin: -75px 0 0 -200px;
	position:absolute;	
	vertical-align:middle;
	z-index:99;
	background-color:#FFFFFF;
	border:2px #a70e1a;
	border-style:solid;
	text-align:center;	
	}

#closelabel
	{
	top:0;
	width:23px;
	height:22px;
	right:0;
	margin:0;
	z-index:100;
	float:right;
	}

#register
	{
	width:450px;			
	left:30%;
	top:35px;
	/*margin: -75px 0 0 -200px;*/
	position:absolute;	
	z-index:100;
	background-color:#FFFFFF;
	border:1px #a70e1a solid;
	}
	
#register_content
	{
	text-align:left;
	padding:20px;	
	z-index:99;
	}
#over_d
	{
	/*margin: -75px 0 0 -200px;*/
	
	background-color:#FFFFFF;
	display:block;
	}
	



/*###########################################

6. Formulare

###########################################*/

form
	{ 
	margin:0px;
	padding:0px;
	z-index:0;
	}

select 
	{	
	width:338px;
	background-color:#fff;
	padding: 0px;
	text-align:left;
	border:1px solid #939393;
	margin-top:10px;
	}
	
.anfrage_select
	{
	width:284px;	
	height:20px;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	border:1px solid #939393;
	}
.submit
	{
	background-color:#ccc;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	color:#333;
	height:30px;
	border:1px solid #939393;
	border-collapse:collapse;
	margin-top:10px;
	width:150px;
	text-align:center;
	}	
.anfragefeld
	{
	margin-top:10px;
	width:280px;
	}

.plzfeld
	{
	margin-top:10px;
	}
.plzgebiet
	{
	vertical-align:top;
	}
.ortfeld
	{
	margin-top:10px;
	width:233px;
	}

.selecter
	{
	width:238px;
	height:200px;
	}

.category 	
	{
	width:300px;
	margin:0px 0px 0px 0px;
	}
.crumbar_aktiv
	{
	color:#a70e1a;	
	font-weight:bold;
	}

.plzeingabe
	{
	width:40px;
	}

.dateneingabe
	{
	width :200px;
	}

.button_small
	{
	background-color:#ccc;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	color:#333;
	height:24px;
	border:1px solid #939393;
	border-collapse:collapse;
	width:100px;
	margin-top:-1px;
	}

.button_small2
	{
	background-color:#ccc;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	color:#333;
	width:100px;
	height:24px;
	border:1px #939393 solid;
	border-collapse:collapse;
	margin:0px;
	margin-bottom:-1px;
	padding:2px;
	}

#button_big
	{
	background-color:#ccc;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	color:#333;
	height:24px;
	border:1px solid #939393;
	border-collapse:collapse;
	padding-top:4px;
	margin-top:10px;
	width:150px;
	text-align:center;
	}

.select_register
	{
	width:208px;
	line-height:3px;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	}

.horiz_register
	{
	border:1px #a70e1a solid;
	}

.suchfeld
	{
	width:236px;
	height:18px;
	border:1px #939393 solid;
	margin:0px;
	padding:2px;
	}



/*###########################################

7. Tabellen

###########################################*/

table
	{
	border-collapse:collapse;
	text-align:left;
	margin-top:10px;
	background-color:#fff;
	font-family: 'Arial', Sans Serif;
	font-size:12px;
	color:#333;
	}

.vorschau
	{
	width:100%;
	border:1px #939393 solid;
	}

.vorschau td,
.gruppen
	{
	width:180px;
	border:1px #939393 solid;
	}

.selektionsgruppen
	{
	width:100%;
	border:1px #939393 solid;
	}
.anzahl
	{
	width:80px;
	border:1px #939393 solid;
	text-align:right;
	}
.selektion_land
{
	border:1px #939393 solid;
	text-align:center;
}
#anfrage_check
	{
	text-align:left;
	padding:0px 0px 0px 75px;
	}

/*##########################################

8. Hyperlinks 

###########################################*/
a:link 
	{
	color:#000;
	text-decoration: none;

	}

a:visited 
	{
	color:#000;
	text-decoration: none;
	}

#tagcloud a 
	{
	color:#BBB;
	text-decoration:none;
	}

#navigation a
	{
	color:#FFF;
	text-decoration:none;
	}

#tagcloud a:hover
	{
	text-decoration:underline;
	color:#a70e1a;
	}
#category a:hover
	{
	color:#a70e1a;
	text-decoration:underline;
	}


#kommentar a
	{
	text-decoration:none;
	}
	
#crumbar a
	{
	text-decoration:underline;
	}

/*###########################################

9. sonstige Formatierungen

###########################################*/
.vollfett
	{
	font-weight:bold;
	}

#mittig
	{
	text-align:center;
	}

#links_align
	{
	float:left;
	text-align:left;
	}


#rechts_align
	{
	float:right;
	}


#leermachen
	{
	clear:both;
	}